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 · 21 opiniones
Eliezer Isaí Suárez León
@eliezersuarez2000·
excelente maestra, me gustó mucho el que sea práctico y el aplicarlo mientras nos enseñaba. muy bueno y también interesante.
JORGE CARRILLO LOPEZ
@JotaCarrillo·
Curso que recomiendo para quien crea en web aun. No se lo salten.
Pablo Hurtado
@phurtado·
Genial, aprendí a maquetar responsive con criterio y buenas prácticas.
Miguel Rivero
@mrivero.kuriosedu·
Me ayudo a comprender el concepto de diseño Mobile First de una manera sencilla y bastante digerible.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender