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

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

Regístrate en cualquier plan y obtén 7 días gratis

Prueba gratis

Un solo pago de $299

  • Primeros 7 días gratis

  • Accedes a todos los 100 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*

Prueba gratis

Pagos mensuales**

  • Primeros 7 días gratis

  • Accedes a todos los 100 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*

Prueba gratis

12 meses sin intereses***

  • Primeros 7 días gratis

  • Accedes a todos los 100 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

Activa tu prueba gratis eligiendo un plan

Todos los planes te brindan acceso a nuestros 100 cursos y 10 carreras... ¡y seguimos sumando!

Qué obtienes
  • Primeros 7 días gratis

  • Accedes a todos los 100 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 sin Intereses

$27

$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

Marco Antonio Govea Niño
Marco Antonio Govea Niño

Para mi lo más importante fue poder utilizar correctamente los media queries, además conocer sobre las distintas resoluciones.

Valoración
Mario Ramírez Pérez
Mario Ramírez Pérez

Me ayudó bastante pare reforzar mis conocimientos en responsive design y CSS

Valoración
Andres  Montoya
Andres Montoya

Excelente este curso como complemento al de HTML. Y tambien mis felicitaciones al profesor, deberían hacer mas cursos con él.

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