Angular Development in the Age of AI

3 days · Interactive workshop

Learn the Angular concepts you need to guide coding agents, understand the code they produce, and make sound technical decisions. You also learn how to bring AI capabilities into your Angular applications. Through live coding and practical review of agent-produced work, you make decisions about architecture, state management, Signal Forms, testing, and quality.

Who it is for

For Angular developers and technical leads who work with coding agents and need to understand, review, and take responsibility for the code they produce.

What you leave with

Guide coding agents and review their work against your Angular architecture and quality standards.
Build and test Angular features with signals, state management, and Signal Forms.
Connect an Angular UI to agents while keeping application state and users in control.

Syllabus

Angular Concepts

Architecture, State Management, Signal Forms, and Testing

Exploring architectural patterns and structuring your application for scalability
Using signals and resources for derived state, asynchronous data, and loading and error states
Managing local and shared application state with NgRx SignalStore
Using Signal Forms for field state, validation, and submission handling
Writing effective tests with Vitest and Playwright

Working with Coding Agents

Context, Implementation, and Review

Using MCP tools and skills to provide Angular project context, architecture, and conventions
Configuring permissions for work on your Angular application
Running coding agents in sandboxes with NVIDIA OpenShell and Docker Sandboxes
Using coding agents and sub-agents to implement features and refactor existing code
Managing context and memory during long-running development tasks
Reviewing agent-produced components, state management, Signal Forms, and tests for correctness and quality
Setting up deterministic checks with type checks, linting, Vitest, and Playwright
Setting up a development loop with Google ADK for implementation, checks, automatic reviews, and human input

Agentic UI

AI Capabilities in Angular Applications

Connecting your Angular application to agents with CopilotKit
Using AG-UI for agent communication and showing progress, tool activity, and results
Dynamically constructing UI elements with A2UI
Building human-in-the-loop controls to guide agents and approve their actions
Providing Angular application context and sharing state between agents and the UI
Using frontend tool calling to update views, filters, and application state
Embedding MCP Apps into your Angular application

Starting knowledge: Working knowledge of Angular and TypeScript. Familiarity with components, services, and application state will help you take part in the exercises.

Dates and pricing

Tell us about your team, current experience, and what you want to achieve. We will discuss the scope, format, duration, and pricing with you.

You can book this workshop independently. For goals spanning several topics, explore our custom programmes.

Enquire about dates and pricing Compare the workshops →