🧠 KI als Denkspiegel

Wie du KI nutzt, um zu lernen – nicht um zu kopieren

🪞 1. Die zentrale Erkenntnis: KI reflektiert dein Denken

Künstliche Intelligenz ist kein Magier, der aus dem Nichts perfekte Lösungen zaubert. Sie ist ein Spiegel: – Gibst du ihr Chaos, reflektiert sie Chaos. – Gibst du ihr Klarheit, reflektiert sie Klarheit.

💡 Merke: Je präziser deine Frage, desto wertvoller die Antwort – und desto mehr lernst du.

❌ 2. Warum „Copy & Paste“ dich behindert

Viele Schüler:innen kopieren KI-Code, ohne ihn zu verstehen. Kurzfristig: „Fertig!“ Langfristig: kein Lernen, kein Verständnis, keine Problemlösungskompetenz.

⚠️ Achtung: In diesem Tutorial sind alle Aufgaben so gestaltet, dass Copy & Paste nicht funktioniert. Du wirst aufgefordert, zu erklären, zu planen, zu reflektieren – nicht nur abzuliefern.

✅ 3. Die 5 Säulen guter KI-Nutzung

1. Kontext geben – nicht nur Befehle erteilen

❌ „Schreib mir HTML für eine Website.“
✅ „Ich lerne HTML. Kannst du mir ein semantisches Grundgerüst für eine Seite über Frida Kahlo zeigen? Mit Header, Hauptinhalt (Biografie, Werke), und Footer. Nur HTML, kein CSS.“

2. Schrittweise arbeiten – nicht alles auf einmal

❌ „Baue mir eine komplette Website.“
✅ „Zeig mir zuerst, wie ich eine Überschrift und einen Absatz in HTML schreibe.“ → Dann: „Wie füge ich eine Liste hinzu?“

3. Verstehen statt akzeptieren – frag nach dem „Warum“

Wenn die KI Code liefert, frage: – „Warum verwendest du hier <article> und nicht <div>?“
– „Was passiert, wenn ich dieses CSS entferne?“

4. Eigenen Code einbringen – KI als Berater

Schreibe zuerst deinen eigenen (auch fehlerhaften!) Code.
Dann frage: „Ich habe diesen HTML-Code geschrieben – warum wird die Tabelle nicht angezeigt?“

5. Kritisch prüfen – nicht blind vertrauen

KI kann Fehler machen! Prüfe immer:
– Ist der Code gültig?
– Ist er semantisch sinnvoll?
– Funktioniert er im Browser?

🎯 4. Gute Prompts – Beispiele aus der Praxis

Struktur verstehen:
„Erkläre mir das HTML-Grundgerüst wie einem 15-Jährigen. Warum braucht man <head> und <body>?“

Box-Modell visualisieren:
„Kannst du mir ein einfaches Beispiel für das Box-Modell zeigen – mit Padding, Border und Margin – und erklären, wie sich die Gesamtbreite berechnet?“

Vermeide dies:
„Mach mir eine Website über Apple.“ → zu vage, kein Lernziel, Copy-Paste-Gefahr.

🔍 5. Übung: Analysiere diesen Prompt

Lies den folgenden Prompt – ist er gut oder schlecht? Warum?

„Ich habe eine HTML-Seite mit einer Tabelle für Lebensdaten. Der Text ist zu klein und die Tabelle zu breit. Kannst du mir helfen, sie lesbarer zu machen – mit externem CSS?“

✅ Gut! Warum?
– Klare Ausgangslage
– Konkretes Problem
– Technische Einschränkung (externes CSS)
– Keine Komplettlösung gefordert