Curso de Responsive Design

Curso de Responsive Design

Alumnos destacados
edisonjbernal
226
jkzasori
224
JPGomez
218
TjierSV
209
paurolon
205
andres-alvarez02
205
Arevaloprog
202
livarvidad
200
carlosj159
200
andreslgodev
200
Ver por:

¿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?

Presentación del proyecto

Construyendo nuestro proyecto

Tipos y formas de agregar media queries

Adaptando nuestro proyecto para Tablets

28:00 min

Adaptando nuestro proyecto para dispositivos móviles

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

Corrigiendo resoluciones con meta-viewport

Cómo utilizar media queries con JavaScript

Optimizando la carga de imágenes con lazy loading

Agregando videos de manera responsive

Soportando múltiples resoluciones de pantalla

Construyendo tablas responsive

Testeando nuestro sitio con Remote Debugging

Añadiendo gestos touch a nuestro menú con HammerJS

Refinando detalles

Deploy to Github Pages

Optimizando la carga del sitio

Conclusiones

Cierre del curso

Desafio 1: Mezclas de transiciones con responsive

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

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío

Stream 2: Resolviendo el segundo desafío