Empresas
Menú
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

3,209

Opiniones

Mira la primera clase de este curso!

Comienza ahora
Diego De Granda
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

3209

Opiniones

básico

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

  • Crear y aplicar estilos con CSS que se puedan reutilizar
  • Realizar una auditoría con Lighthouse
  • Aplicar media queries para adaptar vistas de dispositivos
  • Analizar la arquitectura de tu proyecto partiendo de un wireframe

Mira la primera clase de este curso!

Comienza ahora

Diego De Granda

Software Engineering Manager en Platzi

Temario y recursos del Curso de Responsive Design

Temario del Curso de Responsive Design: Maquetación Mobile First

Bienvenida al curso

1 Clases abiertas

Setup inicial

4 Clases abiertas

Sección de Header

Sección de Intercambios

Sección de Beneficios

Sección de Planes

Sección de Footer

Media Queries

Lighthouse

Próximos pasos

Para este curso vas a necesitar

  • 5 Horas de contenido

  • 20 Horas de práctica

Conocimientos previos

  • javascript
  • HTML y CSS

Software para este curso

  • Editor de código VS Code u otro
  • Navegador Google Chrome u otro
Construye un sitio web totalmente responsivo

Proyecto del curso

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.

Para este curso vas a necesitar

  • 5 Horas de contenido

  • 20 Horas de práctica

Conocimientos previos

  • javascript
  • HTML y CSS

Software para este curso

  • Editor de código VS Code u otro
  • Navegador Google Chrome u otro
Construye un sitio web totalmente responsivo

Proyecto del curso

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.

Bienvenida al curso

1 Clases abiertas

Setup inicial

4 Clases abiertas

Sección de Header

Sección de Intercambios

Sección de Beneficios

Sección de Planes

Sección de Footer

Media Queries

Lighthouse

Próximos pasos

Te recomendamos completar estos cursos de nuestras escuelas

school-emblem
Escuela de

Desarrollo Web

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Curso de Responsive Design: Maquetación Mobile First

Tú estás aquíCurso de Responsive Design: Maquetación Mobile First

Curso de Diseño para Developers

Curso de Diseño para Developers

Conocer toda la Escuela

Selecciona un plan y empieza a estudiar

Basic
Expert
Expert+
Más popular

Expert+

Un pago anual recurrente de $229

flag USD

$20/mes

Ahorras $239 al año vs Basic

2 Estudiantes
Comprar Expert+

  • Acceso a más de 800 cursos y Escuelas especializadas

  • Descarga el diploma digital de los cursos y escuelas aprobadas para compartir en Linkedin y redes sociales

  • App para iOS y Android con contenido exclusivo

  • Descarga clases con la App y estudia sin conexión

  • Diploma de certificación físico de las Escuelas aprobadas

  • Acceso a Platzi English Academy

    La Escuela de inglés con todos los cursos de inglés y test de evaluación

  • Acceso a la Escuela de Startups

    Impulsa o crea una startup aprendiendo de la experiencia de fundadores de startups líderes en el mercado.

  • Agrega a una persona a tu plan como beneficiario

    Cada uno tendrá su cuenta individual con sus propios certificados.
  • Paga a 4 cuotas sin intereses de $58 USD con tarjeta débito o crédito.

Basic

Pago mensual recurrente

flag USD

$39/mes

1 Estudiante
Comprar Basic

  • Acceso a más de 800 cursos y Escuelas especializadas

  • Descarga el diploma digital de los cursos y escuelas aprobadas para compartir en Linkedin y redes sociales

  • App para iOS y Android con contenido exclusivo

Expert

Un pago anual recurrente de $179

flag USD

$15/mes

Ahorras $289 al año vs Basic

1 Estudiante
Comprar Expert
  • 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

  • Acceso a Platzi English Academy

    La Escuela de inglés con todos los cursos de inglés y test de evaluación

  • Acceso a la Escuela de Startups

    Impulsa o crea una startup aprendiendo de la experiencia de fundadores de startups líderes en el mercado.
  • Paga a 4 cuotas sin intereses de $45 USD con tarjeta débito o crédito.
Más popular

Expert+

Un pago anual recurrente de $229

flag USD

$20/mes

Ahorras $239 al año vs Basic

2 Estudiantes
Comprar Expert+
  • Todos los beneficios de Expert

  • Agrega a una persona a tu plan como beneficiario

    Cada uno tendrá su cuenta individual con sus propios certificados.
  • Paga a 4 cuotas sin intereses de $58 USD con tarjeta débito o crédito.

El precio nunca subirá mientras mantengas tu suscripción activa.

flagPrecios en dólares.

Múltiples medios de pago
amexvisamastercardpaypalbitcoin

Platzi para empresas

¿Necesitas capacitación para tu empresa?
Tenemos planes especiales. Conócelos en:

Teacher 1Teacher 2Teacher 3Teacher 4Teacher 5

Conoce quién enseña el Curso de Responsive Design

Diego De Granda

Software Engineering Manager en Platzi

👨‍🏫 Google Developer Expert
🎙 Tiene un podcast sobre tecnología
👨‍💻 Experto en JavaScript y Web Components

Cursos de Diego

Nuestros mejores estudiantes tambien cursaron

Curso Básico de JavaScript

Curso Básico de JavaScript

Curso Definitivo de HTML y CSS

Curso Definitivo de HTML y CSS

Curso de Sistemas de Diseño

Curso de Sistemas de Diseño

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Curso Profesional de CSS Grid Layout

Curso Profesional de CSS Grid Layout

Diploma

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

Iniciar mi plan
Platzi

Transformamos la economía de nuestros países entrenando a la próxima generación de profesionales en tecnología.

Aprende en nuestras redes:
Inglés
Negocios y Emprendimiento
Startups
Marketing
Habilidades Blandas
Diseño y UX
Contenido Digital
Desarrollo e Ingeniería
Certificadores oficiales en tecnologías
IBM
Unity
Reconocidos y premiados por
Y Combinator
ASU + GSV Summit
Entérate de todas las novedades en educación, negocios y tecnología

Preguntas frecuentesContáctanosPrensaConferenciasTérminos y CondicionesPrivacidadEstudiantesHolaTrabaja con nosotros
ptCountry FlagesCountry FlagenCountry Flag

De LATAM con para el mundo