Webanwendungen entwickeln mit Claude und anderen KI-Agenten

In diesem zweitägigen Praxisseminar lernst du, wie du Claude Code (Anthropic), GitHub Copilot, Cursor und andere KI-Agenten gezielt einsetzt, um Webanwendungen zu planen, zu entwickeln und zu warten. Du arbeitest von Anfang an hands-on — vom Prompt-Engineering über Frontend- und Backend-Generierung bis hin zu Tests, Code-Reviews und Deployment. Am Ende hast du nicht nur eine funktionsfähige Webanwendung gebaut, sondern weißt auch, welches Tool wann die beste Wahl ist und worauf du bei KI-generiertem Code achten musst.

Für wen ist dieses Seminar

Webentwickler:innen (Frontend, Backend oder Fullstack), die KI-Tools produktiv in ihren Workflow integrieren möchten
IT-Projektleiter:innen und technische Leads, die das Potenzial von KI-gestützter Entwicklung bewerten wollen
Quereinsteiger:innen mit Grundkenntnissen in HTML/CSS/JS, die ihre Produktivität durch KI-Agenten steigern möchten

Das Angebot richtet sich an Unternehmen, Behörden und Selbstständige.

Was du mitbringen solltest

Praktische Erfahrung in der Webentwicklung (Frontend oder Backend) und im Umgang mit Git. Vorkenntnisse im Prompt-Engineering oder in der KI-Programmierung sind nicht erforderlich — du wirst systematisch von den Grundlagen bis zur Automatisierung mit autonomen Coding-Agenten geführt.

Wer eher an KI als Werkzeug im PHP-spezifischen Entwicklungsalltag interessiert ist, findet das kompakter in „KI & VibeCoding für PHP-Entwickler". Wer stattdessen einen KI-Coding-Assistenten komplett lokal und ohne Cloud-Anbindung betreiben will, ist bei „Programmieren mit lokaler KI" richtig — dieses Seminar arbeitet dagegen mit Cloud-Agenten wie Claude Code.

Detaillierte Inhalte

Einführung & Landscape

Überblick: KI-Agenten im Webentwicklungs-Workflow (Claude Code, Copilot, Gemini, …)
Wie LLMs (Sprachmodelle) Code verstehen und generieren — Möglichkeiten und Grenzen
Erstes Projekt mit Claude Code aufsetzen

Frontend mit KI-Unterstützung

HTML/CSS/JS-Scaffolding per Prompt
Komponenten generieren (Formulare, Tabellen, Navigation)
Praxis: Landing Page mit Claude bauen
Prompt-Engineering für UI-Aufgaben: präzise Anweisungen, Kontext geben
Barrierefreiheit (Accessibility) von KI-generierten Oberflächen prüfen, statt sie ungeprüft zu übernehmen

Backend & Datenbank

API-Endpunkte generieren (PHP, Node.js oder Python)
Datenbankschema entwerfen mit KI-Unterstützung
SQL-Migrationen und Seed-Daten erstellen lassen
Sicherheit: SQL-Injection, XSS — was die KI richtig macht und wo du prüfen musst

Hands-on Projekt: CRUD-Webanwendung

Übung: CRUD-Webanwendung von Grund auf mit KI-Agent erstellen
Arbeiten mit Projektkontext (CLAUDE.md, .cursorrules etc.)
Code-Review: Was hat die KI gut gemacht, wo musst du nachbessern?

Fortgeschrittene Techniken

Multi-File-Editing und Refactoring mit KI-Agenten
Tests generieren und Bugs fixen lassen
Git-Workflows: Commits, PRs, Code-Reviews mit KI-Unterstützung
MCP-Server und Tool-Integration (Datenbanken, APIs, Browser)
Rechte und Sicherheit von Agenten: Freigaben (Permissions) gezielt erteilen, Umgang mit Secrets/API-Keys, Sandbox-Ausführung statt vollem Systemzugriff

Agenten vergleichen & kombinieren

Claude Code vs. GitHub Copilot vs. Cursor vs. Windsurf — Stärken und Schwächen
Wann welches Tool? Entscheidungshilfen für den Alltag
KI-Agenten in bestehende Projekte integrieren
Kosten, Datenschutz und Unternehmenseinsatz

Hands-on Projekt: Vollständige Webanwendung

Praxisprojekt: Vollständige Webanwendung mit KI-Unterstützung
Frontend, Backend, Datenbank, Deployment-Konfiguration
Arbeiten in Kleingruppen mit verschiedenen KI-Tools
Troubleshooting: Wenn die KI nicht das liefert, was du willst

Best Practices & Abschluss

Prompt-Patterns für wiederkehrende Webentwicklungs-Aufgaben
Qualitätssicherung: Code-Review-Checkliste für KI-generierten Code
Diskussion: Wie verändert sich die Rolle des Entwicklers?

Dauer: 2 Tage

Was du danach kannst

KI-Agenten gezielt einsetzen — Prompts formulieren, die präzise und verwertbare Ergebnisse für Frontend, Backend und Datenbank liefern
Projektkontext effektiv bereitstellen — mit CLAUDE.md, .cursorrules und ähnlichen Konfigurationen die Codequalität der KI-Ausgabe steuern
Tools bewerten und auswählen — Stärken und Schwächen von Claude Code, Copilot, Cursor und Windsurf kennen und situationsgerecht einsetzen
KI-generierten Code kritisch prüfen — Sicherheitslücken, Architekturprobleme, typische Fehler und die Barrierefreiheit generierter Oberflächen erkennen
Rechte und Sicherheit von Agenten einordnen — Freigaben, Umgang mit Secrets und Sandbox-Ausführung statt vollem Systemzugriff
Vollständige Webanwendungen mit KI-Unterstützung bauen — vom Datenbankschema über die API bis zur fertigen Oberfläche

Dein Dozent

Frank Glück schult seit mehr als 30 Jahren und programmiert seit fast 40 Jahren. Seit 1999 ist er auch als Dozent für die GFU tätig.

Häufige Fragen (FAQ)

Welche Programmiersprachen und Frameworks werden im Kurs unterstützt?

Der Workshop ist methodisch aufgebaut und technologieoffen. Wir demonstrieren Workflows primär anhand gängiger Web-Stacks (z. B. PHP, JavaScript/TypeScript, Python, React, modernem HTML/CSS und SQL), gehen aber flexibel auf den bevorzugten Technologie-Stack deines Entwicklungsteams ein.

Wie bleibt mein Quellcode und mein Betriebsgeheimnis beim Einsatz von KI-Tools geschützt?

Datenschutz und IP-Schutz sind zentrale Themen des Kurses. Wir behandeln den datenschutzbewussten Einsatz von API-Schnittstellen (Zero-Data-Retention-Policies), zeigen dir den sicheren Einsatz lokaler Open-Source-Modelle über Ollama für sensible Daten — ohne Übermittlung an Cloud-Anbieter — und konfigurieren Ignore- und Freigaberegeln, die Betriebsgeheimnisse und .env-Dateien vom Versand an externe LLMs ausschließen sollen — inklusive ihrer Grenzen und wie du sie prüfst.

Welche Vorkenntnisse solltest du mitbringen?

Du solltest praktische Erfahrung in der Webentwicklung (Frontend oder Backend) und im Umgang mit Git mitbringen. Vorkenntnisse im Prompt-Engineering oder in der KI-Programmierung sind nicht erforderlich – der Kurs führt dich systematisch von den Grundlagen bis zur Automatisierung mit autonomen Coding-Agenten.