fcbk

Con este curso podrás:

Crea sitios web Responsive Design

Crea sitios web Responsive Design

Entiende patrones de diseño adaptativo

Entiende patrones de diseño adaptativo

Implementa videos responsive

Implementa videos responsive

Soporta múltiples resoluciones

Soporta múltiples resoluciones

Optimiza la carga de tu sitio web

Optimiza la carga de tu sitio web

Temario del 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
Diploma del Curso de Responsive Design

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Leonidas Esteban

Leonidas Esteban

@LeonidasEsteban

Frontend en Platzi

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.

Nuestros Planes

  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenen al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, PayPal y otros métodos
  • Este y todos los 150 cursos y 10 carreras
  • Clases en vivo con los profesores
  • Estudias cuando quieras desde web y tu móvil
  • Exámenes al final de cada curso
  • Diploma impreso por cada carrera
  • Acceso exclusivo al taller de creación de startups
  • Entrada preferencial a nuestros eventos
  • Actualizaciones al contenido
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos

Elige un plan

Qué obtienes
  • Accedes a todos los 150 cursos y 10 carreras

  • Clases en vivo con los profesores

  • Estudias cuando quieras desde web y tu móvil

  • Exámenes al final de cada curso

  • Diploma impreso por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Actualizaciones al contenido

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago en depósito, PayPal y otros métodos

    Paypal
    Depósito
¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Escríbenos a empresas@platzi.com

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

José Reyes
José Reyes

El momento de conocer cada una de las herramientas que se muestran para iniciar y facilitar el trabajo

juan pablo lopez lopez
juan pablo lopez lopez

el curso tiene todas las bases para el responsive desing

Luis Silgado
Luis Silgado

Los retos lo fueron todo! durante las clases parecía todo muy fácil, pero en los retos es cuando te estrellas y aprendes como se debe.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 12 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Arquitecto Frontend
Carrera de Arquitecto Frontend