Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

El 50% del tráfico en internet se realiza desde dispositivos móviles, convirtiendo una prioridad el desarrollar frontend para smartphones, tablets y laptops. En este curso aprenderás todo lo necesario para crear proyectos que se adaptarán a las distintas vistas que utilicen tus usuarios

Acelera tu carrera profesional

Con este curso podrás:

Crear y aplicar estilos con CSS que se puedan reutilizar

Crear y aplicar estilos con CSS que se puedan reutilizar

Realizar una auditoría con Lighthouse

Realizar una auditoría con Lighthouse

Aplicar media queries para adaptar vistas de dispositivos

Aplicar media queries para adaptar vistas de dispositivos

Analizar la arquitectura de tu proyecto partiendo de un wireframe

Analizar la arquitectura de tu proyecto partiendo de un wireframe

Temario del curso

Bienvenida al curso

Introducción al curso

Setup inicial

Analizando el diseño
El valor de Mobile First
Arquitectura inicial
Assets de nuestro proyecto
Fuentes de nuestro proyecto
Estilos base

Sección de Header

Maquetación del header
Implementando BEM
Uso de linear-gradient
Uso de position para botón flotante

Sección de Intercambios

Estructura base de la sección de intercambio
Imagen de background
Estructura de tabla de monedas
Estilos base de tabla de monedas
Detallando estilos de tabla de monedas
Finalizando estilos de tabla de monedas

Sección de Beneficios

Estructura base de la sección de beneficios
Estilos de la sección de beneficios
Maquetando tarjetas de beneficios

Sección de Planes

Maquetando sección comodín
Estructura de sección de planes
Aplicando estilos a sección de planes
Aplicando estilos a las tarjetas de la sección de planes
Detallando estilos en tarjetas de planes
Aplicando estilos al botón de call to action
Scroll horizontal con CSS

Sección de Footer

Footer

Media Queries

Aplicando media queries

Lighthouse

Análisis con Lighthouse

Próximos pasos

Cierre y próximos pasos
Diploma del Curso de Responsive Design: Maquetación Mobile First

¡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

Diego De Granda

Diego De Granda

@degranda10

Foundation Layer y Frontend Engineer Mentor en Platzi

Construye un sitio web totalmente responsivo

Crearás el frontend de un sitio web partiendo de su wireframe, analizarás su arquitectura y construirás en código cada una de sus partes para que este se adapte a cualquier dispositivo de los usuarios.

Basic
Expert
Expert+

$30

dólares

al mes

Un pago anual de$349

Ahorras $-1 al año vs. Basic

  • Feature
    Estudiantes con acceso a la plataforma
  • Feature
    Acceso a la Escuela de Inglés y Escuela de Startups
  • Feature
    Participa en Platzi Demo Day con tu Startup
  • Feature
    Mentorías semanales en grupo y en vivo
  • Feature
    Descarga tus clases con la App para estudiar sin conexión
  • Feature
    Acceso VIP a PlatziConf, online y presencial
  • Feature
    Envío de diploma de certificación físico de las Escuelas aprobadas
  • Feature
    Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Feature
    Desafíos y retos verificados en cada escuela (pronto)
  • Feature
    Clases en Full HD para toda conexión (pronto)
  • Feature
    App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Feature
    Acceso a más de 700 cursos, Escuelas y sus actualizaciones
  • Feature
    El precio del plan nunca subirá mientras mantengas tu suscripción activa.
  • Feature
    Diploma de certificación digital de las Escuelas y cursos aprobados
  • Feature
    Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
Selecciona un plan y empieza a estudiar

Bandera de tu paísPrecios en dólares

Secure paymentsCompra segura, protegemos tus datos

Múltiples medios de pago

Payment Methods
  • Estudiantes con acceso a la plataforma
  • Acceso a la Escuela de Inglés y Escuela de Startups
  • Participa en Platzi Demo Day con tu Startup
  • Mentorías semanales en grupo y en vivo
  • Descarga tus clases con la App para estudiar sin conexión
  • Acceso VIP a PlatziConf, online y presencial
  • Envío de diploma de certificación físico de las Escuelas aprobadas
  • Acceso a los nuevos cursos 48 horas antes de su lanzamiento (pronto)
  • Desafíos y retos verificados en cada escuela (pronto)
  • Clases en Full HD para toda conexión (pronto)
  • App para iOS y Android con funciones exclusivas, cursos en audio y más
  • Acceso a más de 700 cursos, Escuelas y sus actualizaciones
  • El precio del plan nunca subirá mientras mantengas tu suscripción activa.
  • Diploma de certificación digital de las Escuelas y cursos aprobados
  • Acceso a la comunidad más grande de profesionales y emprendedores en tecnología de la región
Basic

$29

Bandera de tu país

al mes

Pago mensual

  • Estudia a tu ritmo
  • App para iOS y Android con contenido exclusivo
  • Diploma de certificación digital
  • Acceso a más de 700 cursos y Escuelas especializadas
Comprar
1
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert

$21

Bandera de tu país

al mes

Un pago anual de$249

Ahorras $99 al año vs. Basic

  • Todos los beneficios de Basic
  • Descarga clases con la App y estudia sin conexión
  • Diploma de certificación físico de las Escuelas aprobadas
  • El mejor precio / beneficio
Comprar
1
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Expert+

$30

Bandera de tu país

al mes

Un pago anual de$349

Ahorras $-1 al año vs. Basic

  • Todos los beneficios de Expert
  • Agrega a una persona a tu plan como beneficiario
  • Acceso exclusivo a la Escuela de Inglés y Escuela de Startups
Comprar
2
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Feature
Solo este curso

$49Bandera de tu país

1 solo curso, 1 solo pago

Comprar curso

Platzi para empresas

¿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

Daniel Baez
Daniel Baez

wowwww es mucho lo que se aprende con degranda vamos por mas

Daniel Ruiz
Daniel Ruiz

Exclente curso, ahora tengo un gran proyecto en mi portafolio, y como siempre con este profeor me diverti mucho aprendiendo, ojala haga mas

Giovanny Rodriguez Corrales
Giovanny Rodriguez Corrales

Me gusto el curso pero esperaba mas conceptos por aprender. Buen instructor.

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