Curso de Responsive Design

Curso de Responsive Design

Alumnos destacados
unavos
223
luisdanielbecerraavellaneda
214
Jsifontz
208
kelvinson
206
HebertVillafuerte
204
fireluis
200
leslierosazza
200
cesardramirez_
40
Juan2677
24
Ctabango
23

¿Quieres compartir tus conocimientos?Crea un tutorial

Bienvenido al curso

Materiales

Descarga el código del proyecto

1:00 min

Introducción y conceptos básicos

Bienvenidos al curso de responsive design

¿Qué es responsive design?

17:00 min

Presentación del proyecto

2:00 min

Construyendo nuestro proyecto

Tipos y formas de agregar media queries

7:00 min

Adaptando nuestro proyecto para Tablets

28:00 min

Adaptando nuestro proyecto para dispositivos móviles

37:00 min

Utilizando el patrón off-canvas en el menú superior

29:00 min

Corrigiendo resoluciones con meta-viewport

6:00 min

Cómo utilizar media queries con JavaScript

13:00 min

Optimizando la carga de imágenes con lazy loading

6:00 min

Agregando videos de manera responsive

10:00 min

Soportando múltiples resoluciones de pantalla

15:00 min

Construyendo tablas responsive

10:00 min

Testeando nuestro sitio con Remote Debugging

7:00 min

Añadiendo gestos touch a nuestro menú con HammerJS

13:00 min

Refinando detalles

24:00 min

Deploy to Github Pages

5:00 min

Optimizando la carga del sitio

33:00 min

Conclusiones

Cierre del curso

Desafio 1: Mezclas de transiciones con responsive

Desafío 2: Hacer una transición al cargar las imagenes con bLazy

2:00 min

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío

60:00 min

Stream 2: Resolviendo el segundo desafío

35:00 min