AI/Grundlagen

Kernkonzept

Die grundsätzliche Funktion von Claude Code verstehen und die Arbeitsumgebung vorbereiten. Claude Code ist ein agentengestütztes Codierungswerkzeug, das die Codebasis liest, Dateien bearbeitet, Befehle ausführt und sich in die bestehenden Entwicklungstools integriert (Terminal, IDE, Desktop-App, Web).

Modul 1: Grundlagen und Erste Schritte (Quickstart)

Lernziele

Erfolgreiche Installation von Claude Code auf verschiedenen Betriebssystemen (macOS, Windows).
Eigenständige Anmeldung und Einrichtung der Accounts (OAuth, Anthropic Console, API-Keys).
Starten von Claude Code im eigenen Projektverzeichnis zur Kontext-Erfassung.
Sichere Beherrschung von Basis-Interaktionen und Kommandozeilen-Befehlen (Hilfe, Kompaktansicht, Löschen des Verlaufs).

Thema 1 - Installation

Lektion: Wie man Claude Code auf dem eigenen System installiert:

macOS & Linux: Die einfachste Installation erfolgt entweder über Homebrew mit brew install --cask claude-code oder per Bash-Skript: curl -fsSL https://claude.ai/install.sh | bash. Wer npm bevorzugt, kann auch npm install -g @anthropic-ai/claude-code (falls unterstützt) verwenden.
Windows: Installation über den Windows Package Manager mit winget install Anthropic.ClaudeCode. Alternativ per PowerShell: irm https://claude.ai/install.ps1 | iex

Übung: 1. Führe die für dein Betriebssystem passende Installationsmethode durch. 2. Überprüfe anschließend im Terminal mit dem Befehl claude --version (oder ähnlichen Prüfbefehlen), ob die Installation erfolgreich war.

Thema 2 - Login und Einrichtung

Lektion: Um Claude Code zu nutzen, benötigst du einen gültigen Account (Claude Pro, Max, Teams, Enterprise) und musst dich authentifizieren. Der Prozess startet über den Befehl claude (beim ersten Mal wirst du aufgefordert, dich anzumelden) oder aktiv via /login innerhalb der CLI. Die Authentifizierung geschieht über OAuth. In der Anthropic Console wird bei Erstnutzung automatisch ein "Claude Code" Workspace angelegt, über den du API-Zugriff, Kosten und Guthaben verfolgen kannst.

Übung: 1. Starte dein Terminal, tippe claude und folge dem Authentifizierungs-Link im Browser. 2. Logge dich später in der Anthropic Console ein und suche deinen Workspace, um deine Abrechnungsdaten (Abonnement und Balance) zu überprüfen.

Thema 3 - Erstes Projekt

Lektion: Claude Code arbeitet effizient, wenn es direkt im Verzeichnis deines Projekts gestartet wird. Dadurch "sieht" der Agent alle relevanten Dateien. Du navigierst per Terminal in das Projektverzeichnis (z. B. cd dein-projekt) und startest die CLI erneut mittels claude. Dies etabliert den nötigen Kontext.

Übung: 1. Erstelle einen neuen Ordner namens hello-claude und wechsle hinein (mkdir hello-claude && cd hello-claude). 2. Erstelle eine leere Datei namens index.js. 3. Tippe claude ein, um die Agenten-Sitzung in diesem neuen Projekt zu starten.

Thema 4 - Basis-Interaktionen

Lektion: Die Interaktion mit Claude Code erfolgt über fließende Konversation oder über sogenannte Slash-Befehle, die Systemaktionen auslösen:

/help : Zeigt das Hilfemenü und alle Shortcuts (wie Tab-Vervollständigung).
/clear : Löscht den aktuellen Verlauf der Sitzung, sodass du mit einem frischen Kontext startest.
/compact : Komprimiert den aktuellen Verlauf, um wertvolle Token zu sparen.

Spezifische Fragen zur Codebasis stellst du in natürlicher Sprache, z. B.: "what does this project do?" oder "add a hello world function to the main file". Claude zeigt Änderungen an und fragt nach deiner Bestätigung.

Übung: 1. Öffne die Sitzung im Ordner "hello-claude". 2. Schreibe: "Füge eine Hello-World-Funktion zu index.js hinzu". 3. Überprüfe die von Claude angezeigten Code-Änderungen und bestätige sie. 4. Experimentiere mit den Befehlen /help und /compact.

Projektbasiertes Lernen: 50 eigene Mini-Projekte

Lerne die Interaktion mit Claude Code durch praxisnahe 10-Minuten-Herausforderungen.

Setup-Check: Initialisiere ein leeres Git-Repository, starte Claude Code und frage nach dem aktuellen Projektstatus.
Die Hello-World App: Lass Claude Code ein simples "Hello World" in Python oder Node.js schreiben.
Skript-Ausführer: Bitte Claude, dein erstelltes "Hello World"-Skript auf der Konsole auszuführen.
Struktur-Analyst: Klon das Repo eines beliebigen Tools und frage Claude Code, wie das Projektverzeichnis strukturiert ist.
Befehls-Forscher: Nutze den /help Befehl und bitte Claude Code um Beispiele zu spezifischen Befehlsoptionen.
Fehlersucher: Baue bewusst einen Syntaxfehler in deinen Code ein und bitte Claude Code: "find and fix the bug in my file".
Commit-Automat: Ändere eine Datei und nutze claude "commit my changes with a descriptive message".
Dokumentations-Schreiber: Bitte um die Erstellung einer ausführlichen README.md für dein leeres Projekt.
Token-Sparfuchs: Führe eine lange Unterhaltung, nutze dann /compact und beobachte den Effekt.
Der saubere Neustart: Nutze den /clear Befehl, nachdem du experimentiert hast.
Branch-Ersteller: Sage "create a new branch called feature/test" über Claude.
Log-Prüfer: Tippe "show me the last 5 commits" und lass es dir von Claude übersetzen.
Änderungs-Tracker: Frage "what files have I changed?" in einem modifizierten Repo.
Bash-Scripter: Lass dir von Claude ein Bash-Skript schreiben, das automatisch drei Testverzeichnisse anlegt.
HTML-Gerüstbauer: Lass Claude eine index.html mit Standard-Boilerplate generieren.
CSS-Designer: Lass ein Stylesheet hinzufügen und mit der HTML-Datei verknüpfen.
Stack-Detektiv: "what technologies does this project use?" in einem großen Frontend-Repo.
Entrypoint-Finder: "where is the main entry point in this directory?"
Docker-Containerisierer: "can Claude Code work with Docker? Bitte gib mir ein Dockerfile."
Code-Modernisierer: Wandle alten Callback-Code vollautomatisiert in ES6 Async/Await um.
Unit-Tester: "write unit tests for the calculator functions".
Desktop-Wechsler: Pausiere die Sitzung im Terminal und leite sie mit /desktop an die Desktop-App weiter.
Web-Teleporter: Sende deine Sitzung übers Terminal an die Web-Umgebung mit /teleport.
Pipeline-Übersetzer: claude -p "translate new strings into French and raise a PR for review" (Simuliere diesen Workflow lokal).
Sicherheits-Scan: Pipe einen Befehl: git diff main --name-only | claude -p "review these changed files for security issues".
Log-Wächter: Pipe Logs: tail -n 100 app.log | claude -p "Slack me if you see any anomalies".
Prettier-Formatierer: Bitte Claude, den gesamten Code im Verzeichnis zu formatieren.
NPM-Manager: Bitte um Hinzufügen einer Library (z.B. axios) via package.json.
Datenbank-Designer: "create a new database table structure for user profiles".
API-Routenersteller: "create an API endpoint to get and update user profiles".
Metrik-Dashboarder: "build a dashboard showing products that are most frequently returned".
Git-Ignorierer: Lass eine saubere .gitignore für dein Setup generieren.
Linting-Bändiger: Lass alle ESLint-Warnungen auf einmal fixen.
Sprachen-Übersetzer: Gib ihm eine Python-Klasse und bitte um eine C++ Variante.
Regex-Profi: Bitte um einen komplexen regulären Ausdruck samt Testfällen in JS.
Daten-Converter: Skript, um eine CSV in JSON umzuwandeln.
Local-Server-Host: "Setze schnell einen lokalen Webserver für Port 8080 auf."
Passwort-Generator: Lass dir ein Skript schreiben, das randomisierte sichere Passwörter ausspuckt.
Webhook-Fänger: Einen minimalistischen Express-Server schreiben, der Webhooks empfängt.
Markdown-Parser: Kleines Node-Tool, das eine Markdown-Datei liest und als HTML speichert.
ENV-Sicherer: Bitte Claude um das Verwalten der .env Datei und der zugehörigen .env.example.
Externe-API-Abfrage: Skript schreiben, das das aktuelle Wetter aus einer offenen API abfragt.
Terminal-Rechner: Ein CLI-Tool erstellen lassen, das Matheaufgaben löst.
HEX-to-RGB: Skript zum Konvertieren von Farbwerten.
Bilder-Downloader: Ein Tool schreiben, welches Bilder aus Arrays von URLs herunterlädt.
Wort-Zähler: Eine Funktion zur Analyse von Textdokumenten schreiben.
JSON-Fixer: Claude defekte JSONs zur Reparatur übergeben.
Weltzeit-Uhr: Ein Programm, das die Zeit von 5 verschiedenen Zeitzonen gleichzeitig ausgibt.
System-Monitor: Python-Skript programmieren lassen, das die RAM-Auslastung ausliest.
Custom-Skills-Frager: "how do I create custom skills in Claude Code?" und einen Skill entwerfen.

Top-Down-Lernen: 25 Große Projekte

Komplexe und übergreifende Use-Cases, bei denen Claude Code als vollwertiger Programmier-Assistent fungiert. Lerne, wie du architektonische Aufgaben delegierst und Iterationen durchführst.

Full-Stack ToDo-Anwendung: Von der Datenbank via Prisma über die Express-API bis zum React-Frontend: Lass Claude Code den Tech-Stack einrichten und die CRUD-Logik programmieren.
Entwickler-CLI-Ecosystem: Baue ein eigenes Kommandozeilenwerkzeug (z.B. in Go oder Node), typisiere es und lass Claude Code die Argument-Navigation implementieren.
Wetter-Dashboard mit Auth: Eine Web-App, die Wetter-APIs nutzt, mit JWT-Authentifizierung zum Speichern bevorzugter Städte pro Nutzer.
Mini-CMS (Blog Plattform): Erstellung eines Content-Management-Systems mit SQLite-Datenbank, Templating-Engine und Admin-Dashboard.
Automatisierte Testing-Suite: Gehe in ein vorhandenes ungetestetes Open-Source Projekt und weise Claude an: "Schreibe eine vollständige Testabdeckung mit Jest."
Interaktive Portfolio-Website: Lasse Claude dein HTML/CSS/JS (oder Next.js) basierendes Portfolio inkrementell gestalten inkl. Dark Mode und Animationen.
E-Commerce Checkout Loop: Zustandbasiertes Frontend für einen Shop-Warenkorb inkl. simulierter Stripe-Zahlungsanbindung entwickeln lassen.
Terminal-Chatbot: Bau eines eigenen CLIs, welches Anfragen an die Anthropic API weitergibt und Markdown hübsch in der Konsole rendert.
Automatischer Datei-Organizer: Ein Python-Programm, das den Downloads-Ordner nach Dateiendungen überwacht und alle Files in Unterordner sortiert.
CI/CD Pipeline Architekt: Die Einrichtung komplexer GitHub Actions / GitLab CIs (Linting, Testing, Auto-Deploy) allein durch Claude delegieren.
Slack-Bot für Team-Benachrichtigungen: Erstelle einen interaktiven Node.js-Bot, der auf Slash-Commands und Webhooks in einem Workspace hört.
Persönlicher Budget-Tracker: Web-Applikation zur Ausgabenverwaltung, inkl. Datenvisualisierung über Chart.js.
Pomodoro-Timer App: Eine Electron- oder Tauri-App entwickeln, die plattformübergreifend den Desktop-Timer mit Benachrichtigungen ermöglicht.
Kryptowährungs-Ticker (WebSockets): Konsum und Visualisierung von Live-Währungsdaten per WebSocket in Echtzeit.
Notizen-App mit Markdown (CRUD): Frontend/Backend Entwicklung zum Speichern von Notizen inkl. Suchfunktion und Tagging.
URL-Shortener Microservice: Komplettes Backend (z.B. Python/FastAPI) für URL-Kürzung und Redirect Tracking.
Automatisierter News-Aggregator: Scraping-Tool (mit Cheerio/BeautifulSoup), das Tech-News aggregiert und morgendliche Summaries mailt.
Live-Quiz Application: Datenbank-gestütztes Multiplayer-Quiz über Socket.io (Node.js).
Sicherer Passwort-Manager CLI: Ein AES-verschlüsseltes Terminal-Programm zum lokalen Speichern von Anmeldedaten.
Gruppen-Ausgaben-Rechner (Expense Splitter): Ein Tool zur Kostenaufteilung, komplett mit ausgeklügelten Randfall-Berechnungen und Unit-Tests.
Erweiterte Custom Claude Skills: Erstelle tiefgreifende eigene Skills und Hooks für dein Projekt (z. B. ein /deploy-staging Workflow-Verknüpfung).
Legacy-Code Refactoring Marathon: Biete Claude Code ein echtes Open-Source-Projekt an und delegiere weitreichendes TypeScript-Refactoring.
Serverless Bilder-Galerie: Architektur und Code für AWS Lambda / S3 Uploads über ein Frontend generieren lassen.
Git-Hooks und Pre-Commit System: Konfiguration von Husky/Lint-Staged zur Erzwingung von Code-Standards vor jedem Commit, konfiguriert von Claude.
Agenten-Orchestrierung: Definiere ein komplexes Lastenheft und weise Claude an, das Projekt Modul für Modul abzuarbeiten und Test-Coverage vorzuweisen, ohne dass du den Code manuell anfassen musst.

Kategorien: Keine

Zuletzt aktualisiert am 05.03.2026 06:13