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.

Obtén todos los cursos y carreras

Comprar Plan

Un solo pago de $299

  • Accedes a todos los más de 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

    Paypal
    Depósito
  • Pago con tarjeta de crédito o débito

    Visa
    Mastercard
    American Express
Comprar Plan

Pagos mensuales

  • Accedes a todos los más de 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

    Visa
    Mastercard
    American Express
Comprar Plan

Compromiso mínimo de 12 meses

  • Accedes a todos los más de 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

    Visa
    Mastercard
    American Express

Obtén todos los cursos y carreras

Qué obtienes
  • Accedes a todos los más de 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

    Paypal
    Depósito
  • Pago con tarjeta de crédito o débito

    Visa
    Mastercard
    American Express
Plan Anual

$25

$25 Dólares al mes

Un solo pago de $299

Plan sin Intereses

$27

$27 Dólares al mes

Compromiso mínimo
de 12 meses

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

Lo que dicen nuestros estudiantes

Jaime Solimarco Congacha Palom Congacha Palomino
Jaime Solimarco Congacha Palom Congacha Palomino

muy bueno

Valoración
Mateo Olarte
Mateo Olarte

La forma en como se crean los videos responsive me parecio muy elegante

Valoración
Antonio Góngora Góngora
Antonio Góngora Góngora

La manera en que el profesor Leonidas aborda los temas y la ejecución pasó a pasó de los ejercicios.

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.

  • Bolsa de empleo y ofertas laborales exclusivas.

  • Certificados reconocidos por grandes empresas.

  • Estudia cuando quieras. Grabaciones de todas las clases.

  • Taller de startups: Exclusivo para suscriptores anuales.

Preguntas frecuentes de los cursos de Platzi

Las suscripciones hacen cobros automáticos a tu tarjeta cada mes o cada año a menos que pauses o 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.
El plan es más económico que el mensual, así que no puedes cancelarlo antes de que pasen los 12 meses de compromiso.
Sólo aplica para pagos con tarjeta de crédito cuya fecha de expiración sea mayor a 12 meses.
Platzi no te cobra intereses pero tu banco puede aplicar tarifas adicionales. Consulta con ellos.
Tendrás acceso al Taller de Startups.
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.

Regístrate hoy a todos nuestros cursos

Este curso forma parte de:
Frontend Profesional
Carrera de Frontend Profesional