Codexmy
CSSPrincipiante

CSS

Da estilo a tus páginas: colores, layouts con Flexbox y Grid, y diseño responsivo.

Progreso0/28
x
Empezar curso

Módulo 1: Fundamentos visuales

0/6
  1. lecciones 1Introducción a CSS
  2. lecciones 2Selectores
  3. lecciones 3Colores y fondos
  4. lecciones 4Modelo de caja (box model)
  5. lecciones 5Texto y tipografía
  6. lecciones 6Flexbox básico
Enviar proyecto del módulo

Módulo 2: Layout moderno

0/6
  1. lecciones 7Flexbox avanzado
  2. lecciones 8Grid básico
  3. lecciones 9Posicionamiento
  4. lecciones 10Responsive design y media queries
  5. lecciones 11Pseudo-clases y pseudo-elementos
  6. lecciones 12Transiciones y animaciones
Enviar proyecto del módulo

Módulo 3: CSS intermedio

0/10
  1. lecciones 13Cascada y especificidad
  2. lecciones 14Variables CSS (custom properties)
  3. lecciones 15Unidades de medida
  4. lecciones 16Sombras y degradados
  5. lecciones 17Overflow y z-index
  6. lecciones 18Grid: áreas nombradas
  7. lecciones 19Estilos para formularios
  8. lecciones 20Funciones calc() y clamp()
  9. lecciones 21Transformaciones (transform)
  10. lecciones 22aspect-ratio y object-fit
Enviar proyecto del módulo

Módulo 4: CSS avanzado y arquitectura

0/6
  1. lecciones 23Arquitectura CSS y metodología BEM
  2. lecciones 24Grid responsivo con auto-fit y minmax
  3. lecciones 25Modo oscuro con prefers-color-scheme
  4. lecciones 26Container queries
  5. lecciones 27Accesibilidad en CSS
  6. lecciones 28Rendimiento en CSS
Enviar proyecto del módulo
Examen de certificación

Responde un examen riguroso de opción múltiple. Necesitas al menos 75% para obtener el certificado.

Se desbloquea al terminar todas las lecciones del curso
Proyecto final

Rediseño visual de una interfaz

Elige un producto o app que te guste y recréa su interfaz visual (no el código, solo el diseño) usando Flexbox/Grid, tu propia paleta de colores y modo oscuro.

Qué debes entregar
  • Layout responsivo con Flexbox y/o Grid
  • Sistema de colores propio con variables CSS
  • Modo claro/oscuro con prefers-color-scheme
  • Al menos una animación o transición con propósito
  • Diseño adaptado a móvil, tablet y escritorio

Publica el HTML/CSS como repositorio en GitHub e incluye capturas del antes/después en el README.

Se desbloquea al terminar todas las lecciones del curso