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

  • Crea sitios web Responsive Design
  • ¿Cuál es la motivación de hacer nuestro sitio web responsive?
  • Qué tipos de dispositivos existen y en qué varían
  • ¿Qué patrones de diseño existen para Responsive Design?
  • Aprende sobre unidades de medida
  • Optimizá para dispositivos Retina Display
  • Optimización de carga del sitio
  • Diseño pensado primero en móviles ( Mobile First )
  • Diseño dependiendo la orientación: Portrait y Landscape
  • Tipos y formas de poner media queries: Externas e internas
  • Aplicando media queries para tabletas
  • Aplicando media queries 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
  • Haciendo responsive videos HTML5 y videos insertados
  • Soportando múltiples resoluciones de pantalla con imágenes retina
  • Construyendo tablas responsive
  • Testing de nuestro sitio con Remote Debugging
  • Añadiendo gestos touch a nuestro menú
  • Optimizando la carga del sitio
  • Comprimiendo CSS
  • Comprimiendo JavaScript (uglifier)
  • Comprimiendo imágenes (tiny png)
  • Optimizando la cantidad de requests
  • Carga asíncrona de fuentes
  • Deploy to Github Pages

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.

Obtén todos los cursos y carreras

Elige uno de los planes

Comprar Plan

Un solo pago de $299

  • Accedes a todos los 70 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 y diploma por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Pago en depósito PayPal y otros métodos

  • Pago con tarjeta de crédito o débito*

Comprar Plan

Pagos mensuales**

  • Accedes a todos los 70 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 y diploma por cada carrera

  • Pago con tarjeta de crédito o débito*

Comprar Plan

12 meses sin intereses***

  • Accedes a todos los 70 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 y diploma por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Pago con tarjeta de crédito o débito*

*** Este plan hará los cobros automáticos cada mes

** Platzi no cobra intereses, tu banco puede aplicar tarifas adicionales.

* Aceptamos tarjeta de crédito y algunas tarjetas de débito dependiendo de tu banco

Obtén todos los cursos y carreras

Elige uno de los planes

Qué obtienes
  • Accedes a todos los 70 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 y diploma por cada carrera

  • Acceso exclusivo al taller de creación de startups

  • Entrada preferencial a nuestros eventos

  • Pago en depósito PayPal y otros métodos

  • Pago con tarjeta de crédito o débito*

Plan Anual

$25

Dólares al mes

Un solo pago de $299

Plan Mensual

$29

Dólares al mes

Pagos mensuales**

Plan sin Intereses

$27

Dólares al mes

12 meses sin intereses***

* Aceptamos tarjeta de crédito y algunas tarjetas de débito dependiendo de tu banco

** Este plan hará los cobros automáticos cada mes

*** Platzi no cobra intereses, tu banco puede aplicar tarifas adicionales. Permanencia mínima de 12 meses.

Lo que dicen nuestros estudiantes

Julio Cesar  Castro Alcala
Julio Cesar Castro Alcala

Excelente curso ! me encanto la forma de explicar del profesor rápida pero bastante práctica.

Valoración
Marco de los Santos de los Santos
Marco de los Santos de los Santos

Muy fácil de comprender, los ejercicios muy buenos que permiten aplicar todo lo aprendido dentro del curso. Felicidades!!

Valoración
Carlos Osorio
Carlos Osorio

Conceptos nuevos. Se aconseja que se enfoque en un proyecto mediano, no tan pequeño. Gracias.

Valoración

Comienza hoy tu suscripción en Platzi

  • Esta y todas las carreras ofrecidas por Platzi.

  • Acceso ilimitado a todas las clases en vivo.

  • Estudia cuando quieras. Grabaciones de todas las clases.

  • Bolsa de empleo y ofertas laborales exclusivas.

  • Certificados reconocidos por grandes empresas.

  • Taller de startups: Exclusivo para suscriptores anuales.

Regístrate hoy a todos nuestros cursos

Este curso forma parte de:
Carrera de Frontend Profesional