Curso de Responsive Design 2016

Curso de Responsive Design 2016

Instruido por:
Leonidas Esteban
Leonidas Esteban
Básico
7 horas de contenido
Ver la ruta de aprendizaje
Crearás tu primer sitio web 100% responsive
Proyecto del curso
Crearás tu primer sitio web 100% responsive

Escribirás el código necesario para qué “Invie" se adapte a múltiples dispositivos y resoluciones. Vas a aprender a optimizar para móviles, entender que patrón de diseño responsive se adapta a la necesidad del proyecto y a aplicar media queries. Lleva a producción con Github Pages.

Curso de Responsive Design 2016

Curso de Responsive Design 2016

Progreso del curso:0/25contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/25contenidos(0%)

¡Espera pronto la actualización de este curso!

¡Nos estamos renovando!

00:40 min

Materiales

Descarga el código del proyecto

00:08 min

Introducción y conceptos básicos

Material Thumbnail

Bienvenidos al curso de responsive design

00:35 min

Material Thumbnail

¿Qué es responsive design?

17:47 min

Material Thumbnail

Presentación del proyecto

02:49 min

Construyendo nuestro proyecto

Material Thumbnail

Tipos y formas de agregar media queries

07:46 min

Material Thumbnail

Adaptando nuestro proyecto para Tablets

28:31 min

Material Thumbnail

Adaptando nuestro proyecto para dispositivos móviles

37:42 min

Material Thumbnail

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

29:55 min

Material Thumbnail

Corrigiendo resoluciones con meta-viewport

06:03 min

Material Thumbnail

Cómo utilizar media queries con JavaScript

13:45 min

Material Thumbnail

Optimizando la carga de imágenes con lazy loading

06:44 min

Material Thumbnail

Agregando videos de manera responsive

10:15 min

Material Thumbnail

Soportando múltiples resoluciones de pantalla

15:48 min

Material Thumbnail

Construyendo tablas responsive

10:40 min

Material Thumbnail

Testeando nuestro sitio con Remote Debugging

07:34 min

Material Thumbnail

Añadiendo gestos touch a nuestro menú con HammerJS

13:06 min

Material Thumbnail

Refinando detalles

24:43 min

Material Thumbnail

Deploy to Github Pages

05:33 min

Material Thumbnail

Optimizando la carga del sitio

33:49 min

Conclusiones

Material Thumbnail

Cierre del curso

00:36 min

Material Thumbnail

Desafio 1: Mezclas de transiciones con responsive

00:58 min

Material Thumbnail

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

02:11 min

Sesiones en Vivo

Material Thumbnail

Stream 1: Resolviendo el primer desafío

60:54 min

Material Thumbnail

Stream 2: Resolviendo el segundo desafío

35:08 min

nuevosmás votadossin responder
Laura De León
Laura De León
Estudiante
·hace 2 años
Hola! lazy loading se puede utilizar en popups?
1
Cristian Orozco Benjumea
Cristian Orozco Benjumea
Estudiante
·hace 2 años
Ya vie el curso de Desarrollo Web Online 2018 y el de Responsive Design. Sería bueno hacer éstos de la versión anterior o es irrelevante?
2
Daniel  Forero
Daniel Forero
Estudiante
·hace 2 años
Hola, tengo un problema! No me cargan los estilos al subir el código a github 😒 https://dafoco.github.io/invie-responsive/<...
1
Evelyn Vazquez
Evelyn Vazquez
Estudiante
·hace 2 años
En la consola me sale: index.html:198 Uncaught TypeError: Cannot read property ‘addEventListener’ of null alguien sabe p...
1
notname
notname
Estudiante
·hace 2 años
Actualmente soy usuario Windows, si instalo sketch desde una maquina virtual me puede dar errores para el desarrollo?
1
damubo4
damubo4
Estudiante
·hace 2 años
Hola que tal chicos, quisiera que alguien me ayude, no puedo poner en una sola linea de codigo, todo el css comprimido, estoy trabajando ...
1
dulce-guzman
dulce-guzman
Estudiante
·hace 2 años
Hola chicos, una duda sobre el menú de una pag web: es posible hacer un solo menú que se integre a todas las vistas de la web??
1
Juan David Rodriguez
Juan David Rodriguez
Estudiante
·hace 2 años
Me pueden ayudar? Administré un servidor con Xamp y subí el proyecto para verificar el responsive en los diferentes dispositivos, pero en...
1
elviejomenu
elviejomenu
Estudiante
·hace 2 años
Es lo mismo utilizar el color rgba a poner opacity?
1
Juan David Rubio Reyes
Juan David Rubio Reyes
Estudiante
·hace 2 años
Que hacemos si no tenemos las imagenes de 2x y alta resolucion ?
1