Webanwendungen entwickeln mit Claude und anderen KI-Agenten

In diesem Praxisseminar entwickelst du eine Webanwendung mit KI-Agenten – neu von Grund auf oder aus einem bestehenden Projekt heraus. Am Anfang steht dein Zielbild, und das hängt von der Ausgangslage ab: eine fertige neue Anwendung oder eine bestehende, die besser werden soll – schöner, mit mehr Funktionen, sicherer oder moderner. Daraus entstehen Pflichtenheft, Designregeln und ein Plan, den der Agent in Etappen umsetzt; Hooks und Prüfungen sorgen dafür, dass Stil und Regeln auch dann gelten, wenn niemand hinsieht. Statt Vibe-Coding geht es um eine Arbeitsweise, die in echten Projekten trägt – wenn der Code nicht nur heute laufen, sondern morgen noch stimmen und wartbar sein soll.

Für wen ist dieses Seminar

Webentwicklerinnen und -entwickler (Frontend, Backend oder Fullstack), Fullstack-Teams sowie technische Projektleitungen, die KI-Agenten produktiv in ihre Webprojekte bringen wollen.

Das Angebot richtet sich an Unternehmen, Behörden und öffentliche Einrichtungen, Vereine und Verbände sowie Selbstständige.

Was du mitbringen solltest

Grundkenntnisse in HTML, CSS, JavaScript, PHP und SQL sowie Erfahrung mit Git. Vorkenntnisse mit KI sind nicht erforderlich.

Willst du aus einer Idee schnell Prototypen bauen und den besten davon zur Anwendung machen, ist „KI & Vibe-Coding für PHP-Entwickler“ der passende Einstieg. Große, alte und gemeinsam bearbeitete Projekte mit Datenbank- und Klassendesign, Wartung und Teamarbeit behandelt „Professionelle Softwareentwicklung mit KI-Agenten“.

Detaillierte Inhalte

Tag 1 – Zielbild und Einstieg

Ausgangslage und Zielbild: neue Anwendung bauen oder bestehende verbessern – und woran du merkst, dass du angekommen bist
Warum schreibt die KI mal brillanten und mal unbrauchbaren Code?
Welches Modell, wie viel Denkaufwand – und was kostet das?
Darf der Agent Zugangsdaten lesen, und was geschieht mit deinem Code beim Anbieter?

Tag 1 – Vibe-Coding und professionelles Arbeiten

„Mach es schöner“ gegen einen Auftrag mit Kriterien: Beispielprompts im Vergleich
Wann ist der schnelle Prototyp richtig, und wann wird er zur Last?

Tag 1 – Vom Pflichtenheft zum Plan

Der Agent legt los, bevor die Anforderung klar ist: Wie kommen die offenen Fragen auf den Tisch?
Prompt-Aufbau: Was gehört in den Auftrag, und was in die Plandatei?
Alternativer Start mit Bestandsprojekt: PHP-Upgrade, Refactoring und Audits statt Pflichtenheft

Tag 1 – Stil und Design festschreiben

Generiertes HTML und CSS, das nicht zu deinen Vorgaben passt
Designregeln, die der Agent versteht: Farben, Abstände, Komponenten, Barrierefreiheit

Tag 1 – Frontend mit KI

Oberflächen, in denen Darstellung und Logik untrennbar verknotet sind
JavaScript, das morgen noch jemand lesen kann

Tag 2 – Regeln durchsetzen

Regeln, die der Agent ignoriert: Woran liegt es?
Hooks und Prüfungen: Das Programm prüft die Designregeln, nicht die Ermahnung

Tag 2 – Backend und Datenbank

Schnittstellen und Tabellen von der KI entwerfen lassen: Was fehlt typischerweise?
Migrationen, die man auch zurücknehmen kann

Tag 2 – Sicherheit von KI-generiertem Webcode

SQL-Injection, XSS, CSRF: Wie sicher ist KI-generierter Code wirklich?
Prompt Injection: Wann wird ein präpariertes Dokument gefährlich?

Tag 2 – Praxisprojekt

Vom Lastenheft zum geprüften Modul: Wo geht es schief, wenn die KI einfach loslegt?
Wer prüft, ob das Ergebnis wirklich der Anforderung entspricht?

Tag 3 – Skills, Tests und CI (dreitägige Fassung)

Wiederkehrende Abläufe, die der Agent jedes Mal anders erledigt: ein Skill, der eine Komponente nach deinen Designregeln baut
Der Agent behebt einen Fehler – aber war es wirklich dieser?
Mutationstests: Alle Tests grün – aber prüfen sie auch das Richtige?
CI als Qualitätsprüfung: Jede Änderung läuft durch Tests, Stil- und Sicherheitsprüfung, bevor sie zählt

Wahlbausteine (je nach Zeit)

Lokale KI im eigenen Haus: Wann ist sie die bessere Wahl? (am dritten Tag)
Optimierung messen: Langsame Seiten und doppelte Daten – erkennt die KI ihre eigenen Fehler?
Performance- und Dopplungs-Audit über die ganze Anwendung
Mehrere KI-Werkzeuge an einem Projekt: Wer befolgt welche Regeln?
REST-Schnittstelle: Eingaben von außen prüfen, isoliert testen, Dokumentation aktuell halten
Compliance: Darf KI hier eingesetzt werden, und wie weist du das nach?

Dauer: 3 Tage, auf Wunsch als zweitägige Fassung ohne die Themen des dritten Tages · Durchführung: remote oder inhouse bei euch – deutschlandweit, in Österreich und der Schweiz

Was du danach kannst

Ein Zielbild festlegen — je nach Ausgangslage die fertige neue oder die verbesserte bestehende Anwendung, mit Kriterien, an denen das Ergebnis gemessen wird
Vom Pflichtenheft zum Plan — Anforderungen klären, Aufträge aufbauen und in Etappen umsetzen lassen, neu oder in einem Bestandsprojekt
Stil und Design festschreiben — Designregeln so formulieren, dass der Agent sie versteht, und mit Hooks und Prüfungen durchsetzen
Frontend und Backend mit KI bauen — Darstellung und Logik trennen, Schnittstellen, Tabellen und Migrationen entwerfen lassen
KI-generierten Webcode prüfen — SQL-Injection, XSS, CSRF und Prompt Injection erkennen
Ein Modul vom Lastenheft bis zur Abnahme führen — und prüfen, ob es wirklich der Anforderung entspricht
Skills, Tests und CI einsetzen — wiederkehrende Abläufe festschreiben und jede Änderung automatisch prüfen lassen (dreitägige Fassung)

Dein Dozent

Frank Glück schult seit mehr als 30 Jahren und programmiert seit 1986. Seit 1999 ist er auch als Dozent für die GFU tätig. Designregeln, Hooks nach jedem Schreibvorgang und Tests als Abnahme setzt er in seinem eigenen Plattformprojekt ein, das er mit Claude Code weiterentwickelt.

Häufige Fragen (FAQ)

Welche Programmiersprachen und Frameworks werden im Kurs verwendet?

Die Übungsanwendung nutzt PHP, JavaScript, CSS und SQL ohne Framework – so bleibt jede Zeile nachvollziehbar. Die Methoden sind technologieoffen und lassen sich auf andere Stacks übertragen, z. B. Python, TypeScript oder React; auf den Stack deines Teams gehen wir in Beispielen und Diskussionen ein.

Können wir mit einer bestehenden Anwendung starten?

Ja. Statt mit Pflichtenheft und leerem Projekt beginnt die Gruppe dann mit einer bestehenden Anwendung: PHP-Upgrade, Refactoring und Audits ersetzen Pflichtenheft und Praxisprojekt.

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

Datenschutz ist Teil des ersten Tages: was mit deinem Code beim Anbieter geschieht, welche Abos ein Training mit deinem Code ausschließen und wie du Zugangsdaten und vertrauliche Dateien vor dem Agenten schützt. Wann ein lokales Modell die bessere Wahl ist, zeigt der Wahlbaustein „Lokale KI“ am dritten Tag.

Was ist der Unterschied zwischen der zwei- und der dreitägigen Fassung?

Beide Fassungen enthalten Ausgangslage und Zielbild, Pflichtenheft, Designregeln, Frontend, Backend, Sicherheit und das Praxisprojekt. Die dreitägige Fassung ergänzt Skills, Fehlerbehebung und Tests sowie CI als Qualitätsprüfung und lässt mehr Raum für Wahlbausteine.

Welche Vorkenntnisse solltest du mitbringen?