Progressive web apps tutorial using Angular 13 | Service worker | Push Notifications
Progressive web apps tutorial - We see how to convert Angular 13 app to Progressive web app. Service workers play the most critical role in the PWA of caching the resources and API data. The angular services SwUpdate and SwPush are available in the ServiceWorkerModule. SwUpdate service provides regular updates about the app in the server. SwPush service can be used for subscribing to Push messages from the server using both Push API and Notification API. App Shell provides a way of loading a minimal screen to make the PWA fast in the initial loading.
Github url - https://github.com/anuroopjoy/pwa-sample
N95 masks from Amazon - https://amzn.to/3s9BTCc . Wear them. Be safe.
00:00 - Introduction
02:43 - Convert angular app to PWA
13:53 - Install PWA
14:53 - Cache Storage
17:43 - Cache APIs
19:29 - SwUpdate - subscribe to server updates
25:29 - SwUpdate - Poll for server updates
28:23 - SwPush - Push notifications
37:07 - Notifications payload
41:25 - App Shell
47:15 - Uninstall PWA
On this page of the site you can watch the video online Progressive web apps tutorial using Angular 13 | Service worker | Push Notifications with a duration of hours minute second in good quality, which was uploaded by the user JS Frameworks 05 February 2022, share the link with friends and acquaintances, this video has already been watched 12,001 times on youtube and it was liked by 165 viewers. Enjoy your viewing!
