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

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
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
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.

Elige un plan y empieza a estudiar

Platzi Expert
$24
Bandera de tu paísdólares al mes
En un solo pago de $299
Platzi Basic
$39
Bandera de tu paísdólares
Pagas mes a mes
Solo este curso
$49
Bandera de tu paísdólares
1 solo curso, 1 solo pago
  • Este y todos los 150 cursos y 24 carreras
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Exámenes de certificación por curso
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Diploma de certificación a tu hogar, vivas donde vivas
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a todos los 150 cursos y 24 carreras

  • Clases en vivo o a tu ritmo con profesores y mentores

  • Estudia donde quieras en la web o en tu teléfono

  • Exámenes de certificación por curso

  • Acceso a las actualizaciones de todos los cursos

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

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

    PayPal
    Depósito
  • Diploma de certificación a tu hogar, vivas donde vivas

  • Entrada exclusiva al Taller de Creación de Startups

  • Entrada preferencial a PlatziConf en todo el mundo

  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$24

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

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

muy buen curso, muchas cosas nuevas para mi.

Héctor  Silva
Héctor Silva

Excelente curso, aprendí justo lo que necesitaba y el profesor leonidas es excelente.

Carlos arevalo
Carlos arevalo

Los temas se abordan muy bien. Es facil entenderle a Leonidas Esteban.

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:
Arquitectura Frontend
Carrera de Arquitectura Frontend