CSS: Die Sprache, die das Web stylt
CSS steuert jedes visuelle Detail einer Webseite — Farbe, Layout, Abstände, Animation und Responsivität. Es hat sich von einer einfachen Präsentationsschicht zu einer vollwertigen Design-System-Sprache entwickelt, mit modernen Funktionen wie Container Queries, @layer, logischen Eigenschaften und der Houdini API, die Entwicklern präzise Kontrolle über das Rendering geben. Dieser Track deckt die gesamte Breite von CSS ab — von deinem ersten Selector bis zur Architektur skalierbarer Design-Systeme, die in großen Production-Codebases eingesetzt werden.
Was du lernen wirst
Du wirst mit Syntax, Selectoren, Farben und Typografie beginnen, dann ein solides Verständnis des Box Model, Display-Eigenschaften und Positioning aufbauen. Danach arbeitest du dich durch Flexbox und CSS Grid für Standard- und Advanced Layouts vor, wendest Responsive Design und Media Queries an und nutzt CSS-Variablen, Custom Functions und Design Tokens für wartbares Theming. Du wirst auch Transitions, Keyframe-Animationen, Transforms, Filter, Blend Modes und Dark Mode behandeln — plus modernes Tooling mit Sass, PostCSS und CSS-in-JS Patterns. Der Track endet mit CSS-Architektur mit BEM, Spezifität und der Cascade, Container Queries, @layer Cascade Layers, CSS Houdini und Performance.
Der Lernpfad
Vierzig Kurse spannen von A1 bis C1. Die frühen A1- und A2-Kurse vermitteln Grundlagen — Selectoren, das Box Model, Pseudo-Klassen, Pseudo-Elemente und Einheiten. B1-Kurse behandeln Flexbox, Grid, Responsive Design, Animationen, Debugging mit DevTools und CSS-Funktionen. B2-Kurse gehen auf Advanced Flexbox und Grid, Sass, PostCSS, CSS-in-JS, Design Tokens, CSS Shapes, logische Eigenschaften, Container Queries und CSS Layers über. Die drei C1-Kurse — CSS Houdini, CSS Performance und CSS Future — befassen sich mit der Cutting Edge der Plattform.
So funktioniert es
Jeder Kurs ist in kurze, fokussierte Lektionen unterteilt, die du direkt im integrierten Editor mit Echtzeit-Feedback absolvierst. Ein AI Tutor steht dir zur Verfügung, wenn du steckenbleibst, und die Progression ist bewusst inkrementell, sodass jedes Konzept das vorherige verstärkt, bevor das nächste eingeführt wird.