{"id":50940418,"url":"https://github.com/mzgivb/vibe-coding-kurs","last_synced_at":"2026-06-17T13:32:20.597Z","repository":{"id":363552118,"uuid":"1263817066","full_name":"mzgivb/vibe-coding-kurs","owner":"mzgivb","description":"Selbstlernkurs Vibe Coding – mit KI programmieren lernen, ohne Vorkenntnisse. Für Lehrkräfte und Schüler. Medienzentrum Gießen-Vogelsberg.","archived":false,"fork":false,"pushed_at":"2026-06-09T10:28:41.000Z","size":58,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-09T12:14:52.710Z","etag":null,"topics":["bildung","ki","medienbildung","schule","selbstlernkurs","vibe-coding"],"latest_commit_sha":null,"homepage":"https://mzgivb.github.io/vibe-coding-kurs/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mzgivb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-06-09T09:42:24.000Z","updated_at":"2026-06-09T10:34:18.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/mzgivb/vibe-coding-kurs","commit_stats":null,"previous_names":["mzgivb/vibe-coding-kurs"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/mzgivb/vibe-coding-kurs","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mzgivb%2Fvibe-coding-kurs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mzgivb%2Fvibe-coding-kurs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mzgivb%2Fvibe-coding-kurs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mzgivb%2Fvibe-coding-kurs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mzgivb","download_url":"https://codeload.github.com/mzgivb/vibe-coding-kurs/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mzgivb%2Fvibe-coding-kurs/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34451335,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-17T02:00:05.408Z","response_time":127,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bildung","ki","medienbildung","schule","selbstlernkurs","vibe-coding"],"created_at":"2026-06-17T13:32:19.402Z","updated_at":"2026-06-17T13:32:20.592Z","avatar_url":"https://github.com/mzgivb.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Vibe Coding – Selbstlernkurs\n\n**Mit KI programmieren lernen – ganz ohne Vorkenntnisse.**\n\nDu beschreibst in Alltagssprache, was eine Anwendung tun soll. Die KI schreibt den Code.\nDu testest das Ergebnis und sagst, was sich ändern soll. Genau das ist **Vibe Coding** –\nund dieser Kurs zeigt dir Schritt für Schritt, wie es geht.\n\nEines vorweg: Das Lernen geschieht dabei **nicht nebenbei**. Es verlagert sich – weg vom\nSchreiben einzelner Codezeilen, hin zum **präzisen Beschreiben, systematischen Testen und\nkritischen Beurteilen**. Das ist echte Denkarbeit, und genau darin liegt der Lernwert.\n\nEin Angebot des **Medienzentrums Gießen-Vogelsberg**. Kostenfrei, ohne Anmeldung.\n\n---\n\n## Für wen ist dieser Kurs?\n\nFür **alle, die neugierig sind** – ganz ohne Programmiererfahrung:\n\n- 🎓 **Lehrkräfte** aller Fächer und Schulformen, die KI im Unterricht einsetzen oder einfach\n  verstehen wollen, was Vibe Coding ist.\n- 💡 **Schülerinnen und Schüler** (etwa ab Klasse 7), die eigene kleine Projekte bauen wollen.\n- Alle anderen, die schon immer mal eine eigene App oder Webseite ausprobieren wollten.\n\nIm Kurstext findest du immer wieder farbige Hinweis-Boxen:\n\n\u003e 💡 **Für Schüler:** Tipps und Ideen zum Ausprobieren.\n\u003e\n\u003e 🎓 **Für Lehrkräfte:** Hinweise zu Didaktik, Bewertung und Datenschutz im Unterricht.\n\n---\n\n## Zwei Gründe, diesen Kurs zu machen\n\nDer Kurs lohnt sich aus zwei ganz unterschiedlichen Richtungen – er deckt beide ab:\n\n| | **A · KI als dein Werkzeug** | **B · Vibe Coding als Lerngegenstand** |\n|---|---|---|\n| **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 |\n| **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 |\n| **Kernmodule** | 3, 4, 8 | 1, 6, 7 |\n\nWichtig zur Einordnung: Es geht **nicht** darum, Schülerinnen und Schüler „mit Code zu\nversorgen\". In Fall A nutzt du dein selbst gebautes Werkzeug – die Lernenden sehen nur das\nErgebnis. In Fall B ist der Code bloß Mittel zum Zweck: Gelernt und bewertet wird der\n**Prozess** – Beschreiben, Testen, Beurteilen.\n\n---\n\n## So funktioniert der Kurs\n\nDer Kurs besteht aus **acht Modulen**, die aufeinander aufbauen (Modul 8 ist ein optionales\nBonus-Modul). Du arbeitest ihn in deinem eigenen Tempo durch – allein, zu zweit oder im Unterricht.\n\nJedes Modul ist gleich aufgebaut:\n\n| Abschnitt | Was dich erwartet |\n|---|---|\n| 🎯 **Lernziele** | Was du danach kannst |\n| **Inhalt** | Der Stoff – verständlich erklärt |\n| 🛠️ **Praxis** | Eine Übung mit fertigen Prompts zum Kopieren |\n| 💡🎓 **Hinweise** | Tipps für Schüler bzw. Lehrkräfte |\n| ✅ **Selbstcheck** | Fragen mit ausklappbaren Lösungen |\n\n**Tipp:** Du musst nicht alles auswendig lernen. Vibe Coding heißt: ausprobieren, testen,\nnachbessern. Trau dich, Dinge kaputtzumachen – die KI hilft dir, sie zu reparieren.\n\n---\n\n## Inhaltsverzeichnis\n\n| # | Modul | Worum geht's? | Zeit |\n|---|---|---|---|\n| 1 | [Was ist Vibe Coding?](module/01-was-ist-vibe-coding.md) | Idee, Begriff, Zyklus – und wo das Lernen steckt | ~25 Min |\n| 2 | [Werkzeug einrichten](module/02-werkzeug-einrichten.md) | Dein KI-Werkzeug wählen \u0026 startklar machen | ~30 Min |\n| 3 | [Deine erste Webseite](module/03-erste-webseite.md) | Eine interaktive Webseite per Prompt | ~45 Min |\n| 4 | [Ein Python-Skript](module/04-python-skript.md) | Eine lästige Aufgabe automatisieren | ~45 Min |\n| 5 | [Eine Desktop-App](module/05-electron-app.md) | Eine echte Notiz-App erweitern | ~50 Min |\n| 6 | [Sicherheit \u0026 Datenschutz](module/06-sicherheit-datenschutz.md) | Risiken erkennen, KI-Code kritisch prüfen | ~30 Min |\n| 7 | [Reflexion \u0026 Unterricht](module/07-reflexion-bewertung-unterricht.md) | Einordnen, bewerten, im Unterricht einsetzen | ~30 Min |\n| 8 | [Abläufe automatisieren](module/08-skills-ablaeufe-automatisieren.md) | Skills bauen – Korrektur \u0026 Vorbereitung automatisieren (Bonus) | ~35 Min |\n\n**Gesamtzeit:** rund **5 Stunden** – bequem aufteilbar auf mehrere Sitzungen.\n\n### Zwei Lesepfade\n\nDu musst die Module nicht stur der Reihe nach durcharbeiten – wähle den Pfad, der zu dir passt:\n\n- 💡 **Einsteiger- \u0026 Schüler-Pfad:** der Reihe nach – **1 → 2 → 3 → 4 → 5 → 6** (7 und 8 optional).\n- 🎓 **Lehrkräfte-Pfad:** erst die Didaktik, dann das Werkzeug – **1 → 7 → 2 → 3 → 8**, danach\n  nach Bedarf 4, 5 und 6. So ist klar, *wozu* das Ganze dient und *wie bewertet wird*, bevor du\n  selbst baust.\n\n\u003e 🎓 **Für Fortbildung \u0026 Unterricht:** Module 1, 7 und 6 eignen sich als kompakter Einstieg in\n\u003e einer Doppelstunde. Module 3–5 sind die praktischen Projekte für eine Projektwoche oder AG.\n\u003e **Modul 8** (Bonus) zeigt, wie ihr euch wiederkehrende Abläufe – Korrektur, Vorbereitung –\n\u003e automatisiert.\n\n---\n\n## Was du brauchst\n\n- Einen **Laptop oder PC** (Windows, macOS oder Linux) – ältere Geräte genügen.\n- **Internet** für den empfohlenen Weg (es gibt auch einen Offline-Weg).\n- **Keine** Programmierkenntnisse. Wirklich keine.\n\nAlles Weitere – welches KI-Werkzeug, wie du es installierst – klärt **[Modul 2](module/02-werkzeug-einrichten.md)**.\n\n\u003e 🚀 **Schnellstart ohne Installation:** Wenn du sofort loslegen willst, brauchst du nur einen\n\u003e Chat-KI-Zugang im Browser (z. B. ChatGPT, Claude oder Gemini). Wie das geht, steht in Modul 2\n\u003e unter „Weg 0\".\n\n---\n\n## Begleitmaterial\n\n- 📋 [Aufgaben \u0026 Kursfahrplan](Aufgaben.md) – alle Aufgaben und Termine im Überblick\n- 📄 [Cheat-Sheet](material/cheat-sheet.md) – die wichtigsten Punkte auf einen Blick\n- 📝 [Prompt-Vorlage](material/prompt-vorlage.md) – Bauplan für gute Prompts zum Kopieren\n- 🖼️ [Infografik](material/infografik.html) – Vibe Coding visuell erklärt\n- 📁 [Beispielprojekte](beispiele/) – fertige Vorlagen zum Ausprobieren\n\n---\n\n## Offline \u0026 mit MindGraph Notes nutzen\n\nDu kannst den Kurs **komplett offline** auf einem Laptop durcharbeiten:\n\n1. Lade den Kurs herunter (`git clone` oder als ZIP) und öffne den Ordner in\n   **[MindGraph Notes](https://github.com/mzgivb)** als Vault.\n2. Jedes Modul ist eine Notiz; die **Aufgaben** sind abhakbare Checkboxen.\n3. Im **Dashboard → Widget „Tasks\"** laufen alle offenen Aufgaben des Kurses zusammen,\n   nach Fälligkeit sortiert; das **Focus**-Widget zeigt, was heute dran ist.\n\nSo wird aus dem Kurs eine persönliche, abhakbare Lern-To-do-Liste. Details:\n[Aufgaben \u0026 Kursfahrplan](Aufgaben.md).\n\n---\n\n## Los geht's\n\n➡️ **[Modul 1: Was ist Vibe Coding?](module/01-was-ist-vibe-coding.md)**\n\n---\n\n## Lizenz \u0026 Kontakt\n\n- **Inhalte:** [CC BY-SA 4.0](LICENSE) · **Code-Beispiele:** MIT\n- **Medienzentrum Gießen-Vogelsberg** · [medienzentrum-giessen-vogelsberg.de](https://medienzentrum-giessen-vogelsberg.de/)\n- **Fragen?** [jochen.leeder@mzgivb.de](mailto:jochen.leeder@mzgivb.de)\n\n\u003e *Vibe Coding senkt die Einstiegshürde – Testen, Beurteilen und kritisches Denken bleiben\n\u003e menschliche Kernkompetenzen.*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmzgivb%2Fvibe-coding-kurs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmzgivb%2Fvibe-coding-kurs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmzgivb%2Fvibe-coding-kurs/lists"}