Build your first mobile & desktop app as a Progressive Web Application

on YouTube ↗03h 13m

" summary

Shows a runnable booking app converted into a PWA with a manifest, service worker lifecycle and caching so it runs offline, uses Workbox for workbox precaching and runtime strategies, demonstrates background sync queuing of failed POSTs and replay when online, and implements push notifications via the web-push library with VAPID keys. Builds and deploys on Heroku (Node + Chrome required); offline caching, sync queue and most features work in the demos, push needs HTTPS/Heroku to test.

AI-written summary · about

" chapters (19)

1. 0:00Start
2. 3:02Combining Best of Web and Best of Native Apps
3. 5:27Native Apps
4. 6:54Building Blocks
5. 16:05Adding the Web App Manifest
6. 16:50Prerequisite
7. 28:38Heroku Login
8. 40:53Adding an App Manifest
9. 41:45Manifest Dot Json File
10. 1:16:48Start Url
11. 1:17:16Making the App Offline
12. 1:19:56Serviceworker
13. 1:20:24Add a Small Serviceworker
14. 1:43:40Register a Service Worker
15. 2:27:08Cashflow Strategy
16. 2:27:58Background Synchronization
17. 2:52:49Web Push
18. 3:04:41Deploy to Heroku
19. 3:10:01Demo

" related talks

• 44mPWA - Welcome to the FutureDavid Müllerchen · code.talks 2017
• 33mCreate app like experiences with Progressive Web AppsAlexandru Bularca · Voxxed Days Bucharest 2016
• 49mIntro To Progressive Web AppsChris Lorenzo · LambdaConf 2024
• 59mProgressive React AppsSebastian Springer · iJS 2018 Spring
• 23mBuilding a Progressive Web AppKirupa Chinnathambi · Front-Trends 2017
• 53mProgressive Web Applications - The best of both worlds (App & Web)Noorulameen Noorulameen · Voxxed Days Singapore 2018
• 38mProgressive Web Applications: The What, the Why and the HowRadu Enuca · Voxxed Days Frontend Bucharest 2019
• 17mLet's Build a Progressive Web Appuve · DeltaV Conference 2018