Lo que aprenderás
- Desarrollarás Sitios web modernos, compatibles con teléfonos, tabletas y otros dispositivos.100% optimizados al entorno en el que se visualice, garantizando así, un alto rendimiento.
- Podrás monetizar tus conocimientos, ya que la creación de sitios web Adaptables a cualquier dispositivo tiene un valor mucho vas elevado, al mismo tiempo te abrirá nuevas posibilidades laborales.
- Dominarás esta las nuevas tecnologías relacionada a la creación de sitios adaptables a todas las pantallas (HTML5,CSS3 y Javascript).
- Podrá construir una página web semántica y hermosa usando HTML5 y CSS3.
Temario del curso
-
Módulo 1: Introducción al Responsive Web design
-
Módulo 2: Entendiendo y Configurando el VIEWPORT
-
Módulo 3: Entendiendo e Implementando las @Medias Queries
-
Módulo 4: Implementando Imágenes Responsive
- Imágenes Responsive con Max-width
- Ventajas del uso de Max-width
- Diferentes soluciones para la carga condicional de imágenes
- Entendiendo la Dirección de Arte (Art Direction)
- Sirviendo imágenes condicionales con Responsive-Images.js
- Sirviendo imágenes condicionales con PictureFill
- Sirviendo imágenes condicionales con CSS3
-
Módulo 5: Implementando fuentes Responsive
-
Módulo 7: Creación de un Proyecto Web Responsive desde 0
- Descargando y personalizando HTML5 BoilerPlate
- Analizando el Diseño en PSD
- Escribiendo el HTML5 del encabezado
- Escribiendo el HTML5 el Menú principal
- Escribiendo el HTML5 del Slide de imagen
- Escribiendo el HTML5 del bloque de Bienvenida
- Escribiendo el HTML5 del contenido principal y del pie de página
- Estilizando el Logo con CSS3
- Implementando íconos basados en Fuentes con Font Awesome
- Estilizando la caja de búsqueda con CSS3
- Estilizando los botones de redes Sociales con CSS3
- Estilizando el Menú principal con CSS3
- Estilizando la zona de Presentacion con CSS3 (parte 1)
- Insertando fuentes Personalizadas
- Estilizando la zona de Presentación con CSS3 (parte 2)
- Estilizando la Zona de Bienvenida con CSS3
- Estilizando el contenido principal con CSS3
- Estilizando el Pie de página con CSS3
- Planificando la inserción de BreakPoints (Medias Queries)
- Aplicando BreakPoint para pantallas medianas
- Aplicando BreakPoint para pantallas medianas (parte 2)
- Aplicando BreakPoint para pantallas pequeñas
- Aplicando BreakPoint para pantallas enormes
- Aplicando BreakPoint para pantallas enormes (parte 2)
-
Módulo 8: Optimización de Recursos
Descripción
Aprender a desarrollar sitios web capaces de adaptarse a cualquier tipo de dispositivo, siguiendo la filosofía Responsive Web Design.
La tecnología móvil ha transformado la manera en que navegamos y utilizando la web. Los dispositivos móviles y tabletas son los medios más usado para navegar hoy en día. Es por eso que es importante que su sitio web no sólo se vea bien, sino que funciones en todos los tamaños de pantalla posibles y adapte su contenido para brindar una óptima experiencia al usuario.
¿PORQUE CREAR SITIOS WEB RESPONSIVE?
Simple: «GOOGLE ama el Responsive Web Design». En el 2015 Google le dio el visto bueno, aquellos sitio web que se mostraban correctamente en móviles y tabletas.
Unos meses después, reveló que el uso de la técnica Responsive web design es tomada como un factor de posicionamiento dentro de los resultados de búsqueda (SEO). Si eso no es suficiente, piense en tu usuarios. Imagínese lo triste que debe ser, cuando uno de tus posibles clientes visita tu sitio desde un móvil y este no se carga o no se logra visualizar correctamente. ¿Cual es el resultado final?, Simplemente ellos se irán a un sitio web Responsive.
MIRA EL SITIO QUE CONSTRUIRÁS:
Al finalizar este curso vas a construir un hermoso sitio web Responsive que se adapte a cualquier tipo de pantalla. Intenta ver el siguiente sitio web desde un movil, tableta, Pc o inclusive desde un Smart TV y te sorprenderás del poder de la técnica «Responsive web design».
La web móvil no es una moda, llegó para quedarse. Sólo nos queda adaptarnos.Así que el saber construir sitios adaptativos es una habilidad que debes de tener en tu bolsa de trucos.
Requisitos
- Conocimientos básicos de HTML y CSS.
- Conocimientos básicos de informática.
Cursos Relacionados
Instructor
Erick Mines
- 33 cursos
- 231188 estudiantes
