Training course · AI Agent Development · Web Development

AI Agent Development for Web Developers

Build AI agents professionally: architectures, tool use, agent SDKs, LangGraph, memory, evals, guardrails and deployment.

Duration
2 days (14 hrs)
Format
Online or on-site
Language
German or English
Participants
open dates or exclusive for your team
Certificate
Certificate of attendance

Overview

“AI Agent Development for Web Developers” is a hands-on course for roles such as Web developers in agencies and in-house teams, Freelancers building websites and web applications and Developers on CMS projects using WordPress, TYPO3 or headless CMS. Rather than learning AI Agent Development in the abstract, you work on tasks from your daily routine – with examples, exercises and templates from Web Development.

AI agents go beyond conventional chatbots: they break tasks down, call tools and APIs, evaluate the results and keep iterating until a goal is met. In this two-day course you learn to build such systems so that they work reliably, transparently and safely in day-to-day business. You compare architectural patterns ranging from simple workflows through the agent loop to multi-agent systems, and you implement them hands-on with the Claude Agent SDK, the OpenAI Agents SDK and LangGraph.

The focus is not on a quick demo but on the path to production. You design tool interfaces and context deliberately, connect tools via the Model Context Protocol, plan short-term and long-term memory and build evaluations that surface regressions early. On top of that come guardrails against prompt injection and harmful actions, human-in-the-loop approvals, tracing, cost control and deployment. By the end you can judge when an agent is worthwhile, when a deterministic workflow is enough and which framework fits your project.

Web development today covers far more than HTML, CSS and a bit of JavaScript: responsive layouts, accessibility, SEO, performance, forms, content management systems, APIs, hosting and deployment are all part of the job. In small teams and agencies especially, web developers have to cover all of it. AI coding assistants and agents are a huge lever here: they turn designs into layouts, write semantic HTML and modern CSS with grid and container queries, audit pages for accessibility and Core Web Vitals, build CMS templates and automate deployments. Vibe coding also makes rapid prototypes possible that used to take days. This course teaches you to combine that speed with clean structure, maintainability and quality assurance.

The course is delivered live – either online in a virtual classroom or on-site in our training rooms in Munich, Salzburg, Berlin, Augsburg, Hanover, Bremen, Stuttgart and Kaiserslautern. We can also run it exclusively for your team.

Who is this course for?

  • Web developers in agencies and in-house teams
  • Freelancers building websites and web applications
  • Developers on CMS projects using WordPress, TYPO3 or headless CMS
  • Career changers with a grounding in HTML, CSS and JavaScript

Typical challenges we address

  • A broad remit from layout and SEO to hosting in small teams
  • Rising expectations around accessibility, performance and privacy
  • Maintaining many client projects built on different technologies and versions
  • Time pressure on relaunches, landing pages and campaign sites

What you will be able to do

  • You choose the right pattern for a task, from a fixed workflow to an autonomous agent.
  • You design tools and context so that agents work reliably and cost-effectively.
  • You implement agents with the Claude Agent SDK, the OpenAI Agents SDK or LangGraph.
  • You set up evaluations and tracing to measure quality and detect regressions.
  • Deliver websites and web applications faster and with clean structure using AI support.
  • Use AI deliberately for accessibility, performance and technical SEO.
  • Turn vibe-coded prototypes into maintainable, secure and privacy-compliant projects.

Course outline

Day 1

Module 1 Agent architectures and design patterns
  • Workflows versus agents: prompt chaining, routing, parallelisation, orchestrator-worker
  • The agent loop: plan, act, observe, reflect
  • Multi-agent systems, subagents and handoffs between agents
  • Criteria for choosing model, framework and level of autonomy
Module 2 Tool use and context engineering
  • Function calling and structured outputs with JSON Schema
  • Designing good tools: granularity, naming, error messages, idempotency
  • Connecting and reusing tools via MCP servers
  • Managing the context window: summarisation, compaction, retrieval and prompt caching
Module 3 Frameworks in practice
  • Claude Agent SDK: agent loop, tools, subagents, permissions and hooks
  • OpenAI Agents SDK: agents, handoffs, guardrails and tracing
  • LangGraph: stateful graphs, checkpointing and human-in-the-loop
  • Side-by-side comparison on the same task and criteria for choosing a framework
Module 4 Memory, evals and observability
  • Short-term and long-term memory, storage strategies and forgetting
  • Evaluation datasets, LLM-as-a-judge and task-based success metrics
  • Tracing tool calls, token usage and latency
  • Regression testing when prompts, models or tools change

Day 2

Module 5 Guardrails, security and deployment
  • Protecting against prompt injection, data exfiltration and over-privileged tools
  • Input and output checks, approval steps and sandboxing
  • Deploying as a service, asynchronous execution, retries and cost limits
  • Governance, audit logging and requirements under GDPR and the EU AI Act
Module 6 Practice lab: Web Development
  • Turning designs into layouts
  • Accessibility audit
  • Performance and Core Web Vitals
  • CMS templates and extensions
  • Technical SEO
  • Forms and integrations
Module 7 Data protection, quality & transfer to daily work
  • Websites are subject to GDPR, ePrivacy rules and, in many cases, accessibility legislation under the European Accessibility Act: generated code must not embed tracking or external resources without consent and must be checked for accessibility. Also watch the licences of fonts, images and code snippets, and keep hosting and CMS credentials out of prompts.
  • Ground rules for safe AI use in your team
  • Checking results: facts, sources, tests and the four-eyes principle
  • Personal action plan for the next 30 days
  • Open questions, outlook and resources for further learning

Practical scenarios from your field

Turning designs into layouts

From screenshots or design files, the assistant produces semantic HTML and modern CSS using grid, flexbox and custom properties, responsive across all breakpoints and consistent with existing stylesheets.

Accessibility audit

The AI checks pages for heading structure, alt text, form labels, keyboard operability and contrast, interprets automated test results and fixes findings against WCAG success criteria.

Performance and Core Web Vitals

Lighthouse reports are analysed, images converted to modern formats with responsive sources, critical CSS extracted, scripts deferred and layout shifts eliminated in a targeted way.

CMS templates and extensions

The agent builds themes, blocks or plugins for WordPress, TYPO3 or a headless CMS, including content models, templates and protection against common security flaws. The system’s coding standards are respected.

Technical SEO

The AI adds structured data, meta tags, hreflang annotations, readable URLs and XML sitemaps, and checks internal linking and canonicals for consistency. Broken redirects and duplicate content are uncovered.

Forms and integrations

Contact and enquiry forms are built with validation, spam protection and server-side processing, alongside integrations with newsletter, CRM or booking systems via their APIs. Errors and timeouts are handled cleanly.

Possible hands-on projects

Static website with a generator

A multilingual company website built with a static site generator, structured data, a sitemap and automated deployment through a CI pipeline.

Accessibility checker

A small tool that automatically audits a list of URLs, sorts findings by severity and generates a readable HTML report.

Appointment booking widget

An embeddable widget that loads available slots from an API, accepts bookings and triggers confirmation emails. The widget is accessible and fully responsive on all devices.

Prerequisites

Solid programming skills in Python or TypeScript, experience with REST APIs and some hands-on experience with LLM APIs or AI assistants. Good knowledge of HTML, CSS and JavaScript plus some experience with Git, a CMS or a front-end framework.

Technical requirements

A laptop with Python or Node.js, Git and a code editor, plus API access to at least one LLM provider such as Anthropic or OpenAI. Credentials for the exercises can be provided if needed.

Data protection & compliance

Websites are subject to GDPR, ePrivacy rules and, in many cases, accessibility legislation under the European Accessibility Act: generated code must not embed tracking or external resources without consent and must be checked for accessibility. Also watch the licences of fonts, images and code snippets, and keep hosting and CMS credentials out of prompts.

Suggested dates

All dates are suggestions – your preferred date is always possible.

  • Thu, 26 November 2026 – Fri, 27 November 2026 Online Request
  • Tue, 8 December 2026 – Wed, 9 December 2026 Stuttgart Request
  • Wed, 20 January 2027 – Thu, 21 January 2027 Berlin Request
  • Tue, 26 January 2027 – Wed, 27 January 2027 Online Request
  • Thu, 4 February 2027 – Fri, 5 February 2027 Munich Request
  • Thu, 11 February 2027 – Fri, 12 February 2027 Online Request

Frequently asked questions

Which agent framework should we use?

It depends on your model strategy, the level of control you need and your team’s skills. Vendor SDKs offer a lean start with tightly integrated features, while LangGraph gives you finer control over state and flow. In the course you solve the same task with several frameworks and derive clear selection criteria for your own project.

How do you stop an agent from taking wrong or dangerous actions?

With several layers of protection: narrowly scoped tools with minimal permissions, input and output validation, approval steps for critical actions, sandboxing and continuous evaluation. Prompt injection via external content is treated as a realistic threat. You practise these measures directly on your own agent.

Does every automation need an agent?

No. Many tasks are handled more reliably, cheaply and transparently by a fixed workflow of a few LLM calls. Agents pay off when the solution path cannot be planned in advance and the system must react flexibly to intermediate results. We train exactly this trade-off using practical examples.

Can AI build an entire website for me?

For prototypes and simple sites, yes – and remarkably quickly. Production websites, however, need structure: clean components, verified accessibility, privacy compliance, performance and a well-designed deployment. On the course you learn to move AI-generated output into a maintainable project structure and safeguard it systematically.

Is the course suitable for career changers?

Yes, provided you have a grounding in HTML, CSS and JavaScript. AI explains code and concepts clearly and helps close knowledge gaps quickly. We make sure you understand the generated solutions and can evaluate them independently, rather than simply accepting whatever the assistant produces.

How much does “AI Agent Development for Web Developers” cost?

The course costs a flat €949 plus VAT per participant – whether online or on-site. This includes 2 training day(s) with a live trainer, course materials, a lab environment and a certificate of attendance.

Can I suggest my own date?

Yes. Our suggested dates are just a guide. In the request form you can always describe your preferred date or period in free text – we check availability and confirm within one working day.

Is the course online or on-site?

Both are possible: live online in a virtual classroom or on-site in Munich, Salzburg, Berlin, Augsburg, Hanover, Bremen, Stuttgart or Kaiserslautern. We can also run the course exclusively for your team.

More courses for Web Developers

More AI Agent Development courses

All 30 AI Agent Development courses

AI Agent Development · MunichAI Agent Development · SalzburgAI Agent Development · BerlinAI Agent Development · AugsburgAI Agent Development · HanoverAI Agent Development · BremenAI Agent Development · StuttgartAI Agent Development · KaiserslauternAI Agent Development · Online