Nivel Intermedio
17 clases
3 horas de contenido
6 horas de práctica
En este curso aprenderás a diseñar y maquetar sitios web que se adapten perfectamente a cualquier dispositivo, comenzando por los móviles. A través de una combinación de teoría y práctica, dominarás técnicas modernas de Responsive Design, usarás herramientas como Figma y Lighthouse, y aplicarás estándares como BEM y media queries. Al final del curso, construirás un sitio completo desde su wireframe hasta su versión responsiva optimizada.
Estructura Mobile First
Optimización de Performance y Accesibilidad
- 9
Cambia el layout con Flexbox según la pantalla
15:36 min - 10
Optimiza imágenes con picture y srcset
15:01 min - 11
Fallbacks de Cloudinary en picture elements
03:52 min - 12
Prueba tu web en el teléfono con Live Server
04:33 min - 13
Debug en iOS Safari
13:35 min - 14
inputmode y autocomplete en HTML
05:16 min - 15
Pruebas de rendimiento Mobile First con Lighthouse
08:04 min - 16
Container Queries vs Media Queries en CSS
10:35 min - 17
Code review Mobile First con AI
12:57 min
Profes del curso
Conoce quién enseña el curso
Mariangélica Useche
Frontend Developer
Frontend Developer
Opiniones del curso
4.7 · 18 opiniones
jose mauricio zamora alvarado
@josemauriciozamora·
me gusto mucho el curso
Roberto Carlos Moreira España
@rocaesmo·
La programación es la base, de muchas cosas que en la actualidad utilizamos
Ixcoatl Francisco Pérez
@ixcoperez·
¡Reto cumplido! 🚀 Aprendí que el diseño web ya no se trata de "encoger" una web de escritorio, sino de construir experiencias sólidas desde la base: el móvil. 📱✨ Durante este proyecto apliqué: ✅ Metodología Mobile First: Priorizando el contenido y rendimiento en dispositivos pequeños. ✅ Arquitectura BEM: Para un CSS organizado, escalable y profesional. ✅ Media Queries: Adaptando la interfaz de forma fluida a tablets y desktop. ✅ Optimización con Lighthouse: Asegurando que el sitio sea rápido y accesible. Todo el proceso nació desde los wireframes en Figma hasta una versión responsiva totalmente funcional. Muchas gracias a Mariangélica Useche por compartir su experiencia ¡Seguimos aprendiendo! 💚
Kelvin Araque
@Kelvinaraque·
muy bueno el contenido y actualizado
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender