Training course · Claude Code · Web Development

Claude Code for Web Developers

Agentic coding with Claude Code in the terminal and IDE: CLAUDE.md, subagents, hooks, MCP, CI pipelines and secure permissions.

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

This course connects Claude Code with the everyday processes of Web Development. Participants work on realistic scenarios and leave with prompts, workflows and checklists they can use straight away.

Claude Code is Anthropic’s agentic coding assistant, working directly in your terminal and in popular IDEs. Rather than completing individual lines, it reads your repository, plans changes across multiple files, runs commands, executes tests and prepares commits. Over two days you will learn to use it with deliberate control: clear project instructions in CLAUDE.md, careful context management, and a workflow in which you set the direction as a developer and can trace every change the agent makes back to a clear intention.

The course is built around real engineering work: diagnosing bugs, delivering features, refactoring legacy code and filling gaps in test coverage. You will configure subagents for specialised tasks, enforce quality checks with hooks, connect external systems through the Model Context Protocol (MCP) and capture team knowledge as reusable skills. Finally, you will run Claude Code headless in CI pipelines and define permissions, sandboxing and approval rules so that its use remains defensible even in security-sensitive environments.

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 use Claude Code for multi-step development tasks while keeping full control over every change.
  • You maintain a CLAUDE.md that effectively conveys project conventions, commands and architectural guidance to the agent.
  • You extend Claude Code with subagents, hooks, MCP servers and skills tailored to your team.
  • You integrate Claude Code into Git workflows and CI pipelines with traceable, test-backed results.
  • 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 How Claude Code works
  • Installation, sign-in and use in the terminal, VS Code and JetBrains IDEs
  • Understanding the agentic loop: read, plan, act, verify
  • Using plan mode to agree on an approach before any code changes
  • Writing effective task briefs with goal, context and acceptance criteria
Module 2 Project context with CLAUDE.md and context management
  • Structuring CLAUDE.md at project, directory and user level
  • Documenting build, test and style conventions so the agent follows them reliably
  • Managing the context window with targeted file references, compaction and fresh sessions
  • Resuming sessions and breaking long tasks into manageable stages
Module 3 Extending Claude Code with subagents, hooks, MCP and skills
  • Defining subagents for code review, research or test generation
  • Using hooks to enforce formatting, linting or checks before and after tool calls
  • Connecting MCP servers for issue trackers, databases or internal documentation
  • Creating custom slash commands and skills for recurring team workflows
Module 4 Git workflows, testing and quality assurance
  • Creating branches, meaningful commits and pull requests with Claude Code
  • Test-first work: have tests written before the implementation
  • Reviewing diffs systematically and rejecting or refining changes
  • Organising parallel work with Git worktrees and multiple sessions

Day 2

Module 5 Headless operation, CI and security
  • Running Claude Code non-interactively in scripts and CI pipelines
  • Automated reviews and issue handling in GitHub or GitLab workflows
  • Configuring permission modes, allow and deny rules, and sandboxing
  • Handling secrets, prompt injection risks and organisation-wide policies
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

You have hands-on programming experience in at least one language and are comfortable with Git and the command line. Good knowledge of HTML, CSS and JavaScript plus some experience with Git, a CMS or a front-end framework.

Technical requirements

Your own laptop with admin rights, Git, a Node.js runtime and an up-to-date editor; a Claude subscription or Anthropic API access is required for the exercises.

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.

  • Mon, 23 November 2026 – Tue, 24 November 2026 Online Request
  • Wed, 2 December 2026 – Thu, 3 December 2026 Kaiserslautern Request
  • Mon, 7 December 2026 – Tue, 8 December 2026 Online Request
  • Wed, 13 January 2027 – Thu, 14 January 2027 Online Request
  • Tue, 26 January 2027 – Wed, 27 January 2027 Salzburg Request
  • Mon, 1 February 2027 – Tue, 2 February 2027 Online Request

Frequently asked questions

How is Claude Code different from traditional code completion?

Code completion suggests the next few lines, whereas Claude Code acts as an agent that handles whole tasks: it searches the repository, plans changes across several files, runs tests and commands, and corrects itself based on the results. You define the goal and review the outcome instead of steering every single line yourself.

Is Claude Code secure enough for enterprise use?

By default, Claude Code asks for approval before editing files or running commands. Permission rules, sandboxing, managed settings and hooks let you define precisely what the agent may do. During the course you learn to configure these mechanisms to match your security and data protection requirements and to assess risks such as prompt injection.

Does Claude Code work with my language and tech stack?

Yes. Claude Code is language-agnostic because it works with files, terminal commands and your existing build and test tooling. Whether you use Python, Java, TypeScript, Go, SAP-related code or infrastructure as code, what matters most is a well-written CLAUDE.md describing your commands and conventions. Each course variant adds the relevant domain focus.

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 “Claude Code 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 Claude Code courses

All 77 Claude Code courses

Claude Code · MunichClaude Code · SalzburgClaude Code · BerlinClaude Code · AugsburgClaude Code · HanoverClaude Code · BremenClaude Code · StuttgartClaude Code · KaiserslauternClaude Code · Online