Agentic Coding - Moderne App-Entwicklung mit KI-Tools

Willkommen in der Welt des agentischen Programmierens! In diesem praxisorientierten Bildungsurlaub erleben Sie hautnah, wie moderne KI-Tools die Softwareentwicklung grundlegend verändern. Sie entwickeln gemeinsam mit dem Kursleiter und den Teilnehmenden eine vollständige, produktionsreife Webanwendung – von der ersten Zeile Code bis zur live geschalteten App.

Im Mittelpunkt stehen modernste Agentic-Coding-Tools wie Claude Code, Cursor, Gemini CLI und OpenAI Codex. Sie lernen nicht nur, diese Werkzeuge effektiv einzusetzen, sondern auch deren Stärken und Schwächen kritisch zu bewerten. KI wird dabei nicht blind vertraut, sondern als intelligenter Assistent eingesetzt, dessen Ausgaben stets reflektiert und geprüft werden.

Am Ende des Kurses haben Sie eine funktionierende App online, die alle wesentlichen Bausteine moderner Webentwicklung vereint: ein React-Frontend, ein REST-API-Backend, SQL- und NoSQL-Datenbanken, eine vollständige Authentifizierungslogik sowie ein automatisiertes Deployment über CI/CD. Vor allem aber haben Sie ein tiefes Verständnis dafür entwickelt, wie KI-Agenten den Entwicklungsprozess beschleunigen und welche Rolle der Mensch dabei behält.

2. Themen und Inhalte

Die Themen und Inhalte der einzelnen Module sind nachfolgend dargestellt. Jeder Kurstag entspricht einem Modul und baut auf dem vorherigen auf. Am Ende jedes Tages steht ein konkretes, lauffähiges Ergebnis.

2.1. Modul 1: Setup, Tool-Überblick & Projektstart

• Einführung in Agentic Coding: Was sind KI-Agenten und wie verändern sie die Softwareentwicklung?
• Tool-Vergleich im Live-Test: Claude Code, Cursor, Gemini CLI, OpenAI Codex und VS Code
• Einrichtung der Entwicklungsumgebung und Konfiguration aller Tools
• Projektidee definieren: gemeinsame Anforderungen per KI generieren lassen
• Monorepo-Struktur mit KI-Unterstützung aufsetzen, README und .env-Konzept erstellen
• Git-Workflow mit KI: Commits, Branches und Pull Requests mit Agentic Tools
• Einfache Coding Agenten vs. Sub-Agents und Agent-Teams

2.2. Modul 2: Backend & Datenbanken

• Datenbankdesign mit KI: SQL-Schema (PostgreSQL) per Prompt entwerfen und Migrations generieren
• NoSQL-Datenbanken (MongoDB/Redis) für Activity-Logs und Session-Daten
• REST API Entwicklung: Node.js/Express oder FastAPI komplett mit Cursor und Claude Code
• CRUD-Endpoints für Tasks, User und Kommentare
• API-Testing und Fehleranalyse mit Gemini CLI und Claude Code
• Debugging-Strategien: Wie kommuniziert man Fehlermeldungen effektiv an den Agenten?

2.3. Modul 3: Authentifizierung & Sicherheit

• JWT & Refresh Tokens: Konzept verstehen und mit Claude Code implementieren
• OAuth 2.0 (Google Login): KI recherchiert Bibliotheken und schlägt Implementierung vor
• Role-Based Access Control (RBAC): Benutzerrollen und Berechtigungen
• Sicherheits-Middleware: Rate Limiting, Input Validation – Agent generiert, Gruppe reviewt
• Sicherheitsrisiken erkennen: Wie bewertet man KI-generierten Sicherheitscode?
• End-to-End-Test: Login, Token-Refresh und Logout in der Praxis

2.4. Modul 4: Frontend-Entwicklung

• React + TailwindCSS: Komponenten per Prompt mit Cursor aufbauen
• API-Anbindung: Axios/Fetch mit Claude Code; asynchrones State Management
• Zustandsverwaltung (Zustand/Context API) und Protected Routes
• Formulare, Validierung und Fehlerbehandlung im Frontend
• UX-Review mit Claude Code: Zugänglichkeit und Benutzerfreundlichkeit prüfen lassen
• Integration Frontend + Backend: vollständiger End-to-End-Test der App

2.5. Modul 5: Deployment, CI/CD & Abschluss

• Cloud Deployment auf Vercel, Railway, Render oder einem eigenen VPS
• CI/CD-Pipeline mit GitHub Actions: Gemini CLI und Claude Code generieren YAML-Konfigurationen
• Abschlusspräsentationen: Jeder stellt seine live geschaltete App vor
• Reflexion Agentic Coding: Chancen, Grenzen und Zukunft der KI-gestützten Entwicklung

5. Voraussetzungen

Der Kurs erfordert grundlegende Kenntnisse in der Programmierung.

Die folgenden Kenntnisse sollten vorhanden sein:

• Grundkenntnisse in mindestens einer Programmiersprache (JavaScript, Python oder ähnlich)
• Verständnis von HTML und CSS-Grundlagen
• Erste Erfahrungen mit der Kommandozeile (Terminal/Shell)
• Grundlegendes Verständnis von HTTP und REST

Der Kurs findet auf Basis von Visual Studio Code bzw. Cursor statt. Den Teilnehmenden steht es frei, eine andere Entwicklungsumgebung zu nutzen, allerdings kann in diesem Fall weniger individueller Support geleistet werden.