Schulung – KI-Agenten-Entwicklung – Webentwicklung

KI-Agenten-Entwicklung für Webentwickler:innen

KI-Agenten professionell entwickeln: Architekturen, Tool Use, Agent SDKs, LangGraph, Memory, Evals, Guardrails und Deployment.

Dauer
6 Stunden, ein Termin
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

„KI-Agenten-Entwicklung für Webentwickler:innen“ ist ein praxisorientiertes Training für Rollen wie Webentwickler:innen in Agenturen und Inhouse-Teams, Freelancer:innen, die Websites und Webanwendungen umsetzen und Entwickler:innen von CMS-Projekten mit WordPress, TYPO3 oder Headless-CMS. Sie lernen KI-Agenten-Entwicklung nicht abstrakt, sondern an Aufgaben aus Ihrem Arbeitsalltag kennen – mit Beispielen, Übungen und Vorlagen aus dem Bereich Webentwicklung.

KI-Agenten gehen über klassische Chatbots hinaus: Sie zerlegen Aufgaben, rufen Werkzeuge und APIs auf, werten Ergebnisse aus und arbeiten in Schleifen, bis ein Ziel erreicht ist. In dieser kompakten Schulung lernen Sie, solche Systeme so zu entwickeln, dass sie im Unternehmensalltag zuverlässig, nachvollziehbar und sicher funktionieren. Sie vergleichen Architekturmuster vom einfachen Workflow über den Agent Loop bis zu Multi-Agenten-Systemen und setzen sie mit dem Claude Agent SDK, dem OpenAI Agents SDK und LangGraph praktisch um.

Im Mittelpunkt steht nicht das schnelle Demo, sondern der Weg in die Produktion. Sie gestalten Tool-Schnittstellen und Kontext gezielt, binden Werkzeuge über das Model Context Protocol an, entwerfen Kurz- und Langzeitgedächtnis und bauen Evaluierungen auf, die Regressionen früh sichtbar machen. Hinzu kommen Guardrails gegen Prompt Injection und Fehlaktionen, Human-in-the-Loop-Freigaben, Tracing, Kostenkontrolle und Deployment. Am Ende entscheiden Sie fundiert, wann ein Agent sinnvoll ist, wann ein deterministischer Workflow genügt und welches Framework zu Ihrem Vorhaben passt.

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 wählen für eine Aufgabe das passende Muster zwischen festem Workflow und autonomem Agenten.
  • Sie entwerfen Werkzeuge und Kontext so, dass Agenten zuverlässig und kosteneffizient arbeiten.
  • Sie implementieren Agenten mit Claude Agent SDK, OpenAI Agents SDK oder LangGraph.
  • Sie bauen Evaluierungen und Tracing auf, um Qualität messbar zu machen und Regressionen zu erkennen.
  • 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

Modul 1 Agent-Architekturen und Entwurfsmuster
  • Workflows versus Agenten: Prompt Chaining, Routing, Parallelisierung, Orchestrator-Worker
  • Der Agent Loop: Planen, Handeln, Beobachten, Reflektieren
  • Multi-Agenten-Systeme, Subagenten und Übergaben zwischen Agenten
  • Auswahlkriterien für Modell, Framework und Autonomiegrad
Modul 2 Tool Use und Kontext-Engineering
  • Function Calling und strukturierte Ausgaben mit JSON-Schema
  • Werkzeuge gut entwerfen: Granularität, Benennung, Fehlermeldungen, Idempotenz
  • Werkzeuge über MCP-Server anbinden und wiederverwenden
  • Kontextfenster managen: Zusammenfassung, Kompaktierung, Retrieval und Prompt-Caching
Modul 3 Frameworks in der Praxis
  • Claude Agent SDK: Agent Loop, Tools, Subagenten, Berechtigungen und Hooks
  • OpenAI Agents SDK: Agents, Handoffs, Guardrails und Tracing
  • LangGraph: zustandsbehaftete Graphen, Checkpointing und Human-in-the-Loop
  • Gemeinsamer Vergleich anhand derselben Aufgabe und Kriterien für die Framework-Wahl
Modul 4 Memory, Evals und Observability
  • Kurzzeit- und Langzeitgedächtnis, Speicherstrategien und Vergessen
  • Evaluierungsdatensätze, LLM-as-a-Judge und aufgabenbasierte Erfolgsmessung
  • Tracing von Tool-Aufrufen, Token-Verbrauch und Latenzen
  • Regressionstests bei Prompt-, Modell- oder Tool-Änderungen
Modul 5 Guardrails, Sicherheit und Deployment
  • Prompt Injection, Datenabfluss und überprivilegierte Werkzeuge absichern
  • Eingabe- und Ausgabeprüfungen, Freigabeschritte und Sandboxing
  • Deployment als Service, asynchrone Ausführung, Retries und Kostenlimits
  • Governance, Protokollierung und Anforderungen aus DSGVO und EU AI Act
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

Solide Programmierkenntnisse in Python oder TypeScript, Erfahrung mit REST-APIs sowie erste praktische Erfahrungen mit LLM-APIs oder KI-Assistenten. Gute Kenntnisse in HTML, CSS und JavaScript sowie erste Erfahrungen mit Git, einem CMS oder einem Frontend-Framework.

Technische Voraussetzungen

Laptop mit Python oder Node.js, Git und Code-Editor sowie API-Zugänge zu mindestens einem LLM-Anbieter, etwa Anthropic oder OpenAI. Zugangsdaten für Übungen können bei Bedarf gestellt werden.

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.

Termine & Standorte

Pro Standort schlagen wir Ihnen einen Termin in rund vier Wochen vor. Ihr Wunschtermin ist jederzeit möglich.

  • München Do, 10. Dezember 2026 6 Std. Anfragen
  • Salzburg Do, 10. Dezember 2026 6 Std. Anfragen
  • Berlin Di, 15. Dezember 2026 6 Std. Anfragen
  • Augsburg Do, 10. Dezember 2026 6 Std. Anfragen
  • Hannover Di, 15. Dezember 2026 6 Std. Anfragen
  • Bremen Mi, 16. Dezember 2026 6 Std. Anfragen
  • Stuttgart Do, 10. Dezember 2026 6 Std. Anfragen
  • Kaiserslautern Di, 15. Dezember 2026 6 Std. Anfragen
  • Online Di, 15. Dezember 2026 6 Std. Anfragen

Häufige Fragen

Welches Agent-Framework sollten wir einsetzen?

Das hängt von Modellstrategie, Kontrolle und Teamkompetenz ab. Die herstellereigenen SDKs bieten einen schlanken Einstieg mit eng abgestimmten Funktionen, LangGraph gibt Ihnen feinere Kontrolle über Zustände und Abläufe. Im Kurs lösen Sie dieselbe Aufgabe mit mehreren Frameworks und leiten daraus nachvollziehbare Auswahlkriterien für Ihr Projekt ab.

Wie verhindert man, dass ein Agent falsche oder gefährliche Aktionen ausführt?

Durch mehrere Schutzschichten: eng geschnittene Werkzeuge mit minimalen Rechten, Validierung von Ein- und Ausgaben, Freigabeschritte für kritische Aktionen, Sandboxing und kontinuierliche Evaluierung. Prompt Injection über externe Inhalte wird als realistisches Risiko behandelt. Sie üben diese Maßnahmen konkret an Ihrem eigenen Agenten.

Brauche ich für jede Automatisierung einen Agenten?

Nein. Viele Aufgaben lassen sich mit einem festen Workflow aus wenigen LLM-Aufrufen zuverlässiger, günstiger und besser nachvollziehbar lösen. Agenten lohnen sich, wenn Lösungswege nicht vorab planbar sind und das System flexibel auf Zwischenergebnisse reagieren muss. Genau diese Abwägung trainieren wir anhand praktischer Beispiele.

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 „KI-Agenten-Entwicklung 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 6 Stunden Live-Training mit Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Für jeden Standort schlagen wir Ihnen einen Termin in rund vier Wochen vor. Im Anfrageformular können Sie aber jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und melden uns 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 und Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Kann der Kurs auf unser Team zugeschnitten werden?

Ja. Maßgeschneiderte Kurse kosten ca. 4.500 € mehr, je nach Thema und nach Absprache. Wir stimmen Inhalte, Beispiele und Übungen vorab mit Ihnen ab.

Weitere Kurse für Webentwickler:innen

Weitere Kurse zu KI-Agenten-Entwicklung

Alle 30 Kurse zu KI-Agenten-Entwicklung

KI-Agenten-Entwicklung – MünchenKI-Agenten-Entwicklung – SalzburgKI-Agenten-Entwicklung – BerlinKI-Agenten-Entwicklung – AugsburgKI-Agenten-Entwicklung – HannoverKI-Agenten-Entwicklung – BremenKI-Agenten-Entwicklung – StuttgartKI-Agenten-Entwicklung – KaiserslauternKI-Agenten-Entwicklung – Online