Über Code Crispies
Code Crispies ist eine kostenlose Open-Source-Plattform zum Erlernen von Webentwicklung durch praktische Übungen. Kein Konto erforderlich - einfach loslegen!
Lernmodi
- CSS - Schreibe CSS-Regeln zum Stylen von Elementen
- Tailwind - Wende Utility-Klassen direkt im HTML an
- HTML - Übe semantisches Markup und native Elemente
Erste Schritte
Öffne das Menü (☰), um Lektionsmodule zu durchsuchen. Jedes Modul behandelt ein Thema mit aufeinander aufbauenden Übungen.
Lektionen abschließen
- Lies die Aufgabenstellung auf der linken Seite
- Schreibe deinen Code im Editor
- Klicke auf Ausführen oder drücke Strg+Enter
- Folge den Hinweisen, um Fehler zu beheben
- Klicke auf Weiter, wenn du fertig bist
Editor-Werkzeuge
- ↶ Rückgängig / ↷ Wiederholen - Bearbeitungsverlauf navigieren
- ⟲ Zurücksetzen - Ursprünglichen Code wiederherstellen
- Lösung zeigen - Zielergebnis ein-/ausblenden
Tastenkürzel
- Strg+Enter - Code ausführen
- Strg+Z - Rückgängig
- Strg+Umschalt+Z - Wiederholen
Emmet-Kürzel (HTML-Modus)
Tippe Abkürzungen und drücke Tab zum Erweitern:
- div.box → div mit Klasse
- ul>li*3 → ul mit 3 li-Kindern
- form>input+button → verschachtelte Struktur
- p{Hallo} → p mit Textinhalt
