Master the Push Notifications for Mobile apps and websites
3.0 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
577 students enrolled

Master the Push Notifications for Mobile apps and websites

Learn how to add Push Notification in iOS (Swift 4) apps , Android apps , Chrome , Firefox and Safari websites (JS).
3.0 (5 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
577 students enrolled
Created by Friday Brains
Last updated 9/2018
English
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1 hour on-demand video
  • 4 articles
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Will be able to add Push notifications into the Android and iOS applications
  • Will be able to add Web Push notifications for Chrome , Firefox and Safari
  • Learn about how Apple Push Notifications Service (APNs) Works
  • Learn about how Firebase Cloud Messaging (FCM) Works
  • How to deploy NodeJs Functions and Hosting in Firebase
Course content
Expand all 29 lectures 01:13:42
+ Introduction
1 lecture 00:28

Introduction to the Push Notifications on mobile apps and websites

Preview 00:28
+ iOS Push Notifications using swift 4 and Xcode 10
10 lectures 35:31

In this lesson we will create a basic iOS app in swift 4

Preview 01:41

Generating APNs certificate is the key part of this lesson. 

Preview 03:37

In this section you will learn how to configure the code signing for iOS app for registering to the APNs. 

Configuring iOS Application - Code signing
00:59

This lesson covers the coding part required for registering the device to APNs  and getting APNs token. The coding is done Swift 4.

Registering iOS app to APNs - Adding Codes in Swift 4
07:52

The APNs payload structure has so many key-value pairs. In this section I will explain about how to generate a payload JSON for the APNs

APNs Payload Structure - Detailed explanation
04:36

In this section I will  show you how to send a basic push notification to the iOS device using the token and p12 file

Sending Push Notification to device - Simple push notification
00:50

In this lesson I will show you how to send advanced push notifications payload like Title , subtitle and Body.

Advanced Push notification features part 1
01:20

This lesson is about how to add actionable push notifications in iOS. 

Advanced Push notification features part 2
06:33

How to send attachments like videos, audios and images in push notification is explained in this section. iOS Rich push notification is the trending part in APNs . 

iOS Rich push notifications
08:02

iOS app and Documentation url file

Assets - App and APNs Documentations url file
00:01
Let's check what you understood from this section
3 questions
+ Android Push Notifications - Firebase and Android Studio
6 lectures 17:09

In this lesson we will discuss about how the FCM works in high level! 

Preview 00:40

In this lesson we will create an Android application .  In the Firebase console we will create an app and add the Android application details . From Firebase console download the google-services.json file and add it into the Android application folder.

Configuration Part 1 - Create Android Application and Firebase App
02:00

The detailed explanation on how to configure the Gradle file and Manifest file is covered in this section .

Configuration Part 2 - Add codes in Android application to receive the token .
04:16

In this lesson we will discuss about the FCM payloads and Send a Notification message to the device using the token.

FCM Payload Structure & Send Notification payload to the device
02:14

This lesson contains details about how to handle the data message inside your application and  how to build a notification for the device from the data message payload

FCM Data Message and How to Handle it . Sending Data message to the Android app
07:58

Android app and Documentation

Assets - App and FCM Documentations url file
00:01
Quiz Android Quiz
2 questions
+ Chrome and Firefox Web Push Notifications
5 lectures 11:36

In this Lesson I will  explain how Chrome and Firefox Push Notification works. then we will move on to the Website hosting in the Firebase Console

Preview 02:35

Configure the Website for registering to get token value

Website Configuration - Manifest , ServiceWorker , and push register script
05:08

In this lesson I will show you how to deploy the firebase hosting to the public. Then we will load the website and see the push notification token endpoint for Chrome and Firefox

Preview 01:07

Push Notification Payload Analysis and Sending push Notification

Notification Payload Analysis & Send Push Notifications
02:45

Website code and Documentation

Assets - Website and Web Push Documentations url file
00:01
Quiz - Chrome and Firefox Web Push Notifications
2 questions
+ Safari Web Push Notifications
6 lectures 08:33

Let's talk about how Safari Web push notification work. 

Preview 00:43

In this lesson I will show you how to create safari Web pus ID and Certificates in apple developer account

Creating Safari Web-push ID and Certificates
01:57

In this section we will talk about the pushpackage zip file. The contents required are website.json, iconset and certificates 

Generate Push Package for the backend
02:06

In this lesson I will show you how to configure the NodeJs backend.

Configure the Backend , deploy and register for push token from safari
02:15

In this lesson we will go through the notification payload and send a push notification to the safari browser

Notification Payload Analysis & Send Push Notifications
01:31

Website and documentations url file

Assets - App, Script to send push and Safari push
00:01
Quiz - Safari Web Push Notifications
2 questions
+ End of this tutorial
1 lecture 00:24

End of the tutorial

End!
00:24
Requirements
  • Learn how to add Push Notifications capability in iOS, Android apps as well as Chrome , Firefox and Safari browser websites
  • We will be using Xcode, Android Studio and Visual Studio code editor
Description

Push Notifications are vital feature for mobile apps and websites. As developers we go through some difficulties while adding the push notifications features into apps and websites. We often look for third party SDKs for this matter. But have ever wondered how the push notifications work ? . Then this course is for you.

In this course we will discuss about how to add push notifications feature in iOS and Android mobile applications . The iOS push notification is handled by the Apple push notifications (APN) service and Android Push notifications are delivered by the Firebase Cloud Messaging (FCM). In this course we will take you through different phases of adding push notifications to the mobile apps - detailed explanation and notification payload analysis.

  • Mobile application coding is done in Swift 4 and java.

  • We use Xcode, Android Studio

After completing the mobile section, the next one is for Websites - how to add push notifications in the websites for Chrome , Firefox and Safari browsers.  The lessons include,

  • Firebase Hosting and Functions (NodeJS, JavaScript, HTML)

  • Detailed payload analysis

  • We use Visual studio and Terminal for coding .

If you have any doubts about the course , write to us - thefridaybrains@gmail.com

Who this course is for:
  • This course is for anyone who want to know how to add push notifications in Mobile applications and Websites