W3C logo
ONLINE TRAINING FOR
WEB DEVELOPERS
  • Home
  • Buenas Practicas en Web Móvil

Buenas Practicas en Web Móvil

spanish mobiwebapp banner

Ve ¿CÓMO FUNCIONA?

¿Por qué asistir?

MWABP cards MWBP cards

El curso ayudará a diseñadores Web y productores de contenido del mundo de las PC’s de escritorio familiarizarse con la Web entregada a dispositivos móvil. El curso esta totalmente basado en los estándares del W3C, particularmente Las Buenas Practicas en Web Móvil.

DURANTE ESTE CURSO APRENDERAS A

  • usar las versiones de HTML y hojas de estilo (CSS) para dispositivos móviles
  • entender las limitaciones de trabajar con dispositivos móviles y la manera de superarlas para ofrecer la mejor experiencia posible a una amplia gama de usuarios
  • practicar contenido de adaptacion de la parte del cliente y del servidor

Contenido del curso

Preparándose…

Después del registro y antes del comienzo del curso, se tendrá acceso al material preliminar que describe los retos y las oportunidades del la Web Móvil. Se recomienda navegar en su dispositivo móvil y presentarse a todo el grupo.

Semana 1 – Codificando para la Web Móvil

Las tecnologías web y los dispositivos están constantemente evolucionando. Como desarrollador, seguramente quiere usar las técnica mas novedosas de HTML y hojas de estilo CSS, pero ¿Cuales son compatibles con los dispositivos de uso común? En la primera semana, se explora la idea de la ‘mejora progresiva’ (progressive enhancement) : es decir, usando un conjunto de tecnologías básicas y después usando, pero no dependiendo, en otras técnicas.

Esta semana termina con un trabajo práctico.

Semana 2 – Principios de diseño básico de una pagina web móvil

Esta semana se enfoca en los factores esenciales que llevan a la creación de una buena estructura para la pantalla pequeña. Vamos a ver cosas como el desplazamiento, las imagenes, la navegacion y el ‘viewport’ (!cuando un pixel no es un pixel!).

Hay un trabajo práctico al final de esta semana que continua en la semana numero 3.

Semana 3 – Uso CSS para adaptar hojas de estilo a los diferentes ‘viewports’

Esta es una área donde ha habido un cambio signíficativo en solo unos cuanto años. La idea original para la adaptación del estilo de parte del cliente ha sido reemplazada y mejorada de tal manera que ahora es posible aplicar el mismo concepto de la mejora progresiva (progressive enhancement) que se introduce en la semana 1.

Se completa el trabajo práctico que se empezó en la semana 2.

Semana 4 – Uso de JavaScript para mejorar la experiencia del usuario

JavaScript es la tecnología clave detrás de la interacción del usuario. En este modulo vemos una variedad de buenas prácticas incluyendo el chequeo de soporte de características, la separación limpia de Script y HTML, el uso de JSON y la mejor manera de manipular el DOM.

Como es de esperarse, la semana termina con un trabajo que te pide poner en practica lo que has aprendido.

Semana 5 – Lo pequeño es hermoso

Esta semana te ayudará a entender mas sobre las diferencias especificas entre la Web navegada por medio de PC’s de escritorio y dispositivos móviles. Nos fijamos en:

  • las limítaciones de las redes móviles;
  • las técnicas para reducir el peso de la pagina (por ejemplo, la cantidad de etiquetas y el numero de elementos externos);
  • evitar el uso innecesario de la red;
  • las herramientas que están disponibles para ayudarte;
  • las limítaciones impuestas por la vida de la batería.

Esta semana se explican las técnicas que se necesitan usar para minimizar el impacto de estas limítaciones. Un corto trabajo te pide poner estas técnicas en practica mediate la edición de HTML y hojas de estílo CSS.

Semana 6 – Adaptación del contenido de parte del servidor

Se puede lograr mucho con la adaptacion de contenido por parte del cliente, pero muchas de las aplicaciones necesitan, o pueden ser mas eficientes, con la adaptacion de contenido por parte del servidor. Esta semana nos fijamos en las técnicas por parte del servidor para poder:

  • conocer el dispositivo que se solicita;
  • detectar el dispositivo móvil;
  • usar un Repositorio de Descripción de Dispositivo;
  • contenido de adaptación y cache.

No todas estas técnicas requieren que tengas acceso a la configuración del servidor, aunque algunas son mas fáciles si se tiene acceso.

En lugar de un trabajo práctico, la semana termina con una prueba, pero podrás poner las técnicas en practica antes de que termine el curso.

Como Obtener el Certificado

El curso incluye una prueba y cuatro trabajos marcados por el asesor que necesitan ser completados satisfactoriamente si se desea recibir un certificado de asistencia.

Necesitarás dedicar alrededor de 4-6 horas por semana en el curso. Algunas semanas son mas intensas que otras y quizás requieran mas tiempo, pero 4-6 horas son promedio.

Niveles Principiantes e Intermedios
Course duration: 6 semanas
Curso de ejemplo

INMINENTE


hot

No fecha disponible

Beneficios

  • Aprende directamente del W3C
  • Técnicas de desarrollo actualizadas
  • Contacto director con el profesor
  • Curso revisado por el W3C
  • Foro de discusión abierto en todo momento
  • Disponible 24/7 y en cualquier zona de horario
  • Certificado de asistencia

El profesor

Jorge Rumoroso

Jorge Romeroso photo
anto el HTML 5, como la Web Móvil, son mis principales intereses en el contexto de los estándares W3C, siendo uno de mis objetivos el aprovechar todo el potencial que estos nos brindan.Más info....

Contacto

¿Tienes preguntas? Ve la sección de
¿Cómo funciona? o envía un mensaje a
training@w3.org