Push Notifications with Service worker

Push notifications in JavaScript are a powerful tool for engaging users and informing them in real-time. Leveraging the capabilities of web browsers and service workers, push notifications to allow websites and web applications to send timely updates, alerts, or messages to users even when they are not actively using the site. This seamless, non-intrusive communication channel enhances user engagement, encourages return visits, and enables developers to deliver personalized and relevant content, making it a crucial feature for modern web experiences.
This video series will take you through the fundamentals of Push notifications and how to implement a basic setup in your project.
Playlist link: • Push Notifications usi...
⌚Timestamps
0:00 - Introduction
0:31 - Push and local notifications
1:15 - Core components
2:12 - Push notification flow
2:38 - Basic setup
4:52 - Ask notification permission
7:56 - Do not ask for notification permission right away
9:04 - Enable notification button
11:41 - Sending notification from a service worker
13:50 - 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

[@frankemmanuel2417]

Thanks Man i have been in this for so long i really appreciate you bro

[@user-yo2gv2oj7q]

EXCELLENT BRO ,Thanks Form Pakistan, just always keep this quality

[@vineetsingh904]

find your channel after watching you OAuth playlist and that is the best playlist on RUclips right now to learn passport.js.
Your teaching style is very very good it really makes easy to learn topic and your voice is also good

[@akileshrao]

Thanks man. Appreciate it!

[@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.

[@mouaad_games8]

I'm watching for the same reason 😅

[@tc5878]

Hi there. Do you have any repository avaiable to checkout?

[@reignsvicky]

Very helpful, Worthy watching.

[@mutasimahmed8975]

learning something new !

[@matthewpaquette]

Legend!

[@ivanchu8528]

That is a great video, thank you very much,
And I want to know that, if user use google chrome in their mobile phone, if user close the web page, can I send the Push notifications to the user mobile phone ?

[@kedarsatwik6938]

I have created a web app using react js, in app i made users to add the todo element and select time. Now i want to send notification to them at that time as a reminder. Can i do that using this ?

[@Gaurav-zj4pu]

Web Notification API doesn't have support for mobile browsers, is it true?

[@gauravmithas2362]

couldnt be better than this!!
=

[@jouchiwinchester2666]

this is only good if the browser/tab is active, is user close the tab it will not work

[@denischikita]

it's not an implementation of pushes.

[@moathahmed2360]

very good , i want when i click on notification i will go to url how can i do that

[@hrithwikjayaraj1253]

Great Video! anyone have any experience implementing this in a java - react PWA?

[@Mohtarefelparmga]

How can i get the source code

[@akileshrao]

github.com/AkileshRao/Service-worker-notification/tree/main