2. Push Notifications with Service worker: Push API + Push Service

In this video, we take a look at how the Push API works behind the scenes, how we subscribe to a Push Service and how the backend server send back a push message using this Push service.
This video series will take you through the fundamentals of Push notifications and how to implement a basic setup in your project.
Web Push notifications in Firefox : support.mozilla.org/en-US/kb/...
Playlist link: • Push Notifications usi...
⌚Timestamps
0:00 - Intro
0:53 - Flow recap
1:37 - Some minor readjustments
2:57 - Using the activate event listener to get a user subscribed
5:18 - Application server key
10:00 - User-visible only
10:42 - Complete flow from the start(one last time)
12:42 - Outro
🧑‍💻Other playlists:
Service worker in Javascript (2023) - • Service worker in Java...
Javascript observers(2023) - • Javascript Observers(2...
The Web components Playlist - • Web components 2023
The Git series(2023) - • The Git series(2023)
Multitasking in NodeJS - • Multi tasking in NodeJS
NodeJS Authentication with Passport - • NodeJS Authentication ...
Job scheduling in NodeJS - • Job scheduling in NodeJS
NPM Tutorial Series - • NPM Tutorial Series (2...
Javascript(Behind the scenes) - • Javascript(Behind the ...
Socials
🐤 Twitter - / themangalorian
📷 Instagram - / _alt.ar_
👔 LinkedIn - / akilesh-rao-610357137
🧑‍💻 GitHub - github.com/AkileshRao
📝 Medium - / akileshrao19
#serviceworkers #webworkers #pushnotifications #notifications

[@webwisesagar]

Best resource out there. I integrated the push notification in a NextJS application by taking reference from your video. Excellent communication and explanation skills. Thankyou keep up the Good Work.

[@user-go5yr6te4r]

hi, does it work in ios ,push notifications?

[@iashishere]

​@@user-go5yr6te4r We're using browser specific APIs, so if your device has a browser, then it should work.

[@webwisesagar]

@@user-go5yr6te4r I only tested it for Android, but I've the application, you want to try it on IOS ?

[@johnsonchen8395]

Amazing tutorial on this topic 😱

[@Flash136]

Excellent video. I'm surprised how few resources there are on how to use these Web APIs. I suppose these browser features are just too new that most people simply don't know how to use it yet.

[@arunv1581]

How to we creat toast message using service worker ?

[@nick2874]

That was funny! Hardly true. Cheers. (refering to position 2:29)

[@jimpannell2035]

Does this work on mobile devices?

[@eealliance5997]

Why didnt he respond to this?

[@webwisesagar]

Yes It works