Acerca del curso
En este curso aprenderás a diseñar sitios web adaptables a cualquier dispositivo, veremos tamaños de pantalla, media queries, mobile first, tipos de layorut, herramientas para testear diseños entre otros temas.
Lista de Clases
-
Clase 1: Introducción
- 1.- Introducción
- 2.- ¿Qué es el Responsive Web Design?
- 3.- ¿Por qué es importante el Diseño Web Adaptable?
- 4.- Diferencia entre responsive y adaptativo
- 5.- ¿Por qué usar adaptativo?
- 6.- ¿Por qué usar responsive?
- 7.- Tamaños de pantalla
- 8.- Media Queries
- 9.- Flujo de desarrollo de un sitio responsive
-
Clase 2: Mobile first
- 1.- Mobile first
- 2.- Uso de dispositivos móviles
- 3.- Importancia del usuario móvil
- 4.- Ventajas del responsive design
- 5.- Tipos de layout
- 6.- Grid
- 7.- Herramientas para testear el diseño
-
Clase 3: Ejercicio práctico
- 1.- Bocetación
- 2.- Bancos de imágenes
- 3.- Wireframes resolución escritorio parte 1
- 4.- Wireframes resolución escritorio parte 2
- 5.- Wireframes resolución escritorio parte 3
- 6.- Wireframes resolucion móvil parte 1
- 7.- Wireframes resolucion móvil parte 2
- 8.- Wireframes resolucion móvil parte 3
- 9.- Diseño resolucion escritorio parte 1
- 10.- Diseño resolucion escritorio parte 2
- 11.- Diseño resolucion escritorio parte 3
- 12.- Diseño resolucion móvil parte 1
- 13.- Diseño resolucion móvil parte 2
- 14.- Diseño resolucion móvil parte 3
Proyecto del curso
