Kurs

KI Vibe Coding — Von der Idee zum echten digitalen Produkt

Am Ende des Kurses haben die Lernenden ein eigenes digitales Projekt geplant, mit KI umgesetzt, getestet, veröffentlicht und so dokumentiert, dass sie den Workflow selbstständig wiederholen können.

Christian

Das bringst du mit

Computer, Internetzugang und Bereitschaft zum praktischen Arbeiten. Programmiererfahrung ist nicht erforderlich.

Aufbau

Modul 1 · Von der Idee zum ersten sichtbaren Ergebnis

1
Was willst du wirklich bauen?
Die Lernenden können aus einer vagen Idee ein konkretes digitales Vorhaben mit klarem Zweck, Zielgruppe und erster Hauptfunktion formulieren.
2
Deine Website als Weg denken
Die Lernenden können ihre Website oder Anwendung als Nutzerweg statt als lose Sammlung einzelner Seiten planen.
3
Der erste Vibe Build
Die Lernenden können aus einer Projektbeschreibung mit einer KI einen ersten sichtbaren Prototyp erzeugen und sinnvoll beurteilen.

Modul 2 · Aus einem Entwurf wird eine echte Website

4
Lokal arbeiten, ohne Angst vor Code
Die Lernenden verstehen die grundlegende lokale Arbeitsumgebung und können ein Projekt öffnen, starten und Änderungen nachvollziehen.
5
Design mit KI verbessern
Die Lernenden können Designprobleme konkret beschreiben und KI gezielt für visuelle Verbesserungen einsetzen.
6
Mobile, Formulare und Zugänglichkeit
Die Lernenden können ihre Website auf verschiedenen Bildschirmgrößen prüfen und grundlegende Funktions- und Zugänglichkeitsprobleme erkennen.

Modul 3 · Mit KI kontrolliert entwickeln

7
Gute Aufträge statt magischer Prompts
Die Lernenden können KI klare Entwicklungsaufträge mit Ziel, Kontext, Grenzen und Prüfkriterien geben.
8
Welche KI macht was?
Die Lernenden können verschiedene KI-Werkzeuge nach Aufgabe auswählen, statt ein einziges Werkzeug für alles einzusetzen.
9
Fehler finden statt herumprobieren
Die Lernenden können Fehler systematisch eingrenzen und KI mit konkreten Beobachtungen statt zufälligen Änderungswünschen einsetzen.

Modul 4 · Sicher bauen und veröffentlichen

10
Git ist dein Sicherheitsnetz
Die Lernenden verstehen Git als Werkzeug zum Sichern, Vergleichen und Zurückgehen und können einen einfachen Commit-Workflow nutzen.
11
Vom Laptop ins Internet
Die Lernenden verstehen den grundlegenden Deployment-Weg und können ihr Projekt auf einem Server oder Hosting-Dienst veröffentlichen.
12
HTTPS, Backup und Wiederherstellung
Die Lernenden können grundlegende Sicherheits- und Wiederherstellungsmaßnahmen für ein veröffentlichtes Projekt benennen und anwenden.

Modul 5 · Aus einer Website wird ein lebendiges System

13
Inhalte von Code trennen
Die Lernenden verstehen, warum veränderliche Inhalte nicht dauerhaft direkt im Quellcode gepflegt werden sollten.
14
CMS und Website verbinden
Die Lernenden verstehen die Rolle eines Content-Management-Systems und können den Datenfluss zwischen CMS und Website erklären.
15
Veröffentlichen, prüfen, zeigen
Die Lernenden können ihr fertiges digitales Produkt anhand klarer Kriterien prüfen, dokumentieren und präsentieren.