Build Performant and Progressive Angular Applications
Offered By: egghead.io
Course Description
Overview
This collection of lessons will give you some practical tips and tricks to create faster and more reliable Angular applications. They are highly inspired by the content published on web.dev/angular by Minko Gechev and Stephen Fluin.
What you'll learn here is how to..
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
That said, have fun
What you'll learn here is how to..
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
That said, have fun
Syllabus
- 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
- Custom Route Preloading with ngx-quicklink and 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
Taught by
Juri Strumpflohner
Related Courses
Angular v18 Migrations in Practiceegghead.io Building apps with Ionic 2
egghead.io Learn Angular Router for Real-World Applications
egghead.io Manage UI State with the Angular Router
egghead.io Offline-First Progressive Web Apps (PWA) in Vue.js
egghead.io