HTML, CSS, JavaScript: Lesen können, was die KI schreibt

Die KI hat eine Webseite geschrieben, und sie funktioniert irgendwie. Aber wo ändert man die Farbe? Warum passiert beim Klick nichts? Was macht diese Zeile eigentlich? Wer KI-Code lesen kann, muss nicht bei jeder Kleinigkeit neu fragen und erkennt schneller, wenn etwas nicht stimmt.

Dieses Arbeitsbuch ist ein Lesetraining für HTML (Aufbau), CSS (Aussehen) und JavaScript (Verhalten). 30 kommentierte Codeausschnitte führen in steigender Schwierigkeit vom einzelnen Absatz bis zum Laden von Daten vom Server. 20 Leseübungen fragen "Was passiert hier?", 10 Änderungsübungen lassen dich Farbe, Text, Abstand und Verhalten selbst anpassen, jeweils mit Lösung.

Drei Spickzettel auf je einer Seite, acht Fragen an die KI zum Erklärenlassen mit Beispiel-Antwort und ein Abschlusstest mit 15 Aufgaben runden das Heft ab. Die JavaScript-Beispiele ohne Seitenbezug wurden ausgeführt, die übrigen auf korrekte Schreibweise geprüft.

Für wen? Für Einsteiger, die verstehen wollen, was die KI geschrieben hat, ohne gleich programmieren zu lernen. Keine Vorkenntnisse nötig, ein Browser und ein Texteditor reichen.

Wichtig: Das Arbeitsbuch ist kein Programmierkurs und macht dich nicht zur Fachkraft. Code mit Formularen, Anmeldung oder Nutzerdaten braucht vor dem Live-Gang Tests, eine Sicherung und die Prüfung durch einen erfahrenen Menschen. Gib keine Zugangsdaten oder vertraulichen Daten in einen KI-Chat ein und prüfe jede KI-Erklärung selbst. Keine Produkt- oder Framework-Empfehlungen. Stand: Oktober 2026. Funktionen von KI-Werkzeugen ändern sich – prüfe die Dokumentation deines Werkzeugs. Mit KI-Unterstützung erstellt.