CSS: Språket som utformar webben
CSS styr varje visuell detalj på en webbsida – färg, layout, avstånd, animeringar och responsivitet. Språket har utvecklats från ett enkelt presentationslager till ett fullständigt designspråk, där moderna funktioner som container queries, @layer, logiska egenskaper och Houdini API ger utvecklare detaljerad kontroll över rendering. Den här kursserien täcker CSS i sin helhet, från att skriva er första väljare till att utforma skalbara designsystem som används i stora kodbaser i produktion.
Det här får ni lära er
Ni börjar med syntax, väljare, färger och typografi och bygger sedan en stabil förståelse för boxmodellen, display-egenskaper och positionering. Därefter arbetar ni med Flexbox och CSS Grid för både standardlayouter och avancerade layouter, använder responsiv design och media queries och arbetar med CSS-variabler, anpassade funktioner och designtokens för teman som är enkla att underhålla. Ni går också igenom övergångar, keyframe-animeringar, transformeringar, filter, blandningslägen och mörkt läge – samt moderna verktyg som Sass, PostCSS och CSS-in-JS-mönster. Kursserien avslutas med CSS-arkitektur med BEM, specificitet och kaskaden, container queries, kaskadlager med @layer, CSS Houdini och prestanda.
Lärandevägen
Fyrtio kurser sträcker sig från A1 till C1. De tidiga kurserna på A1- och A2-nivå lägger grunden med väljare, boxmodellen, pseudoklasser, pseudoelement och enheter. B1-kurserna behandlar Flexbox, Grid, responsiv design, animeringar, felsökning med DevTools och CSS-funktioner. B2-kurserna går vidare till avancerad Flexbox och Grid, Sass, PostCSS, CSS-in-JS, designtokens, CSS Shapes, logiska egenskaper, container queries och CSS Layers. De tre C1-kurserna – CSS Houdini, CSS Performance och CSS Future – behandlar plattformens mest moderna funktioner.
Så fungerar det
Varje kurs är uppdelad i korta, fokuserade lektioner som ni genomför direkt i den inbyggda editorn med feedback i realtid. En AI-handledare finns tillgänglig när ni kör fast, och progressionen är medvetet stegvis, så att varje begrepp bygger vidare på det föregående innan nästa introduceras.
