Training course · OpenAI Codex · Web Development

OpenAI Codex for Web Developers

Delegate development work with OpenAI Codex: CLI and cloud agent, AGENTS.md, sandboxing, approvals and team PR workflows.

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

“OpenAI Codex 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 OpenAI Codex in the abstract, you work on tasks from your daily routine – with examples, exercises and templates from Web Development.

OpenAI Codex is a coding agent that runs both locally, as a command-line tool and IDE extension, and as a cloud agent. Locally, Codex reads your repository, proposes changes and runs commands inside a sandboxed environment. In the cloud, it works on delegated tasks in parallel inside isolated containers and returns results as traceable diffs or pull requests. Over two days you will learn how to combine both modes effectively and how to scope tasks so that the agent can complete them reliably and with minimal back-and-forth.

Control and security sit at the heart of the course. With AGENTS.md you hand Codex project knowledge, build and test commands, and conventions. You configure approval modes and sandboxing so that the agent only does what you permit, and you set up cloud environments with suitable setup scripts. You will also integrate Codex into your pull request workflows, use automated code review, and define team rules on which tasks are delegated and how results are checked before they are merged into the main branch.

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 Codex locally and in the cloud for the development tasks each mode suits best.
  • You write an AGENTS.md that guides the agent reliably through your project.
  • You configure approval modes and sandboxing to match your security requirements.
  • You delegate tasks to the cloud agent and review the results systematically.
  • 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 Codex at a glance: CLI, IDE and cloud
  • Comparing how Codex works locally and in the cloud
  • Installing the Codex CLI, signing in and starting it in a repository
  • Interactive sessions, non-interactive execution and model choice
  • Distinguishing tasks that suit a coding agent from those that do not
Module 2 Project knowledge with AGENTS.md
  • Building an AGENTS.md with build, test and lint commands
  • Stating conventions, architectural notes and prohibitions precisely
  • Using nested AGENTS.md files for monorepos and sub-projects
  • Checking effectiveness and refining instructions iteratively
Module 3 Sandboxing, approvals and security
  • Choosing approval modes deliberately, from read-only to largely autonomous
  • Understanding sandbox boundaries for file system and network access
  • Handling secrets, dependencies from the internet and prompt injection
  • Configuration files for team standards and safe defaults
Module 4 Delegating tasks to the cloud agent
  • Configuring cloud environments with setup scripts and dependencies
  • Writing tasks with a clear goal, context and acceptance criteria
  • Launching several tasks in parallel and comparing the results
  • Using logs and test output to understand the proposed solutions

Day 2

Module 5 PR workflows and code review in the team
  • Turning results into pull requests and requesting follow-up changes
  • Using automated Codex code review on GitHub
  • Embedding Codex in scripts and CI pipelines
  • Setting team rules for delegation, review duties and accountability
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, are comfortable with Git and the command line, and know pull-request-based workflows. 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 a terminal, Git and a Node.js runtime; a ChatGPT plan with Codex access or an OpenAI API key, plus a GitHub account for the cloud 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.

  • Wed, 25 November 2026 – Thu, 26 November 2026 Online Request
  • Mon, 7 December 2026 – Tue, 8 December 2026 Salzburg Request
  • Wed, 16 December 2026 – Thu, 17 December 2026 Online Request
  • Tue, 12 January 2027 – Wed, 13 January 2027 Online Request
  • Wed, 27 January 2027 – Thu, 28 January 2027 Bremen Request
  • Thu, 4 February 2027 – Fri, 5 February 2027 Online Request

Frequently asked questions

When should I use Codex locally and when in the cloud?

Locally you work interactively and close to the code, for example when debugging or making exploratory changes where you want to follow every step. The cloud agent suits well-defined tasks that can run independently, such as adding tests or fixing smaller bugs. You can start several of these in parallel and review each one as a pull request.

What belongs in a good AGENTS.md?

A good AGENTS.md explains how the project is built, tested and checked, which conventions apply and which areas must not be touched. It is concise, concrete and kept up to date. Notes on architecture and common pitfalls also help. During the course you write an AGENTS.md for a project of your own and test how it changes the agent’s behaviour.

How safe is it to let Codex run commands?

By default Codex works inside a sandbox with restricted file and network access and asks for approval before risky steps. You decide how much autonomy to grant through approval modes and configuration. In the course you learn to choose these settings deliberately and to limit risks such as prompt injection or running unfamiliar dependencies.

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 “OpenAI Codex 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 OpenAI Codex courses

All 32 OpenAI Codex courses

OpenAI Codex · MunichOpenAI Codex · SalzburgOpenAI Codex · BerlinOpenAI Codex · AugsburgOpenAI Codex · HanoverOpenAI Codex · BremenOpenAI Codex · StuttgartOpenAI Codex · KaiserslauternOpenAI Codex · Online