Lektion 1 10 Min.

Was ist Vibe Coding?

Verstehe was Vibe Coding ist, woher es kommt und wann du es einsetzen solltest. Sieh echte Beispiele von Apps die komplett durch Gespraech mit KI gebaut wurden.

Im Februar 2025 postete Andrej Karpathy — Mitgruender von OpenAI und ehemaliger KI-Chef bei Tesla — etwas das die Softwarewelt veraenderte:

“There’s a new kind of coding I call ‘vibe coding,’ where you fully give in to the vibes, embrace exponentials, and forget that the code even exists.”

Innerhalb weniger Monate wurde “Vibe Coding” Collins Dictionary’s Word of the Year. Nicht weil es ein Gag war — sondern weil Millionen Menschen es tatsaechlich machten. Designer die funktionierende Apps bauten. Gruender die an einem Wochenende MVPs shippten. Studierende die Projekte realisierten fuer die man frueher Monate gebraucht haette.

What You’ll Learn

Am Ende dieses Kurses kannst du:

  • Funktionale Web-Anwendungen bauen indem du sie in natuerlicher Sprache beschreibst
  • Das richtige KI-Tool fuer dein Projekt waehlen
  • Prompts schreiben die zuverlaessig funktionierenden Code produzieren
  • Probleme in KI-generiertem Code systematisch debuggen
  • Eine komplette App im Internet veroeffentlichen

Was Vibe Coding eigentlich ist

Traditionelles Programmieren: Du lernst eine Programmiersprache, schreibst Syntax, debuggst Fehler, verwaltest Dateien, konfigurierst Server.

Vibe Coding: Du beschreibst was du willst — auf Deutsch oder Englisch — und die KI schreibt den kompletten Code. Du startest die App, siehst das Ergebnis und sagst “Mach den Button blau” oder “Fueg eine Login-Seite hinzu.”

Beispiel-Gespraech:

Du: “Baue einen persoenlichen Budget-Tracker. Er soll ein Formular haben um Ausgaben mit Betrag, Kategorie und Datum einzutragen. Zeige ein Tortendiagramm der Ausgaben nach Kategorie. Speichere die Daten im Browser.”

KI: generiert eine komplette, funktionierende Budget-Tracker-App

Du: “Mach das Tortendiagramm groesser und fueg ein Balkendiagramm hinzu das die Ausgaben ueber die Zeit zeigt.”

KI: aktualisiert die App mit beiden Diagrammen

Das war’s. Keine React-Dokumentation waelzen. Kein CSS-Troubleshooting. Kein Datenbank-Setup. Du beschreibst, die KI baut.

Quick Check: Was ist der Kernunterschied zwischen Vibe Coding und traditionellem Programmieren? (Antwort: Beim traditionellen Programmieren schreibst du Syntax in einer Programmiersprache. Beim Vibe Coding beschreibst du was du willst in natuerlicher Sprache und die KI schreibt den Code. Das Ergebnis ist dasselbe — funktionierende Software — aber der Input aendert sich von Code zu Gespraech.)

Wofuer Vibe Coding taugt — und wofuer nicht

Super geeignetRiskant
Prototypen und MVPsFinanz-Transaktionssysteme
Interne ToolsMedizingeraete-Software
Persoenliche ProjekteLuftfahrt und sicherheitskritische Systeme
Landing Pages und Marketing-SeitenGrosse Produktions-Apps (ohne Review)
Daten-DashboardsSysteme mit sensiblen personenbezogenen Daten
Portfolio-ProjekteInfrastruktur- und DevOps-Automatisierung

Die 70/20/10-Regel: KI bringt dich zuverlaessig ~70% des Weges. 20% erfordern etwas Hin-und-Her-Debugging. Und 10% brauchen moeglicherweise manuelles Coding-Wissen oder einen anderen Ansatz.

Die Tool-Landschaft

Zwei Kategorien von Vibe-Coding-Tools gibt es:

KI-App-Builder (kein Code noetig)

Diese bauen komplette Apps aus einer Beschreibung:

  • Lovable — Am besten fuer Full-Stack-Apps aus Gespraech
  • Bolt.new — Schnellste Prototypen direkt im Browser
  • Replit Agent — Komplette Apps mit Hosting inklusive
  • v0 (Vercel) — UI-Komponenten und Frontend-Apps

KI-Code-Editoren (etwas Code-Wissen hilft)

Diese unterstuetzen dich beim Arbeiten im Code-Editor:

  • Cursor — VS-Code-basiert mit eingebauter KI
  • Claude Code — Terminal-basiert, fuer Power User
  • GitHub Copilot — Inline Code-Vorschlaege
  • Windsurf — Tiefes Kontext-Verstaendnis fuer grosse Projekte

Keine Sorge wegen der Wahl — die naechste Lektion geht auf jedes Tool im Detail ein.

How This Course Works

  • Format: Text-Lektionen mit Beispielen, jeweils 10-15 Minuten
  • Uebungen: In jeder Lektion baust du etwas mit kostenlosen Tools
  • Keine Voraussetzungen: Wir starten bei Null. Coding-Wissen hilft, ist aber nicht noetig.
  • Ansatz: Lernen durch Bauen. Jedes Konzept wird sofort praktisch angewendet.

What to Expect

Lektionen 1-2 geben dir Kontext und Tools. Lektionen 3-5 vermitteln die Kern-Skills (Prompting, Bauen, Debugging). Lektionen 6-7 behandeln Produktion und fortgeschrittene Patterns. Lektion 8 ist ein komplettes Capstone-Projekt.

Am Ende hast du eine deployte App die du komplett durch Gespraech mit KI gebaut hast.

Key Takeaways

  • Vibe Coding bedeutet Software bauen indem du sie in natuerlicher Sprache beschreibst — KI schreibt den Code
  • Gepraeget von Andrej Karpathy 2025, wurde es Collins Dictionary’s Word of the Year
  • Ideal fuer Prototypen, MVPs, interne Tools und persoenliche Projekte
  • Zwei Tool-Kategorien: KI-App-Builder (kein Code) und KI-Code-Editoren (etwas Code)
  • KI bringt dich ~70% des Weges — dieser Kurs lehrt die Techniken fuer die restlichen 30%

Up Next

In der naechsten Lektion waehlst du dein Vibe-Coding-Tool — und baust deine erste “Hello World”-App.

Wissenscheck

1. Wer hat den Begriff 'Vibe Coding' gepraegt und was bedeutet er?

2. Wann ist Vibe Coding der FALSCHE Ansatz?

Beantworte alle Fragen zum Prüfen

Erst das Quiz oben abschließen

Passende Skills