Curso de Responsive Design

Curso de Responsive Design

Alumnos destacados
iriale28
220
gbolanos2017
219
ogaston
219
iKenshu
216
Ronaldo34
215
mrburlando
213
sebasegura97
207
TopMast3r
205
izaelruelas
203
kmaestre
203

¿Quieres compartir tus conocimientos?Crea un tutorial

Bienvenido al curso

Materiales

Descarga el código del proyecto

1:00

Introducción y conceptos básicos

Bienvenidos al curso de responsive design

¿Qué es responsive design?

17:00

Presentación del proyecto

2:00

Construyendo nuestro proyecto

Tipos y formas de agregar media queries

7:00

Adaptando nuestro proyecto para Tablets

28:00

Adaptando nuestro proyecto para dispositivos móviles

37:00

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

29:00

Corrigiendo resoluciones con meta-viewport

6:00

Cómo utilizar media queries con JavaScript

13:00

Optimizando la carga de imágenes con lazy loading

6:00

Agregando videos de manera responsive

10:00

Soportando múltiples resoluciones de pantalla

15:00

Construyendo tablas responsive

10:00

Testeando nuestro sitio con Remote Debugging

7:00

Añadiendo gestos touch a nuestro menú con HammerJS

13:00

Refinando detalles

24:00

Deploy to Github Pages

5:00

Optimizando la carga del sitio

33:00

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

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío

60:00

Stream 2: Resolviendo el segundo desafío

35:00