Angular Academy
Angular Performance Optimization Workshop

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

Professional ANGULAR TRAINING!

Learn how to boost the performance of your Angular apps in this awesome hands-on instructor-led online training!


What's in it?

Learn ALL you need to know about optimizing performance of your Angular 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.

Deep dive into Angular Performance Optimization!


Develop fast & successful Angular solutions!

Part 1: Professional Performance Audit & Tools

  • Performance Audit Framework
  • Google PageSpeed & Chrome Lighthouse
  • WebPageTest & Perfume.js
  • Source Map Explorer & several bundle analyzer
  • ImportGraphVisualizer
  • Chrome DevTools & Angular DevTools

PART 2: Angular Initial Load Performance Optimization

  • Classic web performance best practices
  • NgOptimizedImage (ngSrc) directive for images
  • Optimization of bundle size & tree shaking
  • 3rd party libs, CSS & component frameworks
  • Lazy loading & preloading strategies
  • Deferrable Views and Libraries @defer & Triggers
  • Defer loading of the Animations Module
  • Server-side rendering (SSR) & hybrid rendering
  • Prerendering (SSG) & deployment
  • Hydration, Partial Hydration & Event Replay

PART 3: Angular Runtime Performance Optimization

  • Change Detection OnPush & Signal updates
  • Change Detection optimization & ChangeDetectorRef
  • Hybrid CD, Zoneless apps & zone.js Coalescing
  • High-Performance reactive rendering
  • Angular templates: pipes, flags
  • Track (by) and @for loops
  • CDK virtual scrolling & further UX improvements
  • RxJS subscription best practices

PART 4: Bonus & further optimization

  • Angular updates & latest features
  • Angular Resolver & alternatives
  • Smart vs dumb components
  • API communication best practices
  • Service workers (PWA) & web workers
  • Scheduling
  • Nx, Vite, esbuild & application builder

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!