CSS: El Lenguaje que Diseña la Web
CSS controla cada detalle visual de una página web — color, diseño, espaciado, animación y responsividad. Ha evolucionado de una capa presentacional simple a un lenguaje completo de sistema de diseño, con características modernas como container queries, @layer, propiedades lógicas y la API Houdini que dan a los desarrolladores control fino sobre el renderizado. Esta pista cubre toda la amplitud de CSS, desde escribir tu primer selector hasta arquitectar sistemas de diseño escalables utilizados en grandes codebases de producción.
Qué Aprenderás
Comenzarás con sintaxis, selectores, colores y tipografía, luego construirás una sólida comprensión del modelo de caja, propiedades display y posicionamiento. A partir de ahí trabajarás con Flexbox y CSS Grid para diseños estándar y avanzados, aplicarás responsive design y media queries, y usarás variables CSS, funciones personalizadas y design tokens para theming mantenible. También cubrirás transiciones, animaciones de keyframe, transforms, filtros, blend modes y dark mode — más herramientas modernas con Sass, PostCSS y patrones CSS-in-JS. La pista cierra con arquitectura CSS usando BEM, especificidad y la cascada, container queries, @layer capas en cascada, CSS Houdini y performance.
La Ruta de Aprendizaje
Cuarenta cursos abarcan desde A1 hasta C1. Los cursos tempranos A1 y A2 establecen fundamentos — selectores, el modelo de caja, pseudo-clases, pseudo-elementos y unidades. Los cursos B1 cubren Flexbox, Grid, responsive design, animaciones, debugging con DevTools y funciones CSS. Los cursos B2 suben de nivel a Flexbox y Grid avanzados, Sass, PostCSS, CSS-in-JS, design tokens, CSS Shapes, propiedades lógicas, container queries y CSS Layers. Los tres cursos C1 — CSS Houdini, CSS Performance y CSS Future — abordan la vanguardia de la plataforma.
Cómo Funciona
Cada curso se divide en lecciones cortas y enfocadas que completas directamente en el editor integrado con retroalimentación en tiempo real. Un tutor de IA está disponible siempre que te atasques, y la progresión es deliberadamente incremental para que cada concepto refuerce el anterior antes de que se introduzca el siguiente.