CSS Lernen - Coding Kurs

Auf deinem Handy kannst du CSS lernen – von Selektoren bis zu responsiven Layouts, Animationen und modernem Webdesign. Kurze Lektionen zu einzelnen Themen und ein mit einem Tippen erreichbarer Editor mit HTML und Stylesheets nebeneinander sowie Live-Vorschau begleiten dich dabei.

WAS ENTHALTEN IST

• 40 Kurse, 159 Lektionen: von Anfänger (A1) bis Fortgeschrittene (C1)

• Live-HTML- und CSS Editor: sofortige Vorschau, Experimente, eigene Seiten

• 20 angeleitete Webdesign-Projekte: Werkzeugleiste, Kartenraster, fixierter Header, pulsierender Button

• 20 Fehlersuch-Missionen: Karte 42px zu breit, Media Query greift auf Handys nicht, Modal hinter der Seite

• Abschlussprüfung und Abschlusszertifikat

• 22 Sprachen

EIN VOLLSTÄNDIGER LERNPFAD, VON ANFÄNGER BIS FORTGESCHRITTEN

• Syntax, Selektoren, Farben, Hintergründe, Typografie, Boxmodell, Display, Positionierung, Einheiten, Werte

• Pseudoklassen, Pseudoelemente, CSS flexbox, CSS grid: von Grundlagen bis zu komplexen Layouts

• Responsives Design, Media Queries, Container Queries

• Benutzerdefinierte Eigenschaften (Variablen), Funktionen, Spezifität, Kaskade, @layer

• Übergänge, Transformationen, Keyframe-Animationen, Filter, Mischmodi

• Dunkelmodus, Farbschemata, Scrollen, Overflow, clip-path, Formen

• Debugging mit DevTools, BEM-Architektur, Sass, PostCSS, Design-Tokens

• Komponenten- und moderne Layoutmuster, Performance, Houdini

ÜBUNGEN, DIE HÄNGEN BLEIBEN

• Quizfragen, Spickzettel mit 69 Einträgen, 50 Fragen mit klaren Antworten für Vorstellungsgespräche in der Frontend- oder Webentwicklung

• Bearbeitbare Codebibliothek; Code, Notizen und Lieblingslektionen speichern

• Weltweiter Programmierwettbewerb: täglich drei globale Runden in Python, JavaScript und weiteren Sprachen

• Lernserien, XP, Rangliste, tägliche Erinnerungen

AI-MENTOR

• Frage AI nach Konzepten, Fehlern, Layouts, Eigenschaften oder deinem Code

• Der AI-Spielplatz erstellt HTML und CSS aus Seitenbeschreibungen

• Täglich kostenloses AI-Kontingent; unbegrenzt mit Pro

FÜR WEN ES GEDACHT IST

• Anfänger, die für die Webentwicklung CSS lernen

• Designer, die Seiten gestalten, statt Mockups weiterzugeben

• Studierende, die begleitend zu einem Webdesign-Kurs üben

• HTML- und Stylesheet-Entwickler, die CSS flexbox und CSS grid lernen

• Quereinsteiger, die sich auf einen Frontend-Job vorbereiten

SO FUNKTIONIERT ES

1. Kostenlos mit Syntax und Selektoren CSS lernen

2. Werte im Editor ändern; die Vorschau beobachten

3. Boxmodell, Flexbox, Grid, responsives Design und Animationen lernen

4. Angeleitete Projekte umsetzen; Layoutfehler beheben

5. Die Abschlussprüfung für dein Zertifikat bestehen

KOSTENLOS UND Pro

Kostenlos: erster Kurs, erstes angeleitetes Projekt, zwei Missionen, Live-Editor und tägliches AI-Mentor-Kontingent. Pro: alle Kurse, Projekte und Missionen, Zertifikatsprüfung, unbegrenzte AI-Nutzung und keine Werbung.