1120+
Company Workshops
710+
Conference Talks
358+
Specialist Articles
13+
Specialist Books
Advanced Angular: AI-Ready Architectures with Signals
Architecture-first. Signals-driven. AI-ready.
Long-term maintainable architectures for humans and AI
Duration
3 days
Level
Advanced
Location
Remote and In-House
Language
English / German
Price from
€690
Manfred Steyer, GDE
is Google Development Expert (GDE), and has published books at O'Reilly, Microsoft Press, and Hanser and writes for Heise Online, windows.developer and the Java magazine. He also regularly shares his knowledge at conferences
In this training, you will learn the essential concepts and tools for building large, long-term maintainable Angular solutions. We cover the latest Angular features in the context of sustainable architectures, signals-first design, and AI-ready architecture.
- Architecture as an executable contract for humans and AI
- Skills, MCP, hooks, and AI-assisted architecture reviews
- Modularization with vertical architectures, domains, and feature slicing
- Signal-based design: state management, forms, and data access
Through hands-on exercises, you will gradually build an application that you can use as a foundation for your own projects after the workshop. The labs can be completed either traditionally or with AI assistance. Architectural guardrails ensure that decisions remain transparent and controllable.
Optional – Remote Workshops: All our training and consulting services can also be booked as remote workshops!
Current Topics in Angular Architecture
We cover current Angular features and architecture techniques in the context of sustainable architectures for large, long-lived business applications:
- Signal-based from the start, including the Resource API and Signal Forms
- Modern state management with the NgRx Signal Store
- AI-ready architectures: making decisions explicit, evaluating modularization, and enforcing rules
- Loop Engineering: incorporating architecture into autonomous processes, validating it automatically, and initiating corrections
Bonus: Round Table with Your Trainers
All workshop participants are invited to a round table with the trainers. This is where the workshop becomes a consulting session: bring your project-specific questions and discuss them with us.
You can, of course, ask questions throughout the workshop. However, this round table is particularly suitable for topics that require more time to explain your current project situation and the challenges you are facing.
Agenda
Architectures for Humans and AI
- Design vertical architectures, feature slices, and domain boundaries that coding agents can understand and follow
- Implement vertical architectures using monorepos and/or microfrontends
- Context management for architecture guidelines and ADRs: what is relevant, and when?
- Architecture as an executable contract: guardrails for coding agents
- Rules, skills, MCP, and hooks: when should each be used?
- AI-assisted architecture assessments for new solutions and legacy systems
- Assess existing systems and plan and carry out refactorings with AI
- Architecture in AI-assisted development workflows
- Loop Engineering: automatically account for architecture and initiate corrections
Reactive Architectures with Signals
- The reactive graph in your architecture
- Reactive thinking and design
- Concepts and building blocks: signals, computed, and effect
- The Resource API and httpResource
- Using effects correctly
- Glitch-free updates, auto-tracking, and untracked
- Linked signals with linkedSignal
- Signals and zoneless change detection
- Interoperability with RxJS
State Management with the NgRx Signal Store
- Lightweight stores in your architecture
- Managing state with the Signal Store
- Integrating the Resource API and modeling mutations
- View models, entities, and normalization
- Custom features for recurring requirements
- RxJS-based side effects
- Flux and “Redux” with the Eventing API
- Generating stores with AI
- Providing AI with rules and conventions for stores and validating them deterministically
Signal Forms in the Reactive Data Flow
- Signal Forms and the reactive graph
- Combining Signal Forms with the Signal Store
- Using schemas: custom schemas, Zod, and OpenAPI
- Custom validators: simple, asynchronous, cross-field, and tree-based
- Conditional validation
- Breaking large forms down into subforms
- Working with groups and arrays
- Integrating custom controls
- Metadata: communicating validation rules clearly
- Interoperability with existing Reactive Forms: gradual migration
Microfrontends with Federation and Angular Elements
- From Strategic Design to microfrontends
- Advantages and disadvantages of microfrontends
- Monorepos versus multiple repositories
- Loading microfrontends with Module Federation and Native Federation
- Dynamic Module Federation
- Sharing dependencies
- Managing different versions
- Communication between microfrontends
- Cross-framework development with Angular Elements and Web Components
Bonus: State Management with the Classic NgRx Store and Redux
- The Redux pattern
- Actions and reducers
- Selectors
- Effects
- @ngrx/entity
- Facades as the central integration point
- The classic NgRx Store and signals
Bonus: Modern Security Architectures and Single Sign-On
- Integrating existing identity solutions such as Active Directory or Keycloak
- Social login, for example with Facebook
- Current recommendations from the OAuth 2.0 Working Group as the basis for OAuth 2.1
- OAuth 2.0 and OpenID Connect with JSON Web Tokens
- Token storage and token refresh
- Single sign-out
- Tokens in the browser versus security gateways and backend-for-frontend architectures
Upcoming events
All of our seminars are always available remotely or in-house. Contact us to make an appointment
Nov 23 2026 - Nov 25 2026 | 2:00 PM - 6:30 PM (CET)
Online |
English
|
Manfred Steyer, GDE
from €690
Reviews
I like the inclusion of hands-on coding exercises where we can verify our understanding of the presented concepts and techniques. I also appreciate...
I like the inclusion of hands-on coding exercises where we can verify our understanding of the presented concepts and techniques. I also appreciate the fact that we were granted access to the repo and resources used for the presentation.
Modern Angular Testing: Vitest & Playwright
Every session brought important insights. A lot of useful information about best practices and about the best tooling and libraries to use, including...
Every session brought important insights. A lot of useful information about best practices and about the best tooling and libraries to use, including the latest advancements like component testing in Cypress. I thought the structure going from e2e to unit to integration tests worked surprisingly well.
Professional Angular Testing: Cypress Edition
I liked that the workshop support was on a high level, it had a lot of information and it had exercises that covered...
I liked that the workshop support was on a high level, it had a lot of information and it had exercises that covered pretty well the theoretical part.The presenter was fluent, well prepared, so the course was captivating.
Micro Frontends with Angular
I had never used Storybook and only fiddled around with Figma and Cypress on my own before. As a novice on the design...
I had never used Storybook and only fiddled around with Figma and Cypress on my own before. As a novice on the design field this course described the roles and purposes of these three tools well. I now have better knowledge to pitch the idea of implementing the most suitable parts to our development cycle.
Scalable Design Systems with Storybook and Angular
Manfred is very approachable, patient, respectful, and easy to understand, even when attendees ask repetitive questions - this is impressive. Explanation of the...
Manfred is very approachable, patient, respectful, and easy to understand, even when attendees ask repetitive questions - this is impressive. Explanation of the labs was very good. Explanations focused on the mental model behind the code, which is most important to registering conceptual relationships in the framework/ddd.
Advanced Angular: AI-Ready Architectures with Signals
Most of the topics that were covered in this workshop will help us for future decisions for our app architecture. Even if the...
Most of the topics that were covered in this workshop will help us for future decisions for our app architecture. Even if the team would decide to not use what was shown in the workshop, it's still very useful to get an overview of how an app architecture could be, so that we can find the best solution for our problems. I really liked that we had some time on the last day to go into specific problems of our app and to hear about what could be changed and what we could work on
Advanced Angular: AI-Ready Architectures with Signals
Kinda everything .. Philipp is a very good trainer.
Kinda everything .. Philipp is a very good trainer.
Angular Security Workshop
Being new to Angular and with very little experience using NX this gave me a great introduction to many of the concepts and...
Being new to Angular and with very little experience using NX this gave me a great introduction to many of the concepts and pointers on best practices for structuring the code base. I will feel more confident working on our company code base now.
I also appreciated the concrete examples of how to implement DDD in folder and files structures.
I also appreciated the concrete examples of how to implement DDD in folder and files structures.
Angular Migration Workshop
Individual In-House Company Workshops
All of our workshops are also available remotely or in-house at any time.
Contact us for an appointment
FAQs on our workshops
How do your workshops and courses work?
Our seminars around Angular are a mixture of lecture, live coding and actual exercises. Together we implement what we have learned during the workshop directly on a example project. This mixture guarantees that the course never gets boring and “hands-on” is required instead of gray theory.
Who is the Angular hands-on training designed for?
Our Angular hands-on workshop is aimed at anyone who wants to develop applications with Angular in the future or is already doing so and now wants to better understand the background, context and building blocks of the framework.
Participants should have basic knowledge of web development (basic knowledge of HTML and JavaScript).
For advanced Angular developers we offer advanced seminars and intensive trainings on specific use cases.
Where do the Angular workshops take place?
Our trainings take place as public workshops in seminar rooms at central hotels in Germany, Austria and Switzerland. In-House company workshops take place at your office or conference room.
All courses are also available as remote workshops, where we meet online in a virtual classroom and do the training via video calls, screen sharing and live coding.
Who are the trainers?
Our workshops are held by experienced trainers and software architects. In recent years, we have provided Angular training to well-known companies – including well-known banks, insurance companies, industrial groups. Trainers include well-known conference speakers, authors of books and professional articles, bloggers, Google Developer Experts and university lecturers.
At what times are the training sessions held?
Especially for dedicated company trainings, we are happy to accommodate you. Typical times are 9:00AM to 4:30PM / 5:00PM. Some of our English-language workshops are timed so that you can also attend at US friendly times.
Can we also book online training courses?
Absolutely. In fact, since the pandemic, this has been our main business model and we have had very good experience with it. We use a combination of screen sharing, interactive online whiteboards, and are happy to connect to your computer for support during the exercises if you wish. As with our on-site training, we use a combination of short presentations, discussions, live coding and hands-on labs.
Since there is no travel involved, you also save time and money. We can also respond more flexibly to your scheduling needs.
Can we adapt the training for our purposes?
Yes, very much so. In fact, that’s one of the benefits of dedicated corporate training. You are welcome to weight, shorten or add to our agenda proposals. As a rule, we also coordinate with your trainer about 2 weeks before the training. If you wish, we can also arrange it earlier.
Why Angular?
Among other things, Angular’s wide distribution speaks for itself, but also the fact that Google, an Internet giant that also uses the framework very intensively, is behind it. Google alone has over 2600 solutions based on it. Due to the wide distribution, there is a large community and thus a lot of know-how on the market as well as (free and commercial) products that are adapted to Angular. In addition, Angular provides much of what you need for large applications out of the box: test automation, form management, routing, etc. In this respect, you get a stack whose components are coordinated and work together in the long term.
How do you compensate for different prior knowledge?
The good news up front is that participants with different levels of prior knowledge are the rule, not the exception, in adult education. That’s why you’ll find optional fade-in hints and bonus exercises on our exercise sheets, for those who are a little faster. Of course, we also provide personal support for the exercises.
How many participants are recommended?
If you book a company training with us, we leave this decision to you in principle. However, experience shows that there should not be more than 15 participants, especially since a seminar lives very much from questions, discussions and practical exercises.
What software do we need?
Please install the following software packages on your computer:
– NodeJS in current version (we test with current LTS version).
– Angular CLI (npm i -g @angular/cli)
– Git
– Visual Studio (free) or WebStorm/IntelliJ (commercial)
Selected happy customers
