Baue dir deinen ersten eigenen Vokabeltrainer mit KI

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.

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.

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

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.
- Hier sind meine Vokabeln [die Liste aus Schritt 2 einfügen]

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.

Teste diese drei Dinge: Kommen alle 10 Wörter? 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.

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.

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

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.

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.

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.

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.

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]