Usando Server Controls

Hola buen día a todos

como ya sabrán hoy toca el resumen así que aquí se los dejo que lo disfruten....

Este es el contenido:

• Que son los web server controls
• Menciona todos los controles del lado del servidor que usa visual studio
• Como volver un control HTML del lado del servidor
• Controles especializados del lado del servidor y se explica cada uno.

Manipulando Eventos y Manejando Estados Parte Practica II

Hola buen día a todos disculpen por no haber continuado antes es que cambie de pc y pues eh estado instalado todo de nuevo y poniéndome al día con algunos trabajo jejeje

Bueno, continuemos....


Los Hidden fields son solo textos que se encuentran "ocultos" en la pagina que seria el diseño que ven los usuarios ("ocultos" porque de todos modos se pueden ver abriendo el código fuente de la pagina), estos permiten almacenar datos en su propiedad Value y Al igual que el view state, los hidden fields sólo guardan la información para una sola página. (si se quisiese pasar por varias paginas se tendría que usar el context.item)


Por ejemplo se crearia de la siguiente forma:


<asp:HiddenField ID="HiddenField1" runat="server" Value="Esto es un texto Oculto" />


 Las Cookies se usan para guardar alguna información o configuración del usuario en su pc de manera que cuando cierre el browser o reinicie la computadora se sigan manteniendo allí (hasta que haga una limpieza de los archivos temporales y entonces ahí si adiós cookies....), ahora como crearlas:

HttpCookie myCookie = new HttpCookie("OpcionesDelUsuario"); //El nombre de la cookie

myCookie["FuentePreferida"] = "Arial"; //son subclaves, esto quiere decir que son como subcookies internas

myCookie["ColorFavorito"] = "Rojo"; // no son obligatorias

myCookie.Expires = DateTime.Now.AddDays(1d);//Tiempo de vida de la cookie en la pc del cliente

Response.Cookies.Add(myCookie); // se envio la cookie!!

A las cookies que no se le coloca el tiempo de expiracion se les conoce como Session Cookies ya que duran solo el tiempo que el usuario tiene activo el browser

Si se quiere hacer de forma directa enla respuesta seria:

Response.Cookies.Add(new HttpCookie("NombreCookie", "Valor de la cookie o contenido"));

y asi recupero los valores almacenados en esa cookie:

Request.Cookies("NombreCookie").Value     ó


if (Request.Cookies["UserSettings"]["Font"] != null)//Primero se evalúa que no sea nulo para que no arroje una excepción cuando se le establezca el valor a la variable. 

{

           string userSettings = Request.Cookies["UserSettings"]["Font"];

}

Los Query strings, se usan para pasar variables por la url por ejemplo:


www.microsoft.com/default.aspx?color=blue


a partir del signo de interrogación (?) comienza el query string por el cual se le pasa alguna variable que se usara entre las distintas paginas de la aplicacion web. 


Por ejemplo podría usarse la variable color = blue para filtrar por color algún control de enlace a datos y muestre los items que contengan solo el color azul. Para pasar mas de un solo parámetro por queryString se coloca ampersand (&) y se coloca el otro parámetro ejemplo:


?color=blue&pais=Venezuela


Se obtiene este en la otra pagina de la siguiente forma:


string filtro = Request.QueryString["color"];// entonces en este caso filtro seria igual a blue.


Bueno asta aquí llego esta serie de practicas, espero que les allá sido de su agrado ya en la siguiente entrega se tocara lo que es user y server controls....

10 Razones para usar HTML 5

Hola buen día a todos...

Estaba navegando por la web cuando me tope con esto y pues me pareció interesante compartirlo con ustedes, esta en ingles pero se puede traducir automáticamente con la ayuda del buen google...


Ademas voy a mencionar los 10 tips que mencionan:

1. Accesibilidad
2. Soporte de audio y vídeo
3. DOCTYPE
4. Código más limpio
5. Almacenamiento inteligente
6. Mejor Interacciones
7. Desarrollo de Juegos
8. Legacy / Soporte del navegador de la Cruz
9. Mobile, Mobile, Mobile
10. Es el futuro, Ponte a ello!

http://tympanus.net/codrops/2011/11/24/top-10-reasons-to-use-html5-right-now/

Windows 8 Developer Preview y IE 10

Buen día a todos

Como verán ya puede ser descargado e instalado el IE 10, pero sólo es  soportado por Windows 8. Así que si lo quieren probar tendrán que instalar el demo developer del windows 8 para conocer las nuevas bondades que nos trae el IE 10

Asi que les dejo los links:

• Windows 8 Developer Preview 
• Internet Explorer 10

Manipulando Eventos y Manejando Estados Parte Practica I

Hola buen día a todos, como verán aquí se tocan varios puntos así que la practica estará dividida en varias partes....


Iniciemos con conocer: ¿En donde se encuentra los eventos de aplicación?
Todos ellos están en el global.asax





Si crearon una aplicación vacía esta no contendrá en un inicio este archivo para ello deben agregarlo como cualquier otro archivo, lo buscan con el nombre de Global Aplication Class.


Ahora continuemos con el viewstate, este para que sirve¿?
Pues es el que mantiene el estado de los controles. Aja y que quieres decir con eso¿?
Con un ejemplo lo entenderemos mejor.


Supongamos que tenemos un button con el texto Hola colocado en la pagina aspx, y por programación queremos que cuando le de click cambie el texto de Hola, ah me as Clickeado!!!. Efectivamente si dejamos el viewstate mantendrá el estado de me as Clickeado!!! así refresque la pagina ( Es decir le doy a F5 ), si no tengo el viewstate el botón no mantendrá el estado del texto que le pase por programación cuando refresque la pagina, si no volverá a mostrar el Hola.


Aquí en esta imagen podemos ver el ViewState (remarcado) de esta pagina de prueba, en algunos casos si lo dejas habilitado en todas las paginas así no lo necesites podria llegar a ocupar mucho mas espacio, haciendo mas pesada la pagina, repercutiendo por ende en el rendimiento de la aplicación web.





¿Porque se ven un montón de numero y letras que no comprendo?
Esto es porque el viewstate siempre esta encriptado por seguridad.


Como accedemos a ese código¿?
En cualquier browser pueden dar click derecho en cualquier parte de la pagina y debería tener alguna opción de ver código fuente de la pagina (como es en este caso en chrome) o algo por el estilo.





¿Ahora como hacemos para inhabilitar el viewstate de nuestras paginas o controles ya que en todas este esta por defecto activado?Para esto podemos hacerlo de distintas formas.

• Si queremos que sea de manera global en nuestra pagina ya que sabemos que no necesitamos mantener el estado en ninguna de nuestras paginas, ponemos:

<configuration>

<system.web>

<pages enableViewState="false">

</system.web>

</configuration>

•  A nivel de directiva de pagina:

        EnableViewState="false"

• O de control pero para esta parte debemos usar algo llamado: ViewStateMode

      Esto lo pude encontrar explicado de manera bastante sencilla en el blog de Chalalo: http://geeks.ms/blogs/gperez/archive/2009/08/28/asp-net-4-0-mejorando-el-rendimiento-con-viewstatemode.aspx

Bueno ya tengo sueño jejeje.. en las siguientes partes ya tocaremos la parte de Hidden fields, Cookies y Query strings

Manipulando Eventos y Manejando Estados

Hoy les voy a dejar el resumen de Handling Events and Managing State esta incluye: 

• Que es:
• View state
• Hidden fields
• Session state
• Cookies
• Query strings
• Application state
• Todos los eventos que levanta una pagina durante su ciclo de vida.
• Eventos del lado de la aplicación
• Elegir entre Client-Side o Server-Side  para el Manejo de  los estados

Y mucho mas... espero que les sea de grata ayuda. Aquí se los dejo.

Usando Master Pages, Themes y Caching (Parte Practica II)

Hola buen día a todos

Hoy les traigo la continuación de la anterior entrega respecto al cache que era el que nos hacia falta (Disculpen por no hacerlo la semana pasada eh estado muy full...).


En resumen a la teoría la memoria cache sirve para almacenar en memoria algunos objetos de la pagina o toda la pagina si lo desean en la memoria del servidor (o la del navegador del cliente) de manera que el navegador no tenga que descargar siempre el contenido de la pagina si no lo obtiene todo directamente desde la memoria cache.


Nota: La memoria cache del navegador es case-sensitive, esto puede resultar en el navegador la descarga del mismo objeto más de una vez si yo no uso consistentes casos para las direcciones URL que se refieren al mismo objeto. Por ejemplo no seria lo mismo en la memoria cache la descarga del objeto <img src="myimage.jpg" width="50" height="50" /> y <img src="myimage.JPG" width="50" height="50" /> como verán son la misma imagen pero la extensión termina en mayúscula ya con este ligero cambio lo considera como otro objeto.

Para poder empezar a usar el cache tenemos que agregar una nueva directiva de pagina llamada OutputCache (  <%@ OutputCache Duration="60" VaryByParam="None"%> ) este es el tipo de cache que se usa para la pagina completa y lo ponemos en las paginas que queramos que tengan cache y si queremos un punto central en donde modificarlo por ejemplo el tiempo lo podemos hacer en el web.config dentro de <system.web>:



<caching>
      <outputCacheSettings>
        <outputCacheProfiles>
          <add name="Cache60sgd" duration="60"
            varyByParam="none" />
        </outputCacheProfiles>
      </outputCacheSettings>
</caching>



y se pondría en la directiva de pagina CacheProfile ( <%@ OutputCache CacheProfile="Cache60sgd"%> ) 






Cabe mencionar que no solo se usa para el OutputCache la propiedad varyByParam tambien esta:

• VaryByControl
• VaryByCustom
• VaryByHeader

Ahora un ejemplo de como carga la pagina sin cache





y con cache





como podrán notar la imagen dentro del documento no se cacheo esto pasa en firefox y en google chrome pero en internet explore ( por lo menos la versión 9 que fue donde probé) si se cachea el documento completa mente cuando hace el request hace solo una petición al cache que se trae todo el documento completo.

Estas pruebas se hicieron fue como localhost pero según con IIS todo se almacena automáticamente como podrán ver en este articulo que encontré en la web: http://technet.microsoft.com/es-es/library/dd239248(v=ws.10).aspx


Ahora también esta el objeto como tal Cache que a diferencia del Output guarda son resultados de objetos por ejemplo: Estamos programando una aplicación para una universidad que se trae todos los profesores de la base de datos y los guarda en un dataset este lo podemos guardar en el objeto cache de modo que no tenga que ir todo el tiempo a la base de datos y traerse todos los profesores si no que lo obtiene directo de memoria.


Se puede usar asi: Cache["key"] = "value";


o asi: 

Cache.Insert("key", myXMLFileData, new 
  System.Web.Caching.CacheDependency(Server.MapPath("users.xml"))); 

En este caso cambia cuando el archivo users.xml cambia

Cache.Insert("key", myTimeSensitiveData, null, 
  DateTime.Now.AddMinutes(1), TimeSpan.Zero);
En este otro caso se le estableció un tiempo de duración al cache 
Para mas información respecto a las sobrecargas y los parámetros la pueden conseguir aquí: 
http://msdn.microsoft.com/es-es/library/system.web.caching.cache.insert.aspx
Y para el caso que mencione en el ejemplo seria mas o menos así:
public DataTable GetTeachers(bool BypassCache)
{
   string cacheKey = "TeachersDataTable";
   object cacheItem = Cache[cacheKey] as DataTable;
   if((BypassCache) || (cacheItem == null))
   {
      cacheItem = GetTeachersFromDataSource();
      Cache.Insert(cacheKey, cacheItem, null,
      DateTime.Now.AddSeconds(GetCacheSecondsFromConfig(cacheKey), 
      TimeSpan.Zero);
   }
   return (DataTable)cacheItem;
}
Bueno esto es todo por hoy asta el siguiente post... (Esperemos que sea pronto jeje...)

Usando Master Pages, Themes y Caching (Parte Practica)

Hola buen día a todos

En la anterior publicación les deje la teoría respecto a las master pages, temas y skins. Hoy vamos a hacer una parte práctica relacionada con estos…

Para crear Master Pages le dan click derecho al proyecto web y seleccionan -> Add -> New Item, y dentro de la lista de elementos seleccionan Master Pages. En la imagen podemos ver la página maestra creada , la cual contiene los ContentPlaceHolders que es donde ira el markup especifico de cada página y el resto es lo que será la página maestra como tal que es lo que visualizaremos en el resto de las páginas que estén enlazadas a esta.

Cuando creamos una página aspx que deseemos usar con nuestra página maestra podemos usar la plantilla que dice: Web Form using Master Page, esta estará automáticamente enlazada a nuestra página maestra.

Para lo demás ya se los dejo a su creatividad para que conozcan bien las Master Page cualquier duda también me pueden escribir a mi correo, también pueden repasar el resumen que les publique en el post pasado.

Ahora para los Themes y skins deben agregar la carpeta de themes

¿Dónde se encuentra esta?

La pueden hallar dándole click derecho al proyecto -> Add -> Add ASP .NET Folder -> Theme. Luego de que lo agregan le ponen el nombre que deseen y dentro de esta le pueden agregar solo 2 archivos CSS o Skins, aparte de imágenes.

En esta última imagen se puede ver como establecemos el theme a toda nuestra aplicación web es decir todas nuestras páginas aplicaran este theme.

Por ejemplo si pusimos en nuestro theme un skin para los button para que tengan fondo azul, todos nuestros botones tendrán fondo azul, además de las características que hayamos establecido en el css.

Bueno hasta aquí llegamos por hoy (ya para la próxima haremos la parte practica del cache) y disculpen por no explicarme mejor en él y no publicar más comúnmente ya que actualmente estoy bastante ocupado con las asignaciones de la universidad y las ocupaciones del trabajo…

Pero aun así espero que les sea de su agrado, saludos y feliz día. 

Usando Master Pages, Themes y Caching

Hoy les traigo la segunda entrega de esta serie de resúmenes del libro 70-515. Para ver la leyenda del resumen y la primera parte la pueden encontrar aquí, y la parte práctica acá. 


 En esta entrega Encontraran información sobre:

• Que son las Master Pages (MP) y como se componen.
• Como crear MP generales para las páginas y Anidados
• Cambio dinámico de MP
• Que son los Temas, Skins, Css y como se crean
• Que es el cache y como usarlo
• Como y cuando usar el Output Cache o el Object Cache
• Como guardar en cache partes específicas de la página
• Actualizar el Cache

Bueno aquí les dejo el resumen que lo disfruten!!!....

Introducción a ASP.NET 4.0 (Parte Practica)

Hola Buen Día a todos

Este post es la parte práctica del post anterior para que se vallan familiarizando con la programación de aplicaciones web... (Para poderla realiza ya tienes que tener el Visual Estudio 2010 instalado)

En esta primera pantalla vemos como crear un nuevo: Project en este se hacen las aplicaciones web o un nuevo web site en su defecto. (Ambos son explicados en el post anterior)



Luego de darle new Project, aparecerá esta ventana (que pueden visualizar mas abajo) en ella en el lado izquierdo podemos ver las distintas plantillas instaladas que podemos usar y arriba de esas plantillas está el lenguaje de programación a usar que en este caso es C# pero ustedes si lo desean pueden usar Visual Basic o C++ pero yo usare C# que es lo que conozco jeje...

Del lado derecho están las distintas aplicaciones web que puedo crear (Web porque fue lo que seleccione y es de lo que estoy hablando en este momento ya después puede que les muestre los demás o ustedes mismos exploren), y arriba de este las versiones del framework, nosotros usaremos la 4.0 y un empty web application, también está de primero ASP.NET web application la cual es una plantilla que ya tiene algunas cosas creadas de manera predeterminada, como las master pages, estilos css, login, pestañas de menú y más (en el siguiente post hablaremos mas sobre varios de los que mencione pero tranquilos con el tiempo tocaremos todos los puntos y demás), si lo desean pueden crearla también para que la vean y la jorunguen jejeje.

Ya abajo de todo esto está el nombre de nuestro proyecto, la ubicación física en la pc donde lo vamos a guardar (la que muestra es la ruta por default) y el nombre de solución que por el momento va a ser igual al de la aplicación web



Esto es lo que tendremos al comienzo de nuestro Empty Project (Que en español quiere decir proyecto vacío).

La carpeta de properties es utilizada en gran medida para almacenar las propiedades de las aplicaciones, como se ve en la imagen (los "//" son comentarios), se maneja como la configuración general de la aplicación que se va a guardar en el assembly. Esta configuración guarda el nombre de la aplicación, descripción, entre otras. Pero una de la más importante que vale la pena destacar es la propiedad donde se guarda la versión del assembly para tu aplicación web. (En futuros post ya hablare con mas detalles de el.)



La carpeta Referencias es un grupo de dll que se toman por defecto para iniciar la ampliación web o cualquier otro tipo de proyecto.



y por ultimo tenemos el Web.Config. Este es el archivo de configuración de la página (Ya explicado en el post anterior en el resumen que les deje).



Ya sabiendo todo esto, ustedes pueden agregar cualquier cantidad de elementos que deseen. Dándole click derecho al proyecto y seleccionando add new ítem, como se ve a continuación:



Cuando le den click aparecerá esta otra pantalla que será donde ustedes seleccionaran el ítem que gusten para agregarlo a su aplicación web.



Bueno espero que les haya sido útil la información y ya saben exploren el IDE para que le saquen mucho provecho. Que tengan un feliz día...

Introducción a ASP.NET 4.0

Hoy les traigo la primera entrega de una serie de resúmenes. Todos están escritos en primera persona en un principio porque solo los pensaba usar yo pero me vino la idea de ¿porque no compartirlo? y pues aquí estamos jejeje...

La leyenda de los colores que aplico son: el verde lo uso para las referencias al libro o a un proyecto en visual estudio mayormente las referencias las aplico cuando son una lista de elementos. El libro al que hago referencia es 70-515: Web Applications Development with Microsoft .NET Framework 4, ISBN: 978-0-7356-2740-6.

El azul claro lo uso para las palabras clave, palabras del lenguaje o palabras importantes.

y el que es como rojo muy claro lo uso para los títulos.

En general en este primer resumen se habla:

• De como como son las comunicaciones de cliente y servidor (Request y Response)
• Las opciones que son adecuadas para los proyectos webs dependiendo de cómo se desea ejecutar, compartir, administrar e implementar el proyecto.
• Anatomía de las paginas aspx.
• Jerarquía de los archivos de configuración
• Edición de los archivos de configuración

Entre otras mas, aquí les dejo el archivo que lo disfruten...

Guia de Asp.net para Principiantes, intermedio y avanzados

Buen día a todos, para iniciar en este blog, primero voy a comenzar con ASP.NET. A través de las futuras publicaciones voy a ir subiendo el nivel, pero primero vamos a comenzar con lo más básico.

¿Qué es ASP.NET?

R: Es un lenguaje de programación orientado a Web hecho por Microsoft del lado del servidor. Este usa un Framework (que consiste en un conjunto de librerías que le facilitan la vida al programador), actualmente se encuentra la versión 4.0.

Nota: Cuando se dice: del lado del servidor, quiere decir que cuando una persona entra a una página hecha en asp.net, esta se envía primero a un servidor IIS para que la ejecute y transforme todo lo que está hecho en ASP.NET a HTML y lo mande al Browser para que sea mostrado al usuario, y éste pueda interactuar con la página.

Ahora bien, ya que sabemos el significado de ASP.NET la pregunta es: 

¿Cuál podría ser el mejor IDE?

R: Qué mejor opción que usar el del mismo creador de ASP.NET, es decir el de Microsoft!!

Visual Estudio 2010 versión 10, es una herramienta muy completa para el desarrollo, pero esta herramienta no es gratuita. La misma se se puede utilizar durante un tiempo de evaluacion de 30 días y luego pide la licencia para continuar con su uso. Pero no se desanimen, también esta la versión FREE es decir gratis, de la cual les anexo el link donde se lo pueden descargar para hacer pruebas:

• http://www.microsoft.com/visualstudio/en-us/products/2010-editions/express (En ingles)
• http://www.microsoft.com/visualstudio/latam/products (En Español)

De bonus les dejo ademas el link del sql server 2008 R2 express (Es el manejador de Base de Datos):

• http://www.microsoft.com/download/en/details.aspx?id=23650

Una vez descargadas las herramientas, podrán realizar nuevos proyectos de ASP.NET en la versión 4.0. Pero eso ya quedará para otro post, por ahora hasta aquí quedamos. Además en los siguientes post, voy a dejar unos resúmenes del libro de certificación 70-515 que es para el examen de aplicaciones web en el framework 4, para que profundicen y se certifiquen si lo desean.

Gracias por su interés en mi publicación. Que tengan un gran y feliz día!