Schulung · Agentic Coding · Webentwicklung

Agentic Coding für Webentwickler:innen

Autonome Coding-Agenten wirksam einsetzen: Spezifikation statt Prompt, Aufgabenzerlegung, testgetriebene Loops, Multi-Agent-Setups und Governance.

Dauer
2 Tage (14 Std.)
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

In diesem Kurs verbinden wir Agentic Coding mit den typischen Abläufen im Bereich Webentwicklung. Die Teilnehmenden arbeiten an realistischen Szenarien und nehmen sofort einsetzbare Prompts, Workflows und Checklisten mit.

Agentic Coding bezeichnet die Arbeit mit KI-Agenten, die Entwicklungsaufgaben weitgehend selbstständig erledigen: Sie lesen Code, planen Änderungen, führen Befehle und Tests aus und korrigieren sich anhand der Ergebnisse. Werkzeuge wie Claude Code, OpenAI Codex, der GitHub Copilot Coding Agent oder der Agent-Modus von Cursor machen diese Arbeitsweise alltagstauglich. Dieses herstellerneutrale Training vermittelt die Methodik dahinter, damit Sie unabhängig vom Werkzeug verlässliche Ergebnisse erzielen und die Rolle der Entwicklerin oder des Entwicklers neu definieren.

Im Zentrum steht der Wechsel vom spontanen Prompt zur belastbaren Spezifikation. Sie lernen, Aufgaben so zu zerlegen und zu beschreiben, dass Agenten sie zuverlässig lösen, testgetriebene Schleifen aufzusetzen, in denen Tests als objektives Abnahmekriterium dienen, und mehrere Agenten parallel oder arbeitsteilig einzusetzen. Darüber hinaus behandeln wir Review-Strategien für agentisch erzeugten Code sowie Governance im Team: Berechtigungen, Sicherheitsgrenzen, Verantwortlichkeiten, Kostenkontrolle und die schrittweise Einführung agentischer Workflows in bestehende Entwicklungsprozesse.

Webentwicklung umfasst heute weit mehr als HTML, CSS und etwas JavaScript: Responsive Layouts, Barrierefreiheit, SEO, Performance, Formulare, Content-Management-Systeme, APIs, Hosting und Deployment gehören selbstverständlich dazu. Gerade in kleinen Teams und Agenturen müssen Webentwickler:innen all diese Themen abdecken. KI-Coding-Assistenten und Agenten sind hier ein enormer Hebel: Sie setzen Layouts aus Entwürfen um, schreiben semantisches HTML und modernes CSS mit Grid und Container Queries, prüfen Seiten auf Barrierefreiheit und Core Web Vitals, erstellen CMS-Templates und automatisieren Deployments. Vibe Coding macht zudem schnelle Prototypen möglich, die früher Tage gedauert hätten. Im Kurs lernen Sie, diese Geschwindigkeit mit sauberer Struktur, Wartbarkeit und Qualitätssicherung zu verbinden.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • Webentwickler:innen in Agenturen und Inhouse-Teams
  • Freelancer:innen, die Websites und Webanwendungen umsetzen
  • Entwickler:innen von CMS-Projekten mit WordPress, TYPO3 oder Headless-CMS
  • Quereinsteiger:innen mit Grundkenntnissen in HTML, CSS und JavaScript

Typische Herausforderungen, die wir adressieren

  • Breites Aufgabenspektrum von Layout über SEO bis Hosting in kleinen Teams
  • Steigende Anforderungen an Barrierefreiheit, Performance und Datenschutz
  • Wartung vieler Kundenprojekte mit unterschiedlichen Technologien und Ständen
  • Zeitdruck bei Relaunches, Landingpages und Kampagnenseiten

Das können Sie nach dem Training

  • Sie verstehen die Funktionsweise von Coding-Agenten und wählen das passende Werkzeug und den passenden Autonomiegrad.
  • Sie schreiben Spezifikationen und Projektkontext, mit denen Agenten verlässlich arbeiten.
  • Sie zerlegen Vorhaben in überprüfbare Teilaufgaben und steuern Agenten über testgetriebene Loops.
  • Sie setzen Multi-Agent-Setups und parallele Arbeit kontrolliert ein.
  • Sie setzen Websites und Webanwendungen mit KI-Unterstützung schneller und in sauberer Struktur um.
  • Sie nutzen KI gezielt für Barrierefreiheit, Performance und technisches SEO.
  • Sie überführen Vibe-Coding-Prototypen in wartbare, sichere und datenschutzkonforme Projekte.

Inhalte & Ablauf

Tag 1

Modul 1 Grundlagen agentischer Entwicklung
  • Funktionsweise von Coding-Agenten: Werkzeugaufrufe, Kontextfenster und Feedback-Schleifen
  • Werkzeuge im Vergleich: Terminal-Agenten, IDE-Agenten und Cloud-Agenten
  • Geeignete Aufgaben erkennen und Autonomiegrade bewusst wählen
  • Die neue Rolle im Team: von der Umsetzung zur Steuerung und Abnahme
Modul 2 Spezifikation statt Prompt
  • Aufgaben mit Ziel, Kontext, Randbedingungen und Abnahmekriterien beschreiben
  • Projektkontext dauerhaft in Dateien wie CLAUDE.md, AGENTS.md oder Rules hinterlegen
  • Plan-First-Vorgehen: Lösungsweg vom Agenten entwerfen und vor der Umsetzung prüfen
  • Spezifikationen versionieren und als Teil des Repositorys pflegen
Modul 3 Aufgabenzerlegung und testgetriebene Agenten-Loops
  • Große Vorhaben in unabhängige, überprüfbare Teilaufgaben zerlegen
  • Tests zuerst schreiben lassen und als objektives Abbruchkriterium nutzen
  • Linter, Typprüfungen und Builds als automatische Rückmeldung einsetzen
  • Festgefahrene Loops erkennen und mit neuer Strategie neu starten
Modul 4 Multi-Agent-Setups und Parallelisierung
  • Spezialisierte Subagents für Recherche, Implementierung, Tests und Review definieren
  • Parallele Arbeit mit Branches, Worktrees und isolierten Umgebungen organisieren
  • Orchestrierung: Ergebnisse zusammenführen und Konflikte auflösen
  • Werkzeuge und Datenquellen über MCP gemeinsam nutzbar machen

Tag 2

Modul 5 Review, Sicherheit und Governance im Team
  • Review-Strategien für große, agentisch erzeugte Änderungen
  • Berechtigungen, Sandboxing und Schutz vor Prompt Injection festlegen
  • Agenten in CI-Pipelines und Pull-Request-Prozesse einbinden
  • Teamrichtlinien, Verantwortlichkeiten, Kosten und schrittweise Einführung planen
Modul 6 Praxislabor: Webentwicklung
  • Layouts aus Entwürfen umsetzen
  • Barrierefreiheits-Audit
  • Performance und Core Web Vitals
  • CMS-Templates und -Erweiterungen
  • Technisches SEO
  • Formulare und Integrationen
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Websites unterliegen DSGVO, TTDSG und vielerorts dem Barrierefreiheitsstärkungsgesetz: Generierter Code darf keine Tracking-Dienste oder externen Ressourcen ohne Einwilligung einbinden und muss barrierefrei geprüft werden. Achten Sie zudem auf Lizenzen von Schriften, Bildern und Code-Snippets sowie darauf, dass Zugangsdaten zu Hosting und CMS nicht in Prompts gelangen.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Layouts aus Entwürfen umsetzen

Der Assistent erzeugt aus Screenshots oder Designdateien semantisches HTML und modernes CSS mit Grid, Flexbox und Custom Properties, responsiv für alle Breakpoints und konsistent mit vorhandenen Stylesheets.

Barrierefreiheits-Audit

Die KI prüft Seiten auf Überschriftenstruktur, Alternativtexte, Formularbeschriftungen, Tastaturbedienbarkeit und Kontraste, wertet automatisierte Testergebnisse aus und behebt Befunde entlang der WCAG-Kriterien. Kritische Befunde werden priorisiert behandelt.

Performance und Core Web Vitals

Lighthouse-Berichte werden ausgewertet, Bilder in moderne Formate mit responsiven Quellen überführt, kritisches CSS extrahiert, Skripte verzögert geladen und Layoutverschiebungen gezielt beseitigt. Jede Maßnahme wird mit einer erneuten Messung belegt.

CMS-Templates und -Erweiterungen

Der Agent erstellt Themes, Blöcke oder Plugins für WordPress, TYPO3 oder Headless-CMS, inklusive Inhaltsmodellen, Templates und Absicherung gegen typische Sicherheitslücken. Bestehende Coding Standards des Systems werden eingehalten.

Technisches SEO

Die KI ergänzt strukturierte Daten, Meta-Tags, hreflang-Angaben, sprechende URLs und XML-Sitemaps und prüft interne Verlinkung sowie Canonicals auf Konsistenz. Fehlerhafte Weiterleitungen und Duplicate Content werden aufgedeckt.

Formulare und Integrationen

Kontakt- und Anfrageformulare entstehen mit Validierung, Spam-Schutz und serverseitiger Verarbeitung, ebenso Anbindungen an Newsletter-, CRM- oder Buchungssysteme über deren APIs. Fehlerfälle und Zeitüberschreitungen werden sauber abgefangen.

Mögliche Praxisprojekte im Kurs

Statische Website mit Generator

Eine mehrsprachige Firmenwebsite mit einem Static Site Generator, strukturierten Daten, Sitemap und automatischem Deployment über eine CI-Pipeline. Inhalte werden in Markdown gepflegt und versioniert.

Barrierefreiheits-Checker

Ein kleines Tool, das eine Liste von URLs automatisiert prüft, Befunde nach Schweregrad sortiert und einen verständlichen HTML-Bericht erzeugt. Er eignet sich für regelmäßige Prüfungen.

Terminbuchungs-Widget

Ein einbettbares Widget, das freie Termine aus einer API lädt, Buchungen entgegennimmt und Bestätigungen per E-Mail auslöst. Das Widget ist barrierefrei und responsiv gestaltet.

Voraussetzungen

Sie haben mehrjährige Entwicklungserfahrung, arbeiten sicher mit Git, Tests und CI und haben idealerweise bereits erste KI-Coding-Werkzeuge genutzt. Gute Kenntnisse in HTML, CSS und JavaScript sowie erste Erfahrungen mit Git, einem CMS oder einem Frontend-Framework.

Technische Voraussetzungen

Eigener Laptop mit Git, Terminal und Ihrer Entwicklungsumgebung sowie Zugang zu mindestens einem Coding-Agenten wie Claude Code, Codex, Copilot oder Cursor.

Datenschutz & Compliance

Websites unterliegen DSGVO, TTDSG und vielerorts dem Barrierefreiheitsstärkungsgesetz: Generierter Code darf keine Tracking-Dienste oder externen Ressourcen ohne Einwilligung einbinden und muss barrierefrei geprüft werden. Achten Sie zudem auf Lizenzen von Schriften, Bildern und Code-Snippets sowie darauf, dass Zugangsdaten zu Hosting und CMS nicht in Prompts gelangen.

Terminvorschläge

Alle Termine sind Vorschläge – Ihr Wunschtermin ist jederzeit möglich.

  • Mi, 25. November 2026 – Do, 26. November 2026 Online Anfragen
  • Do, 10. Dezember 2026 – Fr, 11. Dezember 2026 Bremen Anfragen
  • Do, 14. Januar 2027 – Fr, 15. Januar 2027 Online Anfragen
  • Mi, 27. Januar 2027 – Do, 28. Januar 2027 Salzburg Anfragen
  • Mo, 1. Februar 2027 – Di, 2. Februar 2027 Online Anfragen
  • Mo, 15. Februar 2027 – Di, 16. Februar 2027 Kaiserslautern Anfragen

Häufige Fragen

Worin unterscheidet sich Agentic Coding von Vibe Coding?

Vibe Coding setzt auf schnelle, intuitive Iteration in natürlicher Sprache und eignet sich besonders für Prototypen. Agentic Coding ist ein ingenieurmäßiger Ansatz für professionelle Codebasen: Präzise Spezifikationen, Tests als Abnahmekriterium, klare Berechtigungen und strukturierte Reviews sorgen dafür, dass Agenten auch in komplexen, langlebigen Projekten verlässliche und wartbare Ergebnisse liefern.

Ist der Kurs an ein bestimmtes Werkzeug gebunden?

Nein. Der Kurs vermittelt Methoden, die mit Claude Code, OpenAI Codex, dem GitHub Copilot Coding Agent, Cursor und vergleichbaren Werkzeugen funktionieren. Die Übungen zeigen Unterschiede und Gemeinsamkeiten, etwa bei Kontextdateien, Berechtigungen und Subagents. Sie können mit dem Werkzeug arbeiten, das in Ihrem Unternehmen eingesetzt wird oder werden soll.

Wie behalten wir bei autonomen Agenten die Kontrolle über Qualität und Sicherheit?

Kontrolle entsteht durch mehrere Ebenen: eng gefasste Berechtigungen und Sandboxing, Tests und statische Analysen als automatische Prüfinstanz, verpflichtende menschliche Reviews vor dem Merge und klare Teamregeln zu Verantwortlichkeiten. Im Kurs entwickeln Sie ein Governance-Konzept, das zu Ihren Prozessen, Sicherheitsanforderungen und regulatorischen Vorgaben passt.

Kann ich mit KI eine komplette Website bauen lassen?

Für Prototypen und einfache Seiten ja, und zwar erstaunlich schnell. Für produktive Websites brauchen Sie aber Struktur: saubere Komponenten, geprüfte Barrierefreiheit, Datenschutz, Performance und ein durchdachtes Deployment. Im Kurs lernen Sie, wie Sie KI-generierte Ergebnisse in eine wartbare Projektstruktur überführen und systematisch absichern.

Ist der Kurs auch für Quereinsteiger:innen geeignet?

Ja, sofern Grundkenntnisse in HTML, CSS und JavaScript vorhanden sind. Die KI erklärt Code und Konzepte verständlich und hilft, Wissenslücken schnell zu schließen. Wir achten darauf, dass Sie die generierten Lösungen nachvollziehen und eigenständig bewerten können, statt nur Ergebnisse zu übernehmen.

Was kostet die Schulung „Agentic Coding für Webentwickler:innen“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 2 Trainingstag(e) mit Live-Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Unsere Terminvorschläge sind eine Orientierung. Im Anfrageformular können Sie jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und bestätigen innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart oder Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Weitere Kurse für Webentwickler:innen

Weitere Kurse zu Agentic Coding

Alle 32 Kurse zu Agentic Coding

Agentic Coding · MünchenAgentic Coding · SalzburgAgentic Coding · BerlinAgentic Coding · AugsburgAgentic Coding · HannoverAgentic Coding · BremenAgentic Coding · StuttgartAgentic Coding · KaiserslauternAgentic Coding · Online