Logo de Aulaideal

Curso Diseño Web Responsive (para no programadores)

DESCRIPCIÓN DEL CURSO

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

Ver sitio web que voy a crear en este curso

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.

LO QUE APRENDERÁS:

  • Dominarás esta las nuevas tecnologías  relacionada a la creación de sitios adaptables a todas las pantallas (HTML5,CSS3 y Javascript).
  • 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.

Detalles del curso

  • Clases 69
  • Cuestionarios 0
  • Duración 8 horas
  • Nivel Intermedio
  • Estudiantes 4987
  • Certificado Si
  • Evaluaciones Si
Regresar al curso

Curso Diseño Web Responsive (para no programadores)

  • Módulo 1: Introducción al Responsive Web design
    • Clase1.1
      Recursos para el curso Diseño web Responsive 01 min
    • Clase1.2
      ¿Qué es el Responsive Web Design? 06 min
    • Clase1.3
      ¿Porqué tu Web debería ser Responsive? 07 min
    • Clase1.4
      Estudio de buenos sitios Responsive 07 min
    • Clase1.5
      Ingredientes del Responsive Web Design I 17 min
    • Clase1.6
      Ingredientes del Responsive Web Design II 13 min
  • Módulo 2: Entendiendo y Configurando el VIEWPORT
  • Módulo 3: Entendiendo e Implementando las @Medias Queries
    • Clase3.1
      Estructura de las @Media Queries 03 min
    • Clase3.2
      Definiendo los tipos de medios 09 min
    • Clase3.3
      Entendiendo width, min-width y max-width 07 min
    • Clase3.4
      Practicando el min-width y max-width 13 min
    • Clase3.5
      ¿Donde definir los Medias Queries? 03 min
    • Clase3.6
      Creando puntos de corte (BreakPoints) 07 min
  • Módulo 4: Implementando Imágenes Responsive
    • Clase4.1
      Imágenes Responsive con Max-width 15 min
    • Clase4.2
      Ventajas del uso de Max-width 11 min
    • Clase4.3
      Diferentes soluciones para la carga condicional de imágenes 07 min
    • Clase4.4
      Entendiendo la Dirección de Arte (Art Direction) 04 min
    • Clase4.5
      Sirviendo imágenes condicionales con Responsive-Images.js 21 min
    • Clase4.6
      Sirviendo imágenes condicionales con PictureFill 18 min
    • Clase4.7
      Sirviendo imágenes condicionales con CSS3 23 min
  • Módulo 5: Implementando fuentes Responsive
    • Clase5.1
      Principios de la Tipografia Responsive 13 min
    • Clase5.2
      Tipografia fluida con EMs 22 min
    • Clase5.3
      Escalando el texto con Medias Queries 08 min
  • Módulo 6: Menús Responsive
    • Clase6.1
      ¿Qué tipo de Menú Responsive debo usar? 05 min
    • Clase6.2
      Menú Responsive “Déjalo Fluir” parte 1 15 min
    • Clase6.3
      Menú Responsive “Déjalo Fluir” parte 2 16 min
    • Clase6.4
      Menú Responsive “Déjalo Fluir” parte 3 18 min
    • Clase6.5
      Menú Responsive “Déjalo Fluir” parte 4 04 min
    • Clase6.6
      Menú Responsive “Déjalo Fluir + Jquery” parte 1 15 min
    • Clase6.7
      Menú Responsive “Déjalo Fluir + Jquery” parte 2 15 min
    • Clase6.8
      Menú Responsive “Déjalo Fluir + Jquery” parte 3 09 min
    • Clase6.9
      Menú Responsive “En el Pié de página” 15 min
    • Clase6.10
      Menú Responsive “Lista Desplegable” 18 min
    • Clase6.11
      Menú Responsive “Deslizante Lateral” parte 1 18 min
    • Clase6.12
      Menú Responsive “Deslizante Lateral” parte 2 21 min
    • Clase6.13
      Menú Responsive “Desplegable” parte 1 15 min
    • Clase6.14
      Menú Responsive “Desplegable” parte 2 08 min
  • Módulo 7: Creación de un Proyecto Web Responsive desde 0
    • Clase7.1
      Descargando y personalizando HTML5 BoilerPlate 22 min
    • Clase7.2
      Analizando el Diseño en PSD 06 min
    • Clase7.3
      Escribiendo el HTML5 del encabezado 14 min
    • Clase7.4
      Escribiendo el HTML5 el Menú principal 07 min
    • Clase7.5
      Escribiendo el HTML5 del Slide de imagen 08 min
    • Clase7.6
      Escribiendo el HTML5 del bloque de Bienvenida 10 min
    • Clase7.7
      Escribiendo el HTML5 del contenido principal y del pie de página 12 min
    • Clase7.8
      Estilizando el Logo con CSS3 16 min
    • Clase7.9
      Implementando íconos basados en Fuentes con Font Awesome 30 min
    • Clase7.10
      Estilizando la caja de búsqueda con CSS3 10 min
    • Clase7.11
      Estilizando los botones de redes Sociales con CSS3 15 min
    • Clase7.12
      Estilizando el Menú principal con CSS3 16 min
    • Clase7.13
      Estilizando la zona de Presentacion con CSS3 (parte 1) 16 min
    • Clase7.14
      Insertando fuentes Personalizadas 20 min
    • Clase7.15
      Estilizando la zona de Presentación con CSS3 (parte 2) 18 min
    • Clase7.16
      Estilizando la Zona de Bienvenida con CSS3 20 min
    • Clase7.17
      Estilizando el contenido principal con CSS3 23 min
    • Clase7.18
      Estilizando el Pie de página con CSS3 03 min
    • Clase7.19
      Planificando la inserción de BreakPoints (Medias Queries) 22 min
    • Clase7.20
      Aplicando BreakPoint para pantallas medianas 20 min
    • Clase7.21
      Aplicando BreakPoint para pantallas medianas (parte 2) 23 min
    • Clase7.22
      Aplicando BreakPoint para pantallas pequeñas 21 min
    • Clase7.23
      Aplicando BreakPoint para pantallas enormes 17 min
    • Clase7.24
      Aplicando BreakPoint para pantallas enormes (parte 2) 10 min
  • Módulo 8: Optimización de Recursos
    • Clase8.1
      Carga condicional de imágenes con CSS3 23 min
    • Clase8.2
      Carga condicional de imágenes con JavaScript 14 min
    • Clase8.3
      Carga condicional de archivos basadas en el ViewPort 11 min
    • Clase8.4
      Comprimiendo nuestras hojas de estilo 02 min
  • Módulo 9: Dando soporte a navegadores antiguos
    • Clase9.1
      HTML5Shiv, CSS3Pie y aplicación de estilos CSS solo para IE 19 min
    • Clase9.2
      Carga de Polyfills para implementar capacidades para navegadores obsoletos 11 min

Apasionado por el Diseño y Desarrollo Web desde hace 15 años. Un amante de Wordpress, Bootstrap y de las cosas buenas de la vida.

Comentarios

Promedio

0
0 puntuación

Evaluación detallada

5
0%
4
0%
3
0%
2
0%
1
0%

¿NECESITAS AYUDA INMEDIATA?