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!

Day 1 & 2

Structure for Large Applications: Monorepos, Nx, and Strategic Design
- Planning architectures using Strategic Design/ Domain-Driven Design (DDD)
- Self-contained Systems, Verticalized Architectures and Feature Slicing
- CLI workspaces and monorepos with Nx
- Categories for libraries, modules, and components
- Enforcing your architecture with Nx and Sheriff
- Build performance: Incremental builds, tests, and caching
- Integration into the CI process
- Visualizing and measuring your architecture
- Evaluating the quality of your architecture and modular design
Scalable Architectures: Micro Frontends with Module Federation and Angular Elements
- From Strategic Design to Micro Frontends
- Pros and cons of Micro Frontends
- Mono Repos vs. multiple repos
- Loading Micro Frontends with Module Federation and Native Federation
- Dynamic Federation
- Sharing dependencies
- Handling version conflicts
- Communication between Micro Frontends
- Cross-framework development with Angular Elements and Web Components
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
- Proper use of effect
- Glitch-free, Auto-Tracking und untracked
- Linked Signals
- Signals and Zone-less change detection
- Interoperability with RxJS

Day 3 & 4

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
Signal Forms in the Reactive Data Flow
- The new Signal Forms and the reactive graph
- Combining Signal Forms with the Signal Store
- Using schemas (custom, Zod, OpenAPI)
- Custom validators (simple, asynchronous, multi-field, tree-based)
- Conditional validations
- Breaking down large forms into sub-forms
- Working with groups and arrays
- Integrating custom controls
- Metadata: clearly communicating validation rules
- Interoperability with existing Reactive Forms (gradual migration)
AI Assistants and Generative AI for Your Solutions
- The role of AI in frontend architecture
- Using LLMs directly in the frontend
- Tool calling and structured output in the frontend
- Information extraction from text and images
- Integrating AI assistants into existing applications
- Providing context: connecting stores, the router, and forms
- Generative UIs and dynamic, context-specific views
- Under the hood: tracing and understanding message flows
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 and OpenID Connect with JSON Web Tokens (JWT)
- Token storage and token refresh strategies
- Single sign-out
- Tokens in the browser vs. security gateways (Backend for Frontends)

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

"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