Radsystems Tutorial - Creating a Push Notification in Radsystems Studio(Classic) - Part 1

This tutorial teaches you how to integrate push notifications in your Radsystems Studio (PHPRad Classic) Project. This is part 1 of this series. And if you are interested in purchasing a Radsystems Studio or PHPrad Classic2.7.3 license, use this link https://www.willvin.com/radsystems_licenses and apply the %15 discount coupon during checkout. Coupon: WILLVIN - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📖 Read more about Service Workers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API https://developers.google.com/web/fundamentals/primers/service-workers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🔑 Key Moments - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 00:00 - Intro 00:58 - What is a push notification? 01:14 - How does a push notification work? 02:14 - What is a service worker? 02:26 - Project creation. 05:57 - Adding the service worker installation code. 06:50 - Moving the service worker file to the public folder. 07:30 - Adding our javascript helper functions. 09:13 - What is VAPID keys? 10:18 - Generating your VAPID keys with OpenSSL. 13:30 - Explanation of the notification helper functions. 16:07 - Getting browser subscription successfully. 16:18 - Sending a test push notification using the browser's dev tools. 17:05 - Explanation of the service worker code. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ✨ Keywords - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🌐 Translations - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - If you enjoyed this video help others understand better by adding captions in your native language ↪︎ http://www.youtube.com/timedtext_cs_panel?c=UCHCEiFFWcdcXhzgePJJtIZQ&tab=2 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 😺 Source Code - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - You can download project source code from my Patreon/Github page ↪︎ https://patreon.com/willvinofficial ↪︎ http://fumacrom.com/QNWH - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 👫 Give Support / Get Support - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ↪︎ Buy me a coffee (https://www.buymeacoffee.com/GCWc1kS) ↪︎ Patreon (https://www.patreon.com/willvinofficial) ↪︎ PayPal (https://www.paypal.me/willvin) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📣 Social Media and Websites - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ↪︎ My Website (https://www.willvin.com/) ↪︎ Twitter (https://twitter.com/iamwillvin) ↪︎ Instagram (https://www.instagram.com/iamwillvin) ↪︎ Facebook ( https://www.facebook.com/xforcesec) ↪︎ LinkedIn (https://gh.linkedin.com/in/wiliams-akor-99872b105) ↪︎ GitHub (https://github.com/willvin313) ↪︎ Codepen (https://codepen.io/willvin) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ⚙️ My used tools/frameworks - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ↪︎ Visual Studio Code (https://code.visualstudio.com/) ↪︎ Radsystems Studio (https://Radsystems.io) ↪︎ Bootstrap (https://getbootstrap.com/) ↪︎ jQuery (https://jquery.com/) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🔔 Get notified of new videos - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Don't forget to like the video, turn on notification, and subscribe to this channel to be notified when a new video is posted. Stay tuned and maximize your skills. #willvin #Radsystems #RadWithWillvin #RadsystemsTutorials #PHPRad #PHPRadTipsAndTricks