10 ene 2012

Validación de Entrada y Navegación del Sitio

Hola buen día a todos aquí les traigo el resumen el cual contiene lo siguiente:

  • Desempeñando la Input Validation
    • Entendiendo como valida el framework y los validadores que trae por defecto el Visual Studio en el toolbox.
  • Desempeñando Site Navigation
    • Métodos de navegación y se evalúan cada uno de ellos.
    • Y se usan los navegadores que trae por defecto visual studio en el toolbox.
  • Usando Web Parts (Normalmente se usan para desarrollos de sharepoint)
    • Que son y se usan algunos de los que trae visual studio en el toolbox.
Bueno sin mas preámbulos aquí les dejo el documento que lo disfruten... Feliz día a todos.

6 ene 2012

Usando Server Controls Tips

Hola buen día a todos disculpen por no haber publicado antes por las fiestas y el trabajo jejeje bueno comencemos explicando los server controls:

Como ya sabrán los server controls son los controles que usa asp.net para el rendereo de la pagina, estos se mandan al servidor y el servidor los transforma en html para que lo muestre el browser la ventaja de estos es que pueden ser accedidos también por el code-behind.

bueno en la siguiente imagen pueden ver todos los controles:



1- El label este se renderea como un span en el browser se usa cuando necesitas agregarle estilos (Negrita, Color azul, tipo de fuente, etc...) directos al control por el markup o code-behind, o por ejemplo un valor de una suma devuelto por la base de datos que quieres mostrar lo puedes guardar en el label.

2- El se usa cuando quieres agregar texto simple sin ningún tipo de estilo por programación (ya que si no lo vas a hacer por programación agrega entonces texto normal), este se renderea como texto común y silvestre en el html, pero igual se le pueden agregar estilos con ayuda de CSS.

3- El textbox en donde ingresas el contenido normalmente en algun tipo de formulario que puede tener n cantidad de fines por ejemplo lo pones para login y password, entonces lo que ingrese el usuario lo comparas con lo registrado en la Base de Datos, o cuando se va a hacer una transferencia colocas el monto en un textbox. En la propiedad TextMode lo puedes cambiar para que sea password (aparecerán asteriscos), singleline (solo una linea de texto), multiline (multiples lineas de texto), este ultimo se usa por ejemplo cuando quieres que el usuario deje sus comentarios, haga alguna pregunta, etc... lo pueden ver por ejemplo en los foros, solo que son algo mas avanzados.

4- Se coloca cuando tienes varias opciones entre las cuales puedes elegir todas o al menos 1.

5- En este tienes varias opciones pero solo puedes elegir una, cuando colocas varios radiobutton los tienes que meter todos en el mismo grupo (GroupName) para solo seleccionar uno sino podrás seleccionar todos si quieres (lo cual no es la idea con este control).

6- Es mas usado que el listbox, uno de los usos es como una cascada de selección, por ejemplo aparece primero país (una lista de países), seleccionas el país, el dropdown hace autopostback (es una propiedad solo hay que setearla en true por default esta en false) y carga entonces los estados de ese país.

7- El listbox al igual que el dropdown muestra una lista pero esta no es desplegable como la del dropdown. (Para llenar ambos por la interfas seleccionan la propiedad Items).

8- El botón lo que se usa normalmente al final del formulario ya sea para guardar los datos en base de datos, logearse o simplemente enviarlo a otra pagina (Este ultimo es usado cuando esta como botonera horizontal o vertical en una pagina) por ejemplo.

9- El control imagen yo aconsejo no usarlo a menos que vallan a hacer algo con el en el code-behing si no lo van a hacer usen la etiqueta html <img/>

10- es lo mismo que el boton pero con la posibilidad de agregarle una img, aqui yo aonsejo que en ves de usar este control lo hagan con css y rollover, como muestro a continuacion:

En el css coloco lo siguiente:

.Botones
{
    display: block;
    width: 137px;
    height: 31px;
}

.Botones : hover
{
    background-position: 0 -31px;
}

.BtnInicio
{
    background: url("../Imagenes/Botones/BtnMenu/Inicio.png") no-repeat 0 0;
}


En botones defino el tamaño de mis imágenes (tengo que hacerlo como 2 veces pero en el segundo le defino lo que va a hacer distinto cuando le paso el mouse en este caso el color del texto como ven en la img.), el estilo  .Botones : hover , sirve para que muestre la otra parte de la imgen que es la que tiene el cambio, y por ultimo BtnInicio es lo que le pone de fondo la img seleccionada.



 Ahora en la pagina aspx yo lo coloque de la siguiente manera:

<a href="Default.aspx" class="Botones BtnInicio"></a>

y listo tenemos nuestro botón con rollover....

11- El ImageMap mayormente es por temas de performance para evitar menos request, por ejemplo tenemos una botonera vertical (ver img)



si lo tenemos por botones separados cada uno va a hacer un request para buscar la img, si lo colocamos todos los botones como una sola img solo se haría un request, que es lo que se quiere hacer con el img map, entonces cada botón seria un hotspot que haría su funcionalidad especifica.

12- Es un calendario que se puede personalizar, no es muy usado...

13- FileUploadUploadify este tiene la misma funcionalidad del fileupload solo que con este si puedes subir de a varios archivos y puedes hacer que solo pueda subir cierto tipo de archivos en el fileExt.

Bueno esto es todo por ahora y disculpen el retraso....



¡¡¡Feliz día a todos y Año nuevo!!!

20 dic 2011

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.

13 dic 2011

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....

4 dic 2011

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!