Angular Academy
Advanced Angular Training

World-class instructor-led live online Angular 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)

Classes en Français? Suivez ce lien.

Professional ANGULAR TRAINING!

Learn Angular, RxJS, Signals and NgRx Now with the #1 hands-on instructor-led classroom training and certification course!


What's in it?

Master Advanced Angular concepts to create complex data-centric app 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 and TypeScript.

2 days to Master Angular


This is an intensive instructor-led workshop that covers advanced topics dedicated to people who are already familiar with Angular and TypeScript! This workshop is very hands-on and you'll have the chance to work on an Angular data-centric business application with plenty of interactivity with the instructor.

Day 1

  • Advanced Routing
    • Lazy Loading
    • Preloading Modules
    • Diagnostic with traces
    • Auxiliary routes
    • Routes Transitions
    • Protect routes access with Guards
    • Route Resolver
    • Setting metadata for SEO
    • Router events
  • Complex Error Handling
    • Global Error Handler
    • Managing different types of errors: Code, Navigation, Http
    • Error Service, offline mode and log to server
    • Http Errors Intercept0r with auto retry for failed requests
    • Notification Service: using an RxJS Subject to stream messages and display toast notifications
  • Optimizing performance
    • Exploring different techniques to improve your apps and make them run fast and smooth:
    • Bundling, Minification, dead code elimination
    • Lazy loading in templates with @defer
    • Performance for Data Binding with OnPush
    • Web Workers to improve responsiveness
    • Profiling runtime performance
    • Using bundle analyzer
    • Virtual Scrolling
    • Improve ngFor with trackBy (and the new @for syntax)
    • Caching with Service Worker, Progressive Web App (PWA)

Day 2

  • Advanced RxJS
    • RxJS and Reactive Programming
    • Data Composition with Observables
    • Most important RxJS operators
    • Using Subjects (BehaviorSubject, ReplaySubject)
    • Introduction to Higher-order Mapping Operators (switchMap, flatMap, ...)
  • Deep dive into Signals
    • Signals API
    • Computed Signal
    • Effects
    • RxJS Interop
    • Handling signals errors
    • Signal-based components
    • Signals vs RxJS ?
    • Refactoring an RxJS based Service to Signals
  • Modern State Management with NgRx Signal Store
    • Overview of the NgRx Signal Store
    • Signal-based Service vs SignalStore ?
    • Setting up the store
    • Local vs Global store
    • Using withState, withMethods, withComputed, withHooks
    • Smart/Dumb component architecture
    • Immutability with patchState
    • Integrating RxJS with rxMethod
    • Time travel debug with Redux DevTools Extension
  • Server-side rendering
    • Improving performances and SEO
    • Hydration
    • Static Site Generation
  • Final QnA
Note: we can also work with you to tailor the content for corporate training (on-site or online) to fit your team's preferences and expectations. Optional topics could be: Bootstrap, Material Design, Firebase, Unit testing, e2e testing, Ionic, NgRx, Progressive Web App (PWA), Internationalization and localization, accessibility, Server-side rendering, ...

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!