Name: Angular Architecture
Brand: Angular Academy
Price: 1590 CAD
Availability: OnlineOnly
Rating: 5.0 (392 reviews)

Architectures for Enterprise Applications

In this interactive workshop, you will learn from Manfred Steyer (Angular GDE and Trusted Collaborator in the Angular team) and/or one of his expert co-trainer, how large-scale enterprise Angular applications can be designed and developed. The exercises will gradually result in an application that you can use for your own projects at the end of the workshop.
Updated: Now covers the latest Angular features, such as Reactivity with Signals, Resource API, Signal Forms and NgRx Signal Store. Also covers AI integration!

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: signal, computed, and effect
The Resource API and httpResource
Using effects correctly
Glitch-free updates, auto-tracking und untracked
Linked Signals with linkedSignal
Signals and Zoneless change detection
Interoperability with RxJS

State Management with the New 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 sub-forms
Working with groups and arrays
Integrating custom controls
Metadata: communicating validation rules clearly
Interoperability with existing Reactive Forms: gradual migration

Scalable Architectures: 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/entities
Facades as central coordination points
Classic NgRx Store and Signals

Bonus: Modern Security Architectures and Single Sign-On

Integrating existing identity providers like Active Directory or Keycloak
Social login (Login with Facebook, etc.)
Current recommendations from the OAuth 2 working group as the foundation of OAuth 2.1
OAuth 2.0 and OpenID Connect with JSON Web Tokens (JWT)
Token storage and token refresh strategies
Single sign-out
Tokens in the browser vs. security gateways and backend-for-frontend architectures

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! (Also integrating AI assistants along the way)

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

"Excellent course! The instructor really knows his material and conveys it well."

Patrick Lecouffe

Christie Innomed

"Great course. Well prepared and presented. Trainer really knows his subject, and explains really well. Easy to follow. Teaching and Workshop is well balanced. "

Jefry Denny

SAP

"Thanks again for a great training session. This is going to be so useful getting me in the right direction as I finally embark on my 1st project which will use Angular for the front end. Your training is worth every second and every penny spent :)"

Pierre G.

"This is an amazing course. Laurent is one of the great trainers out there!"

Eric C.

"Angular Academy is one of the best training provider out there with a prolific tutor, I was so lucky to be tutored by Laurent!"

Abdulkabir O.

"I took the Angular Fundamentals course. I liked the structure and the dynamic of the training. Laurent is very good to pick-up the important and complex topics and explain them in a simple and concise way. His approach doing hand-on labs on the way expedites learning. Pretty happy with all the useful web resources he shared with us!"

Aldo Cuevas

SAP

"Great course! The instructor was very attentive."

Nassim Bencheikh

Christie Innomed

"Excellent training!!!"

Bhavesh Patel

Fiix Software