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:32 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
4.6 · 70 opiniones
Valeria Restrepo Céspedes
@varestrepo·
.
Raul Aguilar
@raulaguilarv·
Excelente curso para entender cómo construir interfaces responsive desde una base mobile first. Muy claro, práctico y directo para aplicar buenas decisiones de maquetación en proyectos reales.
Laura Camila Nuvan Acero
@lauranuvan·
Aprendi la importancia de pensar y maquetar primer en Mobile, ademas de reforzar conceptos. Las clases fueron muy didácticas y muy claras.
Cristian Camilo Alvarez Lopez
@cralvarez6225·
.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender