YoVDO

Build Performant and Progressive Angular Applications

Offered By: egghead.io

Tags

Mobile Development Courses Angular Courses Progressive Web Applications Courses Lazy Loading Courses Code Splitting Courses

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

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 Practice
egghead.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