Building PWAs with Angular 5 and Visual Studio Code

on YouTube ↗55m

" summary

How to make an Angular 5 app into a Progressive Web App using Visual Studio Code and the Angular CLI: create a project with ng new, add the service worker with ng add, build for production with ng build --prod, and serve with http-server or Live Server. Shows generating the web app manifest and icons, explains cache-first vs network-first strategies, inspects the generated service-worker file to enable offline behavior, and verifies PWA functionality and performance with Chrome DevTools and Lighthouse targeting scores of 85+.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 1:07What is a PWA?
3. 5:35Engaging
4. 21:05Network request - Typical
5. 28:06Add Angular to your application
6. 41:06Visual Studio Code
7. 42:40Lighthouse - Chrome Extension (beta)
8. 54:17Feedback!!!

" related talks

• 33mProgressive Web Apps - the Angular waySimona Cotin · Uphill Conf 2018
• 39mPROGRESSIVE WEB APPS 🚀 WITH ANGULARBrian F Love · Voxxed Days Zurich 2019
• 17mCrafting Bespoke PWA Experiences with AngularMark Thompson · OpenJS World 2021
• 24mBuild progressive web apps with AngularSimona Cotin · Frontend Developer Love 2018
• 29mBuild progressive web apps with AngularSimona Cotin · ngVikings 2018
• 17mProgressive Angular 2 appsCiro Nunes · NG Poland 2016
• 22mPWAs, are we there yet?!Simona Cotin · NG Poland 2018
• 43mAutomatic Progressive Web Apps using the Angular Mobile ToolkitMaxim Salnikov · JSHeroes 2017