Automatic Progressive Web Apps Using the Angular Mobile Toolkit

Explore the world of Progressive Web Apps (PWAs) using the Angular Mobile Toolkit in this 30-minute conference talk from ng-conf. Dive into the evolution of web development, understanding the 10 key characteristics of PWAs. Learn about the Mobile Toolkit's components, including NGSW installation, app building, and static content caching. Discover techniques for route redirection, extending NGSW manifest, and implementing dynamic content caching. Gain insights into companion apps, gentle app update flows, and push notifications. Understand how to set up push subscriptions and work with basic Service Workers. Finally, explore ways to extend functionality and create automatic PWAs, equipping you with the knowledge to enhance your web applications' performance and user experience.

Intro
Maxim Salnikov
Milestones of the web
Progressive Web App
10 characteristics
Mobile Toolkit
Where is --mobile?
2 packages
4 main parts
NGSW installation
App build
Static content caching
Route redirection
Extending NGSW manifest
Dynamic content caching
Dynamic cache settings
Companion
Gentle app update flow
Push notifications
Push settings
Push subscription
Basic Service Worker
Extending functionality
Automatic PWA