CSS: de taal die het web vormgeeft
CSS bepaalt elk visueel detail van een webpagina — kleur, lay-out, tussenruimte, animatie en aanpasbaarheid. CSS is uitgegroeid van een eenvoudige presentatielaag tot een volledige taal voor ontwerpsystemen, met moderne functies zoals container queries, @layer, logische eigenschappen en de Houdini-API, waarmee ontwikkelaars nauwkeurige controle over het renderen krijgen. Dit leertraject behandelt de volledige breedte van CSS, van je eerste selector tot het ontwerpen van schaalbare ontwerpsystemen voor grote productiecodebases.
Wat je leert
Je begint met syntaxis, selectors, kleuren en typografie en bouwt daarna een solide begrip op van het boxmodel, display-eigenschappen en positionering. Vervolgens werk je met Flexbox en CSS Grid voor zowel standaard- als geavanceerde lay-outs, pas je responsive design en media queries toe en gebruik je CSS-variabelen, aangepaste functies en ontwerptokens voor thematisering die goed te onderhouden is. Ook behandel je transities, keyframe-animaties, transformaties, filters, overvloeimodi en de donkere modus — plus moderne hulpmiddelen met Sass, PostCSS en CSS-in-JS-patronen. Het leertraject sluit af met CSS-architectuur met BEM, specificiteit en de cascade, container queries, @layer-cascadelagen, CSS Houdini en prestaties.
Het leerpad
Veertig cursussen lopen van A1 tot en met C1. De vroege cursussen op A1- en A2-niveau leggen de basis — selectors, het boxmodel, pseudo-klassen, pseudo-elementen en eenheden. De B1-cursussen behandelen Flexbox, Grid, responsive design, animaties, foutopsporing met DevTools en CSS-functies. De B2-cursussen gaan een stap verder met geavanceerde Flexbox en Grid, Sass, PostCSS, CSS-in-JS, ontwerptokens, CSS Shapes, logische eigenschappen, container queries en CSS Layers. De drie C1-cursussen — CSS Houdini, CSS-prestaties en CSS van de toekomst — behandelen de nieuwste ontwikkelingen van het platform.
Zo werkt het
Elke cursus is opgedeeld in korte, gerichte lessen die je rechtstreeks in de ingebouwde editor voltooit met realtimefeedback. Er is altijd een AI-tutor beschikbaar wanneer je vastloopt en de opbouw is bewust stapsgewijs, zodat elk concept het vorige versterkt voordat het volgende wordt geïntroduceerd.
