Angular Academy
Agentic AI with Angular: Architecture & Patterns

World-class instructor-led live online Angular course!

Classes and Registration


Contact us for your private Corporate Training.

Our prices are in Canadian dollars (CAD)

USA In the USA? Attend our virtual classes and take advantage of the 40% exchange rate! (and no tax)

Professional Angular Training!

Build agentic solutions with Angular in this awesome instructor-led training!


What's in it?

Dive deep into Agentic AI with an industry expert in an immersive hands-on workshop.

Workshop

It's hands-on! An important part of the training is dedicated to building apps together and testing things in real time (interactive learning class).

Prerequisites

You should have significant experience with the core concepts of Angular and TypeScript.

Agentic AI with Angular


Large Language Models are evolving from simple chat interfaces into agentic systems that can plan tasks, call tools, and interact with users. Integrating such systems into real-world applications introduces new challenges for architecture and UI integration.
In this hands-on workshop, you will learn how to build agentic applications with Angular – with a clear focus on frontend integration. We rely on standards such as AG-UI, A2UI, and MCP Apps to enable clean decoupling and avoid vendor lock-in.
By the end of the workshop, you will have a working example and a clear understanding of how to apply agentic systems in production environments.

Part 1: From Chatbots to Agentic Applications

  • What makes a system "agentic"?
  • The agent loop
  • Tools and tool calling
  • Prompt design for agents
  • Architecture overview
Hands-on lab: Developing prompts for agentic systems and tool calling

Part 2: Client-Side Agents in Angular

  • Client-side tool calling
  • Structured outputs
  • Streaming responses
  • Dynamic UI
Hands-on lab: Integrating an agent into an Angular application, Adding client-side tools and dynamic components

Part 3: Connecting Agents via AG-UI

  • Using agents via AG-UI
  • Combining client and server-side tools
  • Integrating APIs and services
  • Memory and context management
  • Model Context Protocol (MCP)
Hands-on lab: Extending the application with AG-UI and MCP, Connecting the state of client- and server-side tools

Part 4: Human-in-the-Loop Patterns

  • Interrupt patterns
  • Approval workflows
  • Co-planning with users
  • Action cards
  • Undo and recovery patterns
Hands-on lab: Implementing safe user interaction with the agent

Part 5: Generative & Adaptive UI

  • Dynamic components
  • Natural-Language Queries
  • Code-Generation und Sandboxing
  • Event-driven UI Updates
  • Integration with A2UI
  • Integration with MCP Apps
Hands-on lab: Creating dynamic, agent-driven UI components, Using A2UI and MCP apps for dynamic responses

Part 6: Multimodal Interaction

  • Voice interfaces
  • Images and documents
  • Combining multiple modalities
  • Designing multimodal workflows
Hands-on lab: Enabling voice control, Extracting information from documents

Part 7: Safety, Security, and Guardrails

  • Prompt injection risks
  • Guardrails
  • Evaluating responses
  • Securing tool execution
  • Authentication and authorization
Hands-on lab: Securing agents with guardrails, Evaluating responses (scorers, judges), OAuth 2 and OpenID Connect

Part 8: Advanced Topics

  • Planning Agents
  • Sub Agents
  • Router Agents
  • Workflows
  • Multi Agent Systems
Hands-on lab: Integrating advanced agents into Angular applications

Other Angular training courses!

The Angular Academy

Difference!


Our courses are different from anything you've seen before.... rather than just teaching you something, and giving you a bunch of exercises along the way, in our hands-on courses we focus on BUILDING a real data-centric business application, together!

So this isn’t just another one of those “watch me build something and try not to fall asleep” courses... our motto is Everyone Live Coding All Day Long!© Building a complete application together with the instructor. This way, by the end of the training we'll have built an entire app, and the instructor makes sure that nobody get stuck. You’ll also get lot's of advice and best practices on building and optimizing Angular applications with TypeScript and RxJS!

We think this is by far the most efficient way of learning a programming technology, and our attendees LOVE IT!

Read our customers testimonials

Contact Us


For more information or organizing your Corporate Training.


Alumni


Be part of our next workshop and learn Angular in a fun and engaging way!