Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

https://github.com/mzgivb/vibe-coding-kurs

Selbstlernkurs Vibe Coding – mit KI programmieren lernen, ohne Vorkenntnisse. Für Lehrkräfte und Schüler. Medienzentrum Gießen-Vogelsberg.
https://github.com/mzgivb/vibe-coding-kurs

bildung ki medienbildung schule selbstlernkurs vibe-coding

Last synced: about 12 hours ago
JSON representation

Selbstlernkurs Vibe Coding – mit KI programmieren lernen, ohne Vorkenntnisse. Für Lehrkräfte und Schüler. Medienzentrum Gießen-Vogelsberg.

Awesome Lists containing this project

README 

          
# Vibe Coding – Selbstlernkurs



**Mit KI programmieren lernen – ganz ohne Vorkenntnisse.**



Du beschreibst in Alltagssprache, was eine Anwendung tun soll. Die KI schreibt den Code.

Du testest das Ergebnis und sagst, was sich ändern soll. Genau das ist **Vibe Coding** –

und dieser Kurs zeigt dir Schritt für Schritt, wie es geht.



Eines vorweg: Das Lernen geschieht dabei **nicht nebenbei**. Es verlagert sich – weg vom

Schreiben einzelner Codezeilen, hin zum **präzisen Beschreiben, systematischen Testen und

kritischen Beurteilen**. Das ist echte Denkarbeit, und genau darin liegt der Lernwert.



Ein Angebot des **Medienzentrums Gießen-Vogelsberg**. Kostenfrei, ohne Anmeldung.



---



## Für wen ist dieser Kurs?



Für **alle, die neugierig sind** – ganz ohne Programmiererfahrung:



- 🎓 **Lehrkräfte** aller Fächer und Schulformen, die KI im Unterricht einsetzen oder einfach

  verstehen wollen, was Vibe Coding ist.

- 💡 **Schülerinnen und Schüler** (etwa ab Klasse 7), die eigene kleine Projekte bauen wollen.

- Alle anderen, die schon immer mal eine eigene App oder Webseite ausprobieren wollten.



Im Kurstext findest du immer wieder farbige Hinweis-Boxen:



> 💡 **Für Schüler:** Tipps und Ideen zum Ausprobieren.

>

> 🎓 **Für Lehrkräfte:** Hinweise zu Didaktik, Bewertung und Datenschutz im Unterricht.



---



## Zwei Gründe, diesen Kurs zu machen



Der Kurs lohnt sich aus zwei ganz unterschiedlichen Richtungen – er deckt beide ab:



| | **A · KI als dein Werkzeug** | **B · Vibe Coding als Lerngegenstand** |

|---|---|---|

| **Für wen?** | Alle, die sich Arbeit abnehmen lassen wollen – besonders Lehrkräfte | Lehrkräfte, die Lernende begleiten und bewerten; Schülerinnen und Schüler selbst |

| **Worum geht's?** | Eigene kleine Helfer bauen: Quiz, Übungsgenerator, Korrektur-Helfer | Verstehen, **was** beim Vibe Coding gelernt wird – und wie man es sichtbar macht und bewertet |

| **Kernmodule** | 3, 4, 8 | 1, 6, 7 |



Wichtig zur Einordnung: Es geht **nicht** darum, Schülerinnen und Schüler „mit Code zu

versorgen". In Fall A nutzt du dein selbst gebautes Werkzeug – die Lernenden sehen nur das

Ergebnis. In Fall B ist der Code bloß Mittel zum Zweck: Gelernt und bewertet wird der

**Prozess** – Beschreiben, Testen, Beurteilen.



---



## So funktioniert der Kurs



Der Kurs besteht aus **acht Modulen**, die aufeinander aufbauen (Modul 8 ist ein optionales

Bonus-Modul). Du arbeitest ihn in deinem eigenen Tempo durch – allein, zu zweit oder im Unterricht.



Jedes Modul ist gleich aufgebaut:



| Abschnitt | Was dich erwartet |

|---|---|

| 🎯 **Lernziele** | Was du danach kannst |

| **Inhalt** | Der Stoff – verständlich erklärt |

| 🛠️ **Praxis** | Eine Übung mit fertigen Prompts zum Kopieren |

| 💡🎓 **Hinweise** | Tipps für Schüler bzw. Lehrkräfte |

| ✅ **Selbstcheck** | Fragen mit ausklappbaren Lösungen |



**Tipp:** Du musst nicht alles auswendig lernen. Vibe Coding heißt: ausprobieren, testen,

nachbessern. Trau dich, Dinge kaputtzumachen – die KI hilft dir, sie zu reparieren.



---



## Inhaltsverzeichnis



| # | Modul | Worum geht's? | Zeit |

|---|---|---|---|

| 1 | [Was ist Vibe Coding?](module/01-was-ist-vibe-coding.md) | Idee, Begriff, Zyklus – und wo das Lernen steckt | ~25 Min |

| 2 | [Werkzeug einrichten](module/02-werkzeug-einrichten.md) | Dein KI-Werkzeug wählen & startklar machen | ~30 Min |

| 3 | [Deine erste Webseite](module/03-erste-webseite.md) | Eine interaktive Webseite per Prompt | ~45 Min |

| 4 | [Ein Python-Skript](module/04-python-skript.md) | Eine lästige Aufgabe automatisieren | ~45 Min |

| 5 | [Eine Desktop-App](module/05-electron-app.md) | Eine echte Notiz-App erweitern | ~50 Min |

| 6 | [Sicherheit & Datenschutz](module/06-sicherheit-datenschutz.md) | Risiken erkennen, KI-Code kritisch prüfen | ~30 Min |

| 7 | [Reflexion & Unterricht](module/07-reflexion-bewertung-unterricht.md) | Einordnen, bewerten, im Unterricht einsetzen | ~30 Min |

| 8 | [Abläufe automatisieren](module/08-skills-ablaeufe-automatisieren.md) | Skills bauen – Korrektur & Vorbereitung automatisieren (Bonus) | ~35 Min |



**Gesamtzeit:** rund **5 Stunden** – bequem aufteilbar auf mehrere Sitzungen.



### Zwei Lesepfade



Du musst die Module nicht stur der Reihe nach durcharbeiten – wähle den Pfad, der zu dir passt:



- 💡 **Einsteiger- & Schüler-Pfad:** der Reihe nach – **1 → 2 → 3 → 4 → 5 → 6** (7 und 8 optional).

- 🎓 **Lehrkräfte-Pfad:** erst die Didaktik, dann das Werkzeug – **1 → 7 → 2 → 3 → 8**, danach

  nach Bedarf 4, 5 und 6. So ist klar, *wozu* das Ganze dient und *wie bewertet wird*, bevor du

  selbst baust.



> 🎓 **Für Fortbildung & Unterricht:** Module 1, 7 und 6 eignen sich als kompakter Einstieg in

> einer Doppelstunde. Module 3–5 sind die praktischen Projekte für eine Projektwoche oder AG.

> **Modul 8** (Bonus) zeigt, wie ihr euch wiederkehrende Abläufe – Korrektur, Vorbereitung –

> automatisiert.



---



## Was du brauchst



- Einen **Laptop oder PC** (Windows, macOS oder Linux) – ältere Geräte genügen.

- **Internet** für den empfohlenen Weg (es gibt auch einen Offline-Weg).

- **Keine** Programmierkenntnisse. Wirklich keine.



Alles Weitere – welches KI-Werkzeug, wie du es installierst – klärt **[Modul 2](module/02-werkzeug-einrichten.md)**.



> 🚀 **Schnellstart ohne Installation:** Wenn du sofort loslegen willst, brauchst du nur einen

> Chat-KI-Zugang im Browser (z. B. ChatGPT, Claude oder Gemini). Wie das geht, steht in Modul 2

> unter „Weg 0".



---



## Begleitmaterial



- 📋 [Aufgaben & Kursfahrplan](Aufgaben.md) – alle Aufgaben und Termine im Überblick

- 📄 [Cheat-Sheet](material/cheat-sheet.md) – die wichtigsten Punkte auf einen Blick

- 📝 [Prompt-Vorlage](material/prompt-vorlage.md) – Bauplan für gute Prompts zum Kopieren

- 🖼️ [Infografik](material/infografik.html) – Vibe Coding visuell erklärt

- 📁 [Beispielprojekte](beispiele/) – fertige Vorlagen zum Ausprobieren



---



## Offline & mit MindGraph Notes nutzen



Du kannst den Kurs **komplett offline** auf einem Laptop durcharbeiten:



1. Lade den Kurs herunter (`git clone` oder als ZIP) und öffne den Ordner in

   **[MindGraph Notes](https://github.com/mzgivb)** als Vault.

2. Jedes Modul ist eine Notiz; die **Aufgaben** sind abhakbare Checkboxen.

3. Im **Dashboard → Widget „Tasks"** laufen alle offenen Aufgaben des Kurses zusammen,

   nach Fälligkeit sortiert; das **Focus**-Widget zeigt, was heute dran ist.



So wird aus dem Kurs eine persönliche, abhakbare Lern-To-do-Liste. Details:

[Aufgaben & Kursfahrplan](Aufgaben.md).



---



## Los geht's



➡️ **[Modul 1: Was ist Vibe Coding?](module/01-was-ist-vibe-coding.md)**



---



## Lizenz & Kontakt



- **Inhalte:** [CC BY-SA 4.0](LICENSE) · **Code-Beispiele:** MIT

- **Medienzentrum Gießen-Vogelsberg** · [medienzentrum-giessen-vogelsberg.de](https://medienzentrum-giessen-vogelsberg.de/)

- **Fragen?** [jochen.leeder@mzgivb.de](mailto:jochen.leeder@mzgivb.de)



> *Vibe Coding senkt die Einstiegshürde – Testen, Beurteilen und kritisches Denken bleiben

> menschliche Kernkompetenzen.*