Progressive Web Apps - the Angular way

on YouTube ↗33m

" summary

Converts an existing Angular app into a Progressive Web App by adding a Web App Manifest, registering a service worker, and serving over HTTPS; shows concrete caching strategies (prefetch app shell, lazy asset groups) and demonstrates production build and deploy with ng build --prod. Uses Lighthouse and PWA Builder, mentions Workbox and a serviceworker mock for tests, and scores 100 Lighthouse score after fixes (manifest, theme-color, HTTPS, noscript). Shows what is cached, how fetch events behave, and that it works.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 3:33Dive into main concepts
3. 5:49Responsive
4. 6:20App-like
5. 8:57Linkable
6. 19:31Create service workers using the angular cli

" related talks

• 29mBuild progressive web apps with AngularSimona Cotin · ngVikings 2018
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 24mBuild progressive web apps with AngularSimona Cotin · Frontend Developer Love 2018
• 35mProgressive Web Apps with Angular 2Manfred Steyer · Angular Camp 2016
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 53mWeb goes Native: Progressive Web Apps with AngularShmuela Jacobs · GDG DevFest Ukraine 2017
• 22mPWAs, are we there yet?!Simona Cotin · NG Poland 2018
• 31mProgressive Web Apps with Angular and FirebaseErik Haddad · JSPoland Conf 2017