Lektion 1

Praxistipps — Das reicht zum Loslegen

Die Installation von Claude Code ist ein Einzeiler.

Oeffne ein Terminal (schwarzer Bildschirm) und fuege die folgende Zeile ein. Fertig.

An den Agenten: “curl -fsSL https://claude.ai/install.sh | bash”

Windows-Nutzer muessen zuerst WSL (Linux-Umgebung) installieren. Fuehre “wsl –install” in der PowerShell aus und starte neu.

Die 5 wichtigsten Schluesselwoerter beim Anweisen

  1. API — Ein Standard fuer die Kommunikation zwischen Programmen. “Erstelle eine API”
  2. Frontend — Die sichtbare Benutzeroberflaeche. “Erstelle eine Oberflaeche mit React”
  3. Datenbank (DB) — Wo Daten gespeichert werden. “Speichere es in der DB”
  4. Commit — Ein Speicherpunkt des aktuellen Zustands. “Mach einen Commit”
  5. Deployment — Ins Internet hochladen. “Deploye es”

Mit diesen fuenf Woertern kann man die Richtung vorgeben. Die KI versteht den Rest.

Das Gedaechtnis der KI wird mit 3 Dateien verwaltet

  • CLAUDE.md — Projektregeln. Die KI liest diese Datei automatisch bei jedem Sitzungsstart. Hier schreibt man: “So arbeitet unser Team”
  • Anforderungen.md — Protokoll deiner Entscheidungen. Geschaeftsentscheidungen wie “VIP-Rabatt 10%” mit Datum notieren
  • Fortschritt.md — Wo man steht. Damit “Mach weiter” in einer neuen Sitzung funktioniert

Alle drei Dateien sind Markdown. Auch Menschen ohne Programmierkenntnisse koennen sie lesen und schreiben.

Tipps fuer Anweisungen

  • Gib immer nur eine Aufgabe gleichzeitig. “Erstelle zuerst die Login-API” ist besser als “Erstelle Login, Registrierung und Dashboard auf einmal”
  • Bei Fehlern erkennt und behebt Claude Code diese automatisch. Kein manuelles Kopieren noetig
  • Ab 100 Dialogrunden sinkt die KI-Qualitaet. Starte eine neue Sitzung, aber aktualisiere vorher die 3 Dateien

Schnelleinstieg

Installiere Claude Code und fuehre dein erstes Gespraech. In 5 Minuten erledigt.

  1. Erstelle im Terminal einen Projektordner und starte Claude Code

An den Agenten: “mkdir -p ~/projects/my-first-app && cd ~/projects/my-first-app && claude”

  1. Melde dich im Browser an (nur beim ersten Mal)

  2. Starte das erste Gespraech

An den Agenten: “Erstelle in diesem Ordner einen Go Gin Server. Eine API auf Port 8080, die Hello, World zurueckgibt.”

Die KI erstellt Dateien, startet den Server und prueft alles. Oeffne http://localhost:8080 im Browser.


Warum man so anweisen muss

Du hast bereits ausprobiert, einer KI per Sprache Anweisungen zu geben und etwas zu erstellen. Die Oberflaeche erschien, Buttons funktionierten, Daten wurden gespeichert. Aber eine Frage blieb vermutlich:

“Kann ich das wirklich weiter ausbauen?”

Um diese Frage zu beantworten, muessen wir zuerst genau sehen, wo wir stehen. Welche Werkzeuge es gibt, welche Begriffe verwendet werden, mit welchem Muster wir arbeiten. Lektion 1 ist die Zeit, die Landkarte auszubreiten. Ab Lektion 2 bahnen wir Wege auf dieser Karte.

Die Landschaft der KI-Coding-Werkzeuge

Es gibt mehrere Tools, die auf Sprachanweisung Code schreiben. Sie lassen sich grob in zwei Kategorien einteilen.

Editor-basierte Tools — KI ist in den Code-Editor integriert.

ToolMerkmal
CursorKI-Editor basierend auf VS Code. Man sieht den Code und laesst die KI aendern
GitHub CopilotVS Code/JetBrains-Plugin. Autovervollstaendigung und Chat
WindsurfKI-Editor aehnlich wie Cursor

Editor-basierte Tools sind optimiert fuer das Bearbeiten von Code beim Ansehen. Fuer Programmierer gut. Aber fuer Nicht-Programmierer sind die Codezeilen auf dem Bildschirm bedeutungslose Zeichen.

Terminal-Agenten — Die KI entscheidet und handelt selbststaendig im Terminal (schwarzer Bildschirm).

ToolMerkmal
Claude CodeTerminal-Agent von Anthropic. Nutzt Claude-Modelle
Codex CLITerminal-Agent von OpenAI. Nutzt GPT/o-Modelle

Terminal-Agenten koennen nicht nur Code bearbeiten, sondern auch Befehle ausfuehren, Tests pruefen und Dateien erstellen — alles eigenstaendig. Wenn man sagt “Erstelle eine Oberflaeche”, erstellt die KI Dateien, startet den Server, behebt Fehler und prueft erneut. Diese autonome Verifikationsschleife ist der entscheidende Unterschied zu Editor-basierten Tools.

Warum Claude Code

Dieser Kurs verwendet Claude Code als Referenz.

Claude Code ist derzeit unter den Terminal-Agenten am besten darin, komplexe Multi-Datei-Aufgaben autonom zu bearbeiten. Tokens sind die Einheiten, in denen KI Text liest. 200K (200.000) entsprechen einem Roman, 1M (1 Million) fuenf Romanen. Claude Code unterstuetzt standardmaessig 200K Tokens, das Opus 4.6-Modell bis zu 1M Tokens — damit kann das gesamte Projekt auf einmal erfasst und mehrere Dateien gleichzeitig bearbeitet werden. Wenn man sagt “Erstelle diese Funktion”, findet die KI relevante Dateien, schreibt Code, fuehrt Tests aus und behebt Fehler in einer Schleife. Der Agentenmodus von Editoren wie Cursor versucht Aehnliches, aber bei der Dateiexploration und der Tiefe autonomer Entscheidungen sind Terminal-Agenten einen Schritt voraus.

Was ist mit Codex CLI? OpenAIs Terminal-Agent mit dem gleichen Konzept wie Claude Code. Das Programm selbst ist schnell erstellt, und es ist durch die ChatGPT-Mitgliedschaft leicht zugaenglich. Allerdings habe ich keine Produktionserfahrung damit, daher wird es in diesem Kurs nicht behandelt. Wer die Prinzipien von Claude Code versteht, kann sie auch auf Codex CLI anwenden. Die Tools sind verschieden, die Methodik ist die gleiche.

Claude Code installieren

Dieser Kurs basiert auf Ubuntu (oder WSL). Die meisten Befehle funktionieren auch fuer Mac-Nutzer.

Voraussetzungen

  1. Anthropic-Konto: Registrierung auf https://console.anthropic.com
  2. Abo-Plan: Waehle Claude Pro ($20/Monat), Max ($100/Monat oder $200/Monat). Max hat grosszuegigere Nutzungslimits
  3. Ubuntu oder WSL: Windows-Nutzer installieren zuerst WSL (Windows Subsystem for Linux)

Windows-Nutzer: WSL installieren

Oeffne Windows PowerShell als Administrator und fuehre aus:

wsl --install

Diese eine Zeile aktiviert WSL, laedt den Linux-Kernel herunter und installiert Ubuntu. Nach dem Neustart oeffnet sich Ubuntu automatisch und fragt nach Benutzername und Passwort. Gib einen kurzen Namen in Kleinbuchstaben ein.

Hinweis: Alle weiteren Arbeiten finden im Ubuntu-Terminal statt. Wenn du Claude Code in PowerShell oder CMD installierst, erscheint der Fehler “Windows is not supported”.

Methode 1: Native Installation (empfohlen)

Die einfachste Methode ohne Node.js.

curl -fsSL https://claude.ai/install.sh | bash

Nach der Installation pruefen:

claude --version

Wenn eine Versionsnummer erscheint, war es erfolgreich.

Methode 2: Installation ueber npm

Diese Methode ist fuer Personen mit Node.js-Erfahrung. Anfaenger nehmen Methode 1.

Wenn du bereits Node.js verwendest oder Versionsverwaltung brauchst.

Schritt 1 — Node.js installieren (mindestens Version 18)

# nvm (Node Version Manager) installieren
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash

# Terminal neu starten oder ausfuehren
source ~/.bashrc

# Node.js LTS installieren
nvm install --lts

# Pruefen
node --version   # v22.x.x oder hoeher ist OK
npm --version    # 10.x.x oder hoeher ist OK

Schritt 2 — Claude Code installieren

npm install -g @anthropic-ai/claude-code

Hinweis: Verwende nicht sudo npm install -g. Das verursacht Berechtigungs- und Sicherheitsprobleme.

Erster Start und Authentifizierung

# Zum Projektordner wechseln (erstellen falls noetig)
mkdir -p ~/projects/my-first-app
cd ~/projects/my-first-app

# Claude Code starten
claude

Beim ersten Start oeffnet sich der Browser zur Anthropic-Anmeldung. Nach der Anmeldung ist die Authentifizierung abgeschlossen und verbindet sich kuenftig automatisch.

WSL-Tipp: Lege Projekte immer im Linux-Dateisystem (/home/Benutzername/) an. Auf der Windows-Seite (/mnt/c/) wird das Lesen extrem langsam.

Installations-Checkliste

  • Gibt claude --version eine Versionsnummer aus
  • Zeigt claude eine Eingabeaufforderung an
  • Ist die Authentifizierung abgeschlossen (Browser-Anmeldung erfolgreich)

Schluesselwoerter — Das vollstaendige Woerterbuch

Auch ohne Code lesen zu koennen, braucht man minimale Schluesselwoerter, um die KI anzuleiten. Man muss nicht alle Programmierbegriffe lernen. Es reicht, die Richtung zeigen zu koennen.

Du musst nichts auswendig lernen. Die folgende Tabelle ist ein Nachschlagewerk. Lies sie einmal durch und komm zurueck, wenn die KI unbekannte Begriffe verwendet.

Backend — Der unsichtbare Motor

Das serverseitige Programm, das der Benutzer nicht sieht. Es empfaengt, verarbeitet, speichert und liefert Daten.

"Erstelle eine API mit Go Gin"
"Erstelle ein Backend mit FastAPI"
"Erstelle einen Node.js Express Server"
BegriffBedeutungAnalogie
APIStandard fuer die Kommunikation zwischen ProgrammenBestellformular im Restaurant
EndpunktAdresse jeder API-FunktionEinzelne Menuepunkte auf dem Bestellformular
ServerProgramm, das 24/7 laeuft und Anfragen verarbeitetDie Kueche
GoProgrammiersprache von Google. Schnell und einfach
GinTool (Framework) zum Erstellen von APIs mit Go
FastAPITool zum Erstellen von APIs mit Python. Leicht zu erlernen
Node.jsUmgebung zum Erstellen von Servern mit JavaScript

Frontend — Die sichtbare Oberflaeche

Was der Benutzer sieht und anklickt. Laeuft im Browser.

"Erstelle eine Oberflaeche mit React"
"Erstelle eine Login-Seite"
"Zeige die Liste als Tabelle"
BegriffBedeutungAnalogie
ReactJavaScript-Tool zur Erstellung von Oberflaechen. Derzeit am weitesten verbreitet
KomponenteOberflaechenstueck (Button, Eingabefeld, Liste etc.)Legosteine
SPAApp, deren Inhalt sich ohne Seitenwechsel aendert. Wie ein Chat — die Seite laedt nicht neu, nur der Inhalt aendert sich
CSSSprache fuer das Aussehen (Farbe, Groesse, Layout)Inneneinrichtung

Datenbank — Der Speicher

Wo Daten dauerhaft gespeichert werden. Auch nach Serverausfall bleiben Daten erhalten.

"Erstelle eine PostgreSQL-Datenbank"
"Erstelle eine Benutzertabelle"
"Speichere es in der DB"
BegriffBedeutungAnalogie
PostgreSQLDie vertrauenswuerdigste Open-Source-DatenbankTresor
TabelleDaten in Zeilen und Spalten organisiertExcel-Tabelle
DDLSprache zur Definition der TabellenstrukturSpaltenkoepfe in Excel setzen
CRUDCreate, Read, Update, DeleteZeilen in Excel hinzufuegen/ansehen/aendern/loeschen
SQLSprache fuer Datenbank-Befehle

Deployment — Der Welt praesentieren

Das Erstellte ins Internet bringen, damit andere darauf zugreifen koennen.

"Deploye es mit Docker"
"Lade es auf AWS hoch"
"Verbinde die Domain"
BegriffBedeutungAnalogie
DockerTool, das Programme in eine Box packt, damit sie ueberall gleich laufenUmzugscontainer
AWSCloud-Service von Amazon. Server, Speicher, Domains etc.Mietgebaeude
Deployment (deploy)Code auf einen Server hochladen und ausfuehrenLadeneroeffnung
CI/CDPipeline, die bei Codeaenderungen automatisch testet und deploytAutomatisches Liefersystem

Weitere haeufige Begriffe

BegriffBedeutungAnalogie
GitTool zur Versionsverwaltung von Code. SpeicherpunkteSpielstand speichern
CommitDen aktuellen Zustand speichernSpeichern druecken
GitHubService zum Speichern von Git-Repositories im InternetCloud-Speicherung
TerminalSchwarzer Bildschirm, in dem man dem Computer Textbefehle gibtPer SMS dem Assistenten Anweisungen geben
Verzeichnis/OrdnerBox zum Sortieren von DateienSchublade im Aktenschrank
JSONStandardformat fuer Datenaustausch. { } mit Name:Wert-PaarenPaketaufkleber-Format
UmgebungsvariableMethode, Passwoerter oder Einstellungen ausserhalb des Codes aufzubewahrenIm Tresor aufbewahrter Schluessel

Diese Begriffe muessen nicht auswendig gelernt werden. Wenn man der KI sagt “Du weisst schon, das Ding zum Speichern von Daten”, versteht sie es auch. Aber um die Antworten der KI zu verstehen, ist es gut, diese Begriffe zu kennen.

Jetzt, wo du die Schluesselwoerter kennst, ist die naechste Frage: Muss man der KI jedes Mal alles erklaeren? Erinnert sich die KI an fruehere Arbeit, wenn das Projekt waechst? Hier kommt das Kontextmanagement ins Spiel.

Kontextmanagement — Das Gedaechtnis der KI steuern

Wenn man fragt, was fuer KI am wichtigsten ist, nennen die meisten “ein kluges Modell”. Falsch. Kontext ist es.

Kontext sind alle Informationen, die die KI gerade im Gedaechtnis hat. Was du gesagt hast, was die KI gesagt hat, Projektdateien, Regeln — all das ist Kontext. Das Problem: Dieses Gedaechtnis hat Grenzen.

KI vergisst

Bei langen Gespraechen vergisst die KI fruehere Aussagen. Wenn du sagst “Kennst du die Login-Funktion von vorhin” und sie antwortet “Welche Login-Funktion?”, dann ist der Kontext verschwunden.

Eine neue Sitzung ist ein voelliges Blanko. Das naechtliche Gespraech von gestern ist verflogen. Darum funktioniert “Mach weiter” nicht.

Was tun also? Das Gedaechtnis in Dateien auslagern.

CLAUDE.md — Die Verfassung des Projekts

CLAUDE.md ist eine besondere Datei im Projektordner. Claude Code liest diese Datei automatisch bei jedem Sitzungsstart. Ohne dass du jedes Mal erklaerst, kennt die KI die Projektregeln von Anfang an.

Stell dir ein Briefing-Dokument fuer ein neues Teammitglied am ersten Tag vor. “So arbeitet unser Team, das darf man nicht, Wichtiges findest du hier.”

Hier ein Beispiel fuer den Inhalt einer CLAUDE.md. Es wird nicht ausgefuehrt — es wird in die Datei geschrieben und die KI liest es jedes Mal.

# CLAUDE.md

## Projektuebersicht
To-Do-Listen-App. Go Gin Backend + React Frontend + SQLite.

## Befehle
- `go run main.go` — Server starten (Port 8080)
- `cd frontend && npm run dev` — Frontend starten

## Regeln
- API-Antworten immer als JSON
- Fehlermeldungen auf Deutsch
- Bei neuen Features pruefen, dass bestehende Features nicht kaputtgehen

## Struktur
- `main.go` — Server-Einstiegspunkt
- `internal/handler/` — API-Handler
- `internal/model/` — Datenmodelle
- `frontend/src/pages/` — Oberflaechendateien

Die wichtigste Eigenschaft dieser Datei: Auch Menschen ohne Programmierkenntnisse koennen sie lesen und schreiben. Markdown ist ein einfaches Schreibformat, das mit # Ueberschriften und - Listen erstellt. Der Inhalt ist natuerliche Sprache.

Anforderungen.md — Protokoll der Entscheidungen

Du hast der KI gesagt “Zeige das Dashboard nach dem Login” und die KI hat es umgesetzt. Eine Woche spaeter sagst du “Aendere die Startseite nach dem Login zur Einstellungsseite” — die KI weiss nicht, was die urspruengliche Entscheidung war. Du hast es vielleicht auch vergessen.

Halte Entscheidungen in einer Datei fest.

# Anforderungen.md

## Authentifizierung
- Nur Naver-OAuth-Login unterstuetzt
- Nach erfolgreichem Login zum Dashboard weiterleiten (Entscheidung 2026-05-20)
- Keine Passwort-Wiederherstellung (wegen OAuth)

## To-Do-Verwaltung
- To-Dos haben Titel, Inhalt, Faelligkeit, Prioritaet
- Erledigte To-Dos nicht loeschen, sondern als erledigt markieren (Entscheidung 2026-05-21)
- Prioritaet in 3 Stufen: Hoch/Normal/Niedrig (Entscheidung 2026-05-21)

Das Datum ist wichtig, um spaeter nachverfolgen zu koennen: “Warum haben wir das so gemacht?”

Fortschritt.md — Aktuelle Position

# Fortschritt.md

## Erledigt
- [x] Projekt-Setup
- [x] Benutzertabelle erstellt
- [x] Login-API
- [x] To-Do CRUD API

## In Arbeit
- [ ] Frontend To-Do-Listenseite

## Geplant
- [ ] Prioritaetsfilter
- [ ] Faelligkeitserinnerungen

Wenn du der KI sagst “Mach weiter” und diese Datei existiert, weiss sie genau, wo du stehst.

Warum Dateien

Der Schluessel fuer Nicht-Programmierer, die KI in Langzeitprojekten zu steuern, liegt hier. Code kann man nicht lesen, aber Dokumente schon. CLAUDE.md oeffnen und pruefen “Stimmt diese Regel?”, Anforderungen.md um neue Entscheidungen ergaenzen, den Fortschritt.md ueberpruefen.

Ueberlass das Gedaechtnis der KI nicht der KI. Lagere es in Dateien aus und behalte es in der Hand.

Vibe-Coding-Muster

Vibe Coding wurde von Andrej Karpathy gepraeigt. Man codiert nach Gefuehl (Vibe). Man liest keinen Code. Man klickt und tippt auf der Oberflaeche. Bei Fehlern kopiert man die Fehlermeldung und gibt sie der KI. (Claude Code automatisiert diesen Prozess — es erkennt Fehler und versucht die Korrektur selbststaendig.)

Was du bereits tust, ist Vibe Coding. Systematisch zusammengefasst:

Grundablauf

Idee → KI anweisen → Ergebnis pruefen → Aenderung anfordern → Wiederholen

Ein echtes Gespraech sieht so aus:

Schritt 1: Datenstruktur zuerst

"Schau dir diese Excel-Datei an. Entwirf eine DB-Tabelle fuer diese Daten."

Die KI schlaegt eine Tabellenstruktur vor. “Diese Spalte brauch ich nicht”, “Das Datumsformat soll so sein” — Korrekturen anweisen.

Schritt 2: API erstellen

"Erstelle eine CRUD-API fuer diese Tabelle."

Die API entsteht. Funktionen zum Speichern und Abfragen. Zu diesem Zeitpunkt gibt es noch keine Oberflaeche. Aber die KI testet direkt im Terminal.

Schritt 3: Oberflaeche erstellen

"Erstelle eine React-Oberflaeche, die diese API aufruft. Liste, Hinzufuegen, Bearbeiten, Loeschen sollen moeglich sein."

Im Browser pruefen. Eine Liste erscheint, ein Hinzufuegen-Button ist da, Eingaben werden gespeichert.

Schritt 4: Features hinzufuegen

"Fuege eine Suchfunktion hinzu."
"Fuege einen Filter-Button fuer erledigte Eintraege hinzu."
"Sortiere nach Prioritaet."

Bis hierhin ist die goldene Phase des Vibe Codings. Bis 3 Features laeuft es magisch schnell.

Wie man prueft

Da man keinen Code liest, gibt es nur einen Weg: Selbst ausprobieren.

  • Oberflaeche im Browser oeffnen und klicken
  • Daten eingeben und pruefen, ob sie gespeichert werden
  • In der Liste erneut abfragen
  • Bearbeiten und loeschen testen

Bei Fehlern? Claude Code erkennt Fehler automatisch und versucht sie zu beheben. Kein manuelles Kopieren noetig.

Die KI repariert es selbst.

Die Grenzen dieses Musters

Vibe Coding ist erstaunlich schnell. Aber ab 5 Features passieren seltsame Dinge. Ein neues Feature bricht bestehende Funktionen. Die KI repariert es, und anderswo geht etwas kaputt. Das Whac-A-Mole-Spiel beginnt.

Warum? Die Antwort kommt in Lektion 2. Jetzt reicht es zu wissen, dass dieses Muster funktioniert — und dass es Grenzen hat.

Claude Code Praxisguide

Installiert — jetzt ausprobieren. Die grundlegende Bedienung erlernen.

Starten und Beenden

# Im Projektordner starten
cd ~/projects/my-first-app
claude

# Innerhalb von Claude Code kommunizieren
# Zum Beenden:
/exit

Grundlegende Kommunikation

In Claude Code einfach in natuerlicher Sprache sprechen.

> Erstelle in diesem Ordner einen Go Gin Server. Eine API auf Port 8080, die "Hello, World" zurueckgibt.

Die KI erstellt Dateien, installiert noetige Pakete und schreibt Code. Zwischendurch fragt sie “Darf ich diese Datei erstellen?”, “Darf ich diesen Befehl ausfuehren?”. Bei Genehmigung geht es weiter.

Nuetzliche Befehle

In Claude Code kann man Befehle mit Schraegstrich (/) verwenden.

BefehlFunktion
/exitClaude Code beenden
/clearGespraechsverlauf zuruecksetzen (Kontext-Reset)
/compactGespraech zusammenfassen und Kontext sparen
/helpHilfe

Kommunikationstipps

  1. Immer nur eine Aufgabe gleichzeitig. “Erstelle zuerst die Login-API” liefert bessere Ergebnisse als “Erstelle Login, Registrierung und Dashboard zusammen”.

  2. Konkret anweisen. “Zeige dem Benutzer bei Fehlern eine rote Nachricht” ist besser als “Mach es besser”.

  3. Claude Code behebt Fehler automatisch. Bei Fehlern erkennt und behebt Claude Code diese selbststaendig. Kein manuelles Kopieren noetig.

  4. Zwischendurch pruefen. Alle 2-3 Schritte im Browser pruefen ist sicherer als 10 Dinge auf einmal anzuweisen und erst am Ende zu pruefen.

  5. Bei langem Kontext neu starten. Ab 100 Dialogrunden sinkt die Antwortqualitaet. Mit /clear zuruecksetzen oder Claude in einem neuen Terminal starten.

Uebung: To-Do-Listen-App erstellen

Genug Theorie. Jetzt selbst machen.

Ziel

In einer Claude-Code-Sitzung eine To-Do-Listen-App erstellen und 3 Features hinzufuegen. Gesamtdauer 30-60 Minuten.

Voraussetzungen

Vor der Uebung muessen folgende Programme installiert sein. Falls nicht, einfach Claude Code bitten.

  • Go installiert: Sage Claude Code "Installiere Go"
  • Node.js installiert: Sage Claude Code "Installiere Node.js LTS"
  • Claude Code laeuft: Funktioniert claude --version?

Tipp: Keine Panik, wenn waehrend der Installation etwas Unbekanntes auftaucht. Frage Claude Code “Wie mache ich das?” und es erledigt sich.

Vorbereitung

# Projektordner erstellen
mkdir -p ~/projects/todo-app
cd ~/projects/todo-app

# Claude Code starten
claude

Schritt 1: Basis-App erstellen

Gib in Claude Code Folgendes ein:

Erstelle eine To-Do-Listen-Web-App.

Tech-Stack:
- Backend: Go + Gin
- Frontend: React
- Datenbank: SQLite (Datei-DB, ohne Installation nutzbar)

Features:
- To-Do hinzufuegen (Titel, Inhalt)
- To-Do-Liste anzeigen
- To-Do als erledigt markieren
- To-Do loeschen

Frontend einfach halten. Alles auf einer Seite sichtbar.
Backend-Server soll auch die Oberflaeche ausliefern.

Die KI beginnt zu arbeiten. Dateierstellung, Paketinstallation, Code schreiben — alles autonom. Genehmigungsabfragen akzeptieren.

Nach Abschluss den Server starten und im Browser pruefen.

Starte den Server und gib mir die Zugriffsadresse.

Oeffne http://localhost:8080 im Browser. To-Dos hinzufuegen, als erledigt markieren und loeschen ausprobieren.

Schritt 2: Feature hinzufuegen — Prioritaet

Fuege To-Dos eine Prioritaet hinzu. 3 Stufen: Hoch/Normal/Niedrig.
- Beim Hinzufuegen Prioritaet waehlbar
- In der Liste Prioritaet sichtbar
- Hoch = rot, Normal = blau, Niedrig = grau

Im Browser pruefen. Ein To-Do mit Prioritaet hinzufuegen.

Schritt 3: Feature hinzufuegen — Faelligkeitsdatum

Fuege To-Dos ein Faelligkeitsdatum hinzu.
- Beim Hinzufuegen Datum aus Kalender waehlen
- In der Liste Faelligkeit sichtbar
- Ueberfaellige To-Dos mit rotem Hintergrund hervorheben

Im Browser pruefen. Ein To-Do mit gestriger Faelligkeit sollte rot hervorgehoben sein.

Schritt 4: Feature hinzufuegen — Suche

Fuege eine Suchfunktion fuer To-Dos hinzu.
- Suchfeld ueber der Liste
- Filtert To-Dos, deren Titel oder Inhalt den Suchbegriff enthalten
- Echtzeit-Filterung beim Tippen

Im Browser pruefen. Mehrere To-Dos hinzufuegen und Suchbegriff eingeben.

Schritt 5: CLAUDE.md erstellen

Den aktuellen Projektzustand dokumentieren.

Erstelle die CLAUDE.md-Datei fuer dieses Projekt. Enthalte Projektuebersicht, Startbefehle, Verzeichnisstruktur und Feature-Liste.

Die generierte CLAUDE.md oeffnen und lesen. Beim naechsten “Mach weiter” in einer neuen Sitzung wird diese Datei zum Gedaechtnis der KI.

Schritt 6: Anforderungen.md erstellen

Selbst erstellen. Nicht die KI bitten — einen Texteditor oeffnen und Folgendes eintragen.

Editor-Hinweis (WSL-Nutzer):

  • Direkt im Terminal bearbeiten: nano Anforderungen.md (Speichern: Ctrl+O → Enter, Beenden: Ctrl+X)
  • Mit VS Code bearbeiten: code Anforderungen.md (VS Code verbindet sich automatisch mit WSL)
# Anforderungen.md

## To-Do-Verwaltung
- To-Dos haben Titel, Inhalt, Prioritaet (Hoch/Normal/Niedrig) und Faelligkeit
- Erledigte To-Dos nicht loeschen, sondern als erledigt markieren
- Ueberfaellige To-Dos mit rotem Hintergrund hervorheben

## Suche
- Suche in Titel und Inhalt
- Echtzeit-Filterung

## Technik
- Datenbank ist SQLite-Datei-DB
- Backend liefert auch das Frontend aus

Diese Datei hast du geschrieben, nicht die KI. Das ist wichtig. Du triffst die Entscheidungen und protokollierst sie.


Zusammenfassung Lektion 1

Was in dieser Lektion behandelt wurde:

  1. Tool-Landschaft: Editor-basiert (Cursor, Copilot) und Terminal-Agenten (Claude Code, Codex CLI)
  2. Claude Code: Autonome Verifikationsschleife, grosser Kontext, Multi-Datei-Bearbeitung — derzeit der leistungsfaehigste Terminal-Agent
  3. Installation: curl -fsSL https://claude.ai/install.sh | bash — ein Einzeiler genuegt
  4. Schluesselwoerter: Backend, Frontend, DB, Deployment — nur genug kennen, um die Richtung zu zeigen
  5. Kontextmanagement: CLAUDE.md (Regeln), Anforderungen.md (Entscheidungen), Fortschritt.md (Status) lagern das KI-Gedaechtnis aus
  6. Vibe-Coding-Muster: Excel → DB-Design → API → Oberflaeche → Features. 3 Features = Magie, ab 5 = Risse

Vorschau naechste Lektion: “Warum es bei 5 Features zusammenbricht.” Wir fuegen der App aus Lektion 1 nacheinander 5 Features hinzu. Etwa beim dritten bricht eine bestehende Funktion — das erlebst du direkt. Dann analysieren wir die Ursache strukturell.


Aufgabe

Nach Abschluss der Uebung aus Lektion 1 folgendes zusaetzlich probieren:

  1. 2 weitere Features hinzufuegen: Egal was. Kategorien, Dark Mode, Sortierung etc. Beobachte, bis wohin es reibungslos laeuft und ab wann es seltsam wird.

  2. CLAUDE.md verfeinern: Die von der KI erstellte CLAUDE.md oeffnen und lesen. Gibt es unverstaendliche Teile? Fehlen Informationen? Selbst bearbeiten.

  3. In neuer Sitzung fortsetzen: Claude Code beenden und neu starten. “Fuehre die laufende Funktion fort” sagen. Den Unterschied mit und ohne CLAUDE.md beobachten.


Reins Engineering Gesamtkurs

LektionTitel
Lektion 1Wie man KI anleitet
Lektion 2Warum man KI nicht trauen kann
Lektion 3Apps die nicht kaputtgehen
Lektion 4Entscheidungen aus dem Code heraus
Lektion 5KI mit Zuegeln
Lektion 6Bestanden heisst gesperrt
Lektion 7Schmeichelei umkehren
Lektion 8Die Fabrik des Agenten
Lektion 9Automatisierung jenseits des Codes
Lektion 10Das Gesetz der Daten