Build Performant and Progressive Angular Applications

• Improve an app's TTI via route-level code splitting and lazy loading.
• Implement a loading indicator for lazy loaded routes.
• Improve performance via preloading all lazy modules.
• Implement a custom preloading strategy.
• Preload lazy loaded modules with the Angular CLI.
• Optimize Angular's Change Detection.
• Implement virtual scrolling for large lists with the Angular CDK.
• Add client-side precaching with Angular and service workers.

This course provides practical tips and tricks to create faster and more reliable Angular applications. Inspired by content from web.dev/angular by Minko Gechev and Stephen Fluin, you will learn various techniques to enhance the performance and user experience of Angular applications.

• Ideal for developers with some experience in Angular looking to optimize their applications for better performance and user experience.

• Basic understanding of Angular is required.
• Familiarity with TypeScript and web development concepts is recommended.

• Learn to apply route-level code splitting and lazy loading with the Angular CLI.
• Show a loading indicator for lazy routes in Angular.
• Preload all lazy loaded modules with Angular.
• Implement a custom preloading strategy with Angular.
• Calculate and measure performance budgets with the Angular CLI.
• Optimize Angular's Change Detection.
• Apply virtual scrolling to large lists with the Angular CDK.
• Apply precaching with the Angular Service Worker.