Lerne mit KI arbeiten und entwickle dir einen Vokabeltrainer

Was du zum Loslegen benötigst

Greif dir einen Rechner mit Browser
einen KI-Chat, der ab 13 Jahren erlaubt ist wie Mistral (braucht ein kostenloses Konto) oder ChatGPT
die Vokabeln, die du lernen möchtest
etwa 40 Minuten Zeit

KI-Chats sind ab 13 Jahren erlaubt, bis 18 brauchst du noch das Okay deiner Eltern. Frag zu Hause nach, bevor du dich anmeldest oder macht es gemeinsam. Und: Gib der KI keine privaten Daten wie deinen vollen Namen, deine Adresse oder Passwörter.

Jeder Schritt hat dieselbe Form: Oben steht, was passiert und warum. Darunter steht der Satz, den du der KI schickst. Kopier ihn in den KI Chat, schick ihn ab, und mach erst weiter, wenn es geklappt hat.

So gehst du vor

Deinen Plan erklären

Was passiert: Du erklärst der KI, wer du bist und was ihr zusammen baut.
Warum: Dann antwortet sie einfach, baut alles in eine einzige Datei und wartet nach jedem Schritt auf dich, statt alles auf einmal zu machen.
Stimmt wenn: Die KI alles bestätigt und auf deine Vokabeln wartet. Schickt sie schon Code oder sagt, du sollst etwas speichern? Kein Problem, mach einfach mit Schritt 2 weiter. Gespeichert wird erst in Schritt 4.

Ich bin Schüler:in und kann nicht programmieren. Wir bauen zusammen Schritt für Schritt einen Vokabeltrainer. Er soll eine einzige HTML-Datei sein, die ich im Browser öffnen kann. Erklär mir alles kurz und einfach. Warte nach jedem Schritt auf meine nächste Nachricht. Wenn du etwas änderst, gib mir immer die ganze Datei. Bau jetzt noch nichts, sag mir nur kurz, ob du alles verstanden hast.

Vokabeln vorbereiten

Was passiert: Du schreibst 10 Vokabeln aus deiner Lektion auf, ein Paar pro Zeile, mit Bindestrich dazwischen.
Warum: Das ist die Liste, mit der dein Vokabeltrainer später übt. Je ordentlicher sie ist, desto besser versteht die KI sie. Noch nichts im Chat abschicken, die Liste brauchst du im nächsten Schritt.
Tipp: Keine eigenen Vokabeln zur Hand? Nimm diese Beispielliste. Klappt mit jeder Sprache, nicht nur Englisch.

apple - Apfel
house - Haus
friend - Freund
school - Schule
dog - Hund
water - Wasser
green - grün
to run - rennen
tomorrow - morgen
beautiful - schön

Die erste Version bauen

Was passiert: Du beschreibst genau, wie dein Trainer funktionieren soll, und hängst deine Liste an. Die KI schreibt daraus das Programm.
Warum: Die KI baut genau das, was du beschreibst. Deshalb steht im Satz jeder Ablauf einzeln: Wort zeigen, Antwort tippen, prüfen, Punkte zählen.
Stimmt wenn: Die KI dir das Programm als langen Textblock gibt, der mit <!DOCTYPE html> anfängt.

Bau mir jetzt die erste Version. So soll sie funktionieren:
- Der Vokabeltrainer zeigt ein englisches Wort aus meiner Liste.
- Ich tippe die deutsche Bedeutung in ein Eingabefeld und bestätige mit Enter.
- Der Vokabeltrainer sagt mir, ob es richtig oder falsch war.
- Bei falscher Eingabe wird ein freundlicher Hinweis gezeigt und die richtige Lösung.
- Dann kommt das nächste Wort.
- Oben steht, wie viele Punkte ich habe.
- Jedes Wort kommt nur einmal dran. Wenn alle Wörter durch sind, hört der Trainer auf und zeigt mir meine Punkte.
- Hier sind meine Vokabeln [die Liste aus Schritt 2 einfügen]

Speichern und ausprobieren

Was passiert: Du speicherst das Programm als Datei auf deinem Rechner und öffnest sie im Browser. Dann übst du einmal alle Wörter durch.
Warum: Erst beim Ausprobieren merkst du, was noch nicht passt. Testen ist die halbe Arbeit, auch bei Profis.
Stimmt wenn: Sich dein Trainer per Doppelklick im Browser öffnet und das erste Wort zeigt.

So speicherst du die Datei

Klick in der KI beim Programm auf Kopieren.
Windows:
1. Klick unten in der Taskleiste auf das Windows-Zeichen.
2. Tippe „Editor“ und drück Enter.
3. Füge das Programm mit Strg + V ein.
4. Klick oben auf Datei und dann auf Speichern unter.
5. Klick links auf Desktop.
6. Stell unten den Dateityp auf Alle Dateien.
7. Nenn die Datei vokabeltrainer.html und klick auf Speichern.
Mac:
1. Drück cmd + Leertaste, tippe „TextEdit“ und drück Enter.
2. Ist noch kein leeres Dokument offen, klick auf Neues Dokument.
3. Klick ganz oben am Bildschirmrand in der Menüleiste auf Format und dann auf In reinen Text umwandeln.
4. Füge das Programm mit cmd + V ein.
5. Klick in der Menüleiste auf Ablage (das ist der Mac-Name für „Datei“) und dann auf Sichern.
6. Nenn die Datei vokabeltrainer.html.
7. Wähle als Ort Schreibtisch und klick auf Sichern.
8. Fragt der Mac nach der Endung, klick auf „.html“ verwenden.
Doppelklick auf die Datei auf deinem Desktop bzw. Schreibtisch: Dein Trainer öffnet sich im Browser.

Zeigt dein KI-Chat eine Vorschau an? Dann kannst du dort schon testen. Speichern solltest du trotzdem, sonst ist dein Trainer weg, wenn du den Chat schließt.

Teste diese drei Dinge: Kommen alle 10 Wörter und hört er danach auf? Was passiert bei einem Tippfehler? Zählen die Punkte richtig? Wenn etwas nicht stimmt, schick das hier:

Beim Testen ist mir das aufgefallen: [beschreib, was passiert ist]. Bitte ändere nur das.

Mach deinen Trainer besser, Stück für Stück

Öffne die Datei vokabeltrainer.html, lösche den alten Code und kopiere die neuen Ergebnisse aus dem KI-Chat dort rein.

Nach jeder Verbesserung: neue Datei speichern

Die KI schickt dir jedes Mal das ganze Programm neu.

Nur einmal, nur am Mac: Öffne TextEdit. Klick oben in der Menüleiste auf TextEdit → Einstellungen, dann auf Öffnen und Sichern. Setz einen Haken bei „HTML-Dateien als HTML-Code anzeigen“. Sonst zeigt TextEdit nicht den Code, sondern die fertige Seite.
Klick in der KI beim neuen Programm auf Kopieren.
Klick mit der rechten Maustaste auf die Datei vokabeltrainer.html auf deinem Desktop bzw. Schreibtisch. Wähle Öffnen mit → Editor (Windows) bzw. Öffnen mit → TextEdit (Mac).
Markiere den alten Code mit Strg + A bzw. cmd + A.
Füge das neue Programm ein (Strg + V bzw. cmd + V). Der alte Code wird dabei ersetzt.
Speichere mit Strg + S bzw. cmd + S.
Öffne die Datei wieder mit Doppelklick und probier die Verbesserung aus.

Mach die drei Verbesserungen nacheinander, eine pro Nachricht.

Falsche Wörter wiederholen

Was passiert: Wörter, die du falsch hattest, kommen am Ende noch einmal dran, so lange, bis du alle kannst.
Warum: So übst du gezielt die schwierigen Wörter, statt immer wieder die, die du schon kannst. Du änderst damit die Regeln deines Trainers.
Stimmt wenn: Ein Wort, das du absichtlich falsch tippst, am Ende noch einmal kommt und der Trainer aufhört, wenn du alle richtig hast.

Verbesserung: Wörter, die ich falsch beantwortet habe, sollen am Ende noch einmal abgefragt werden, so lange, bis ich alle richtig habe. Wenn ich alle Wörter richtig habe, hört der Trainer auf. Ändere sonst nichts und gib mir die ganze Datei.

Fortschritt anzeigen

Was passiert: Ein Balken zeigt, wie viele Wörter du schon geschafft hast.
Warum: Du siehst, wie weit du bist, und das motiviert. Du änderst damit die Anzeige, also das, was du siehst.
Stimmt wenn: Der Balken mit jeder richtigen Antwort wächst.

Verbesserung: Zeig oben einen Fortschrittsbalken, der anzeigt, wie viele Wörter ich schon beantwortet habe, zum Beispiel „4 von 10“. Lass den Balken aussehen, als wäre es ein Thermometer, das auf der Seite liegt. Ändere sonst nichts und gib mir die ganze Datei.

Richtung umdrehen

Was passiert: Mit einem Knopf wechselst du zwischen „Englisch → Deutsch“ und „Deutsch → Englisch“.
Warum: In der Schule wird gerne in beide Richtungen gefragt. Diese Verbesserung ändert Regeln und Anzeige gleichzeitig, deshalb ist sie die schwierigste.
Stimmt wenn: Nach einem Klick auf den Knopf die andere Sprache angezeigt wird.

Verbesserung: Füge oben einen Knopf hinzu, mit dem ich die Richtung wechseln kann: „Englisch → Deutsch“ oder „Deutsch → Englisch“. Ändere sonst nichts und gib mir die ganze Datei.

Extras (optional)

Such dir aus, womit du weitermachst. Du kannst eins, mehrere oder alle machen, in jeder Reihenfolge.

Belohnung am Ende

Was passiert: Wenn du alle Wörter geschafft hast, gibt es eine kleine Feier auf dem Bildschirm.
Warum: Lernen macht mehr Spaß, wenn es sich nach Erfolg anfühlt. Du kannst dir die Belohnung aussuchen.
Stimmt wenn: Nach dem letzten richtigen Wort die Feier erscheint.

Verbesserung: Wenn ich alle Wörter richtig habe, zeig eine kleine Feier, zum Beispiel Konfetti und den Satz „Geschafft, du Held:in!“. Ändere sonst nichts und gib mir die ganze Datei.

Dein eigener Look

Was passiert: Du gibst deinem Trainer einen Namen und deine Lieblingsfarben.
Warum: Es ist dein Trainer. Hier darfst du dir alles wünschen, was dir gefällt. Ersetze die Wörter in den Klammern.
Stimmt wenn: Dein Trainer deinen Namen trägt und in deinen Farben erscheint.

Verbesserung: Mein Trainer soll „[Name]“ heißen. Gestalte ihn in [deine Lieblingsfarben durch Komma getrennt] und mach die Schrift schön groß. Ändere sonst nichts und gib mir die ganze Datei.

Für die nächste Lektion

Was passiert: Du tauschst die alten Vokabeln gegen neue aus. Alles andere bleibt, wie es ist.
Warum: Jetzt hast du ein Werkzeug, das du immer wieder benutzen kannst. Du änderst nur die Liste, Regeln und Anzeige bleiben gleich.
Tipp: Speichere jede Lektion als eigene Datei, z. B. vokabeln-lektion-5.html.

Tausche bitte die Vokabelliste gegen diese neue Liste aus. Ändere sonst nichts und gib mir die ganze Datei:
  [hier deine neuen Vokabeln einfügen]

Hilfe-Sätze, wenn du feststeckst

Wenn ich die Datei öffne, sehe ich nur eine weiße Seite. Was kann ich tun?

Mach die letzte Änderung rückgängig und gib mir wieder die ganze Datei.

Du hast mir nur einen Teil gegeben. Gib mir bitte die komplette Datei.

Erklärs mir als wäre ich fünf.

Chat weg oder Limit erreicht? So machst du weiter

Hast du den Chat geschlossen oder sagt die KI, dass dein Limit für heute erreicht ist? Kein Problem, dein Trainer ist ja gespeichert. Du kannst später weitermachen oder einen anderen KI-Chat nehmen, z. B. Mistral statt ChatGPT. Für Mistral brauchst du ein kostenloses Konto. Frag am besten deine Eltern, bevor du eins anlegst.

Öffne einen neuen Chat.
Klick im Eingabefeld auf + bzw. die Büroklammer und lade deine Datei vokabeltrainer.html vom Desktop bzw. Schreibtisch hoch.
Schick dazu diesen Satz:

Ich bin Schüler:in und kann nicht programmieren. Das ist mein Vokabeltrainer, den ich mit einer KI gebaut habe. Wir machen jetzt zusammen weiter. Erklär mir alles kurz und einfach. Wenn du etwas änderst, gib mir immer die ganze Datei. Bau jetzt noch nichts, sag mir nur kurz, ob du alles verstanden hast.

Nächster Schritt

Dein Trainer läuft? Zeig ihn jemandem aus deiner Klasse und frag: Was fehlt dir noch?

Für Neugierige: So funktionieren Programme

Für alle, die es genauer wissen wollen

Du hast gerade ein echtes Programm gebaut. Fast jedes Programm, ob App, Website oder Handyspiel, besteht aus denselben drei Teilen. Wenn du die kennst, verstehst du besser, was in Apps passiert. Und du kannst der KI genauer sagen, welchen Teil sie ändern soll.

Die drei Teile

Liste

Die Daten, mit denen ein Programm arbeitet: Nachrichten im Chat, Songs in einer Playlist, Highscores im Spiel. Bei deinem Trainer sind das die Vokabeln.

Bei dir: Schritt 2 und 10

Regeln

Was passiert, wenn du etwas tust: Wer gewinnt, wann das nächste Level kommt, was ein Like auslöst. Programmierer:innen nennen das Logik. Bei deinem Trainer: Antwort prüfen, Punkte zählen, falsche Wörter wiederholen.

Bei dir: Schritt 5 und 7

Alles, was du siehst und anklickst: Knöpfe, Bilder, Farben, Text. Programmierer:innen sagen Oberfläche. Bei deinem Trainer: das Wort, das Eingabefeld, der Balken.

Bei dir: Schritt 6, 8 und 9