USA In the US? Get a sweet deal AND pay no tax! Contact Us for a Remote Corporate Training!
Angular Academy
ARCHITECTURES FOR ENTERPRISE APPLICATIONS

World-class instructor-led Angular training course!

Classes and Registration


Attend our workshops remotely!

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 30% exchange rate! (and no tax)

Professional ANGULAR TRAINING!

Learn Angular Architecture with NgRx Signal Store, Micro Frontends, Monorepos and Nx in this awesome hands-on instructor-led online training!


What's in it?

Design large-scale enterprise Angular applications 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, TypeScript and RxJS.

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.
Bonus: Now covers the latest Angular features, such as Reactivity with Signals, Lightweight architectures with standalone components, Functional guards, resolvers.

Day 1 & 2

  • Structure for Large Applications: Monorepos, Nx and Strategic Design
    • Plan architectures with Domain Driven Design (DDD)
    • CLI workspaces and monorepos with Nx (Nrwl Extensions)
    • Lightweight architectures with standalone components and APIs
    • Develop and distribute reusable npm packages
    • Categorization for libraries, modules and components
    • Enforce architecture constraints with access restrictions
    • Build performance: Incremental builds and tests with the Build Cache
    • Integration into the CI process
    • Customizable libraries with advanced DI patterns and content projection
    • The open/close principle in Angular with its own standalone APIs
  • Scalable architectures: micro Frontends with Module Federation and Angular Elements
    • From strategic design to micro frontends
    • Pros and cons of Micro Frontends
    • Monorepos vs. multiple repos
    • Leverage Webpack Module Federation to load separately compiled and deployed micro frontends
    • Dynamic Module Federation
    • Module Federation and Standalone Components
    • Sharing dependencies
    • Dealing with different versions and version mismatches
    • Communication between Micro Frontends
    • Cross-framework development with Angular Elements and Web Components
  • Modern solutions with 🚥 Signals
    • Concepts and Building Blocks: Signals, Computed and Effects
    • Reactivity with Signals
    • Signals and change detection
    • Interop with RxJS
  • State management with the new NGRX Signal Store
    • The state layer and DDD
    • The different operating modes of the Signal Store
    • Selectors and View Models
    • Normalized state
    • Dealing with side effects
    • Managing entities
    • Custom features for recurring requirements
    • External Updaters: Separating intention and execution
    • Signal Store and lazy loading
    • Interop with RxJS
    • Life Cycle Hooks
    • Facades as the linchpin
    • Differences and similarities to Redux

Day 3 & 4

  • State Management with the Classic NGRX Store and Redux
    • The Redux pattern
    • Actions and Reducers
    • Selectors
    • Effects
    • @ngrx/entities
    • The classic NGRX Store and 🚥 Signals
  • Reactive architectures with RxJS
    • Reactive thinking and reactive design
    • Chaining/piping of operators
    • Combination operators
    • Higher order observables
    • Implicit and Explicit Closing
    • Cold and hot observables, and multicasting
    • Using subjects
    • Error handling
    • Debugging
  • Bonus: Performance tuning
    • Lazy loading with and without a router
    • Data binding performance with OnPush, RxJS and Signals
    • AOT and Tree Shaking
    • Analyze bundles
    • Build performance with the build cache and incremental compilation
  • Bonus: modern security architectures and single sign-on
    • Connect existing identity solutions such as Active Directory
    • Social login (login with Facebook, etc.)
    • OAuth 2 as well as 2.1 and OpenId Connect
    • JSON Web Tokens (JWT)
    • Token refresh
    • Single sign out
    • Current recommendations of the OAuth 2 Working Group and consequences
    • Tokens in the browser vs. security gateways (backend for frontends)

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!