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!

In-person trainings will resume when the situation with COVID-19 will allow it.
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 Micro Frontends, Single Sign-on, 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 one of his expert co-trainer, how large-scale enterprise Angular applications can be designed and developed. After the individual exercises, you will have a case study you can use as a template for your own projects. Also, this workshop allows you to evaluate the variety of options you can choose for your own projects.

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)
    • 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
  • 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
    • Sharing dependencies
    • Dealing with different versions and version mismatches
    • Communication between Micro Frontends
    • Cross-framework development with Angular Elements and Web Components
  • State management patterns with NGRX and Redux
    • The state layer and DDD
    • NGRX: When to use it or not and alternatives?
    • Using the Redux approach with NGRX
    • Different types of states
    • Building Blocks: Actions, Reducers
    • Selectors and view models
    • Effects and side effects
    • Generate building blocks with schematics
    • Manage entities with @ngrx/entities
    • Practical handling of immutables
    • Facades as the linchpin
    • Introduce NGRX gradually
    • NGRX and lazy loading of modules
    • Local states with the brand new NGRX/Component store

Day 3 & 4

  • Performance tuning
    • Lazy lodging with and without a router
    • Data binding performance with OnPush
    • AOT and Tree Shaking
    • Analyze bundles
    • Build performance with the build cache and incremental compilation
  • 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
  • Customization and White Label Solutions
    • Adjustments at runtime with lazy loading and module federation
    • Compile-time adjustments with libraries and path mappings
    • Configure libraries with forRoot and DI
  • 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)
  • Bonus: Trends and the future of Angular
    • A future without NgModules
    • Web Components
    • Lazy loading of components
    • Zoneless change detection

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!