Web Push Notification Nedir? Nasıl Kullanılır? Service Worker Kullanımı | Netlify|Heroku|Vue|Node.js
9.3 هزار بار بازدید -
3 سال پیش
-
Web Push Notification Nedir? Nasıl
Web Push Notification Nedir? Nasıl Kullanılır? Service Worker Kullanımı | Netlify|Heroku|Vue|Node.js
Bu dersimizde herhangi bir özel servis kullanmadan (yani OneSignal ya da Firebase gibi) kendimize ait Native bir web push notification nasıl geliştiririz onu görüyoruz. Bunu yaparken 2 farklı bölüm ile ilerleyeceğiz. Birinci bölümde Push Notification için gerekli olan temel bilgileri aldıktan sonra kategori bazlı nasıl bildirim gönderebiliriz? sorusuna cevap verecek bir uygulama geliştiriyoruz.
Kaynaklar ve Daha Fazlası için;
https://github.com/gkandemi/web-push-...
TimeCodes:
00:00:00 Giriş
00:03:30 UI Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:06:55 Backend Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:15:18 Service Worker Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:18:50 UI için Netlify Deployment
00:21:45 Notification Göndermek için Client Bilgilerinin Alınması
00:28:03 İlk Notification'ın Gönderilmesi
00:47:54 1.Bölümün Sonu | Neler Yaptık?
00:50:00 2.Bölüm Girişi | Kategori bazlı Notification Göndermek | Uygulama 2
00:53:03 Backend Kodlaması | Express, Body Parser, UID, Cors, Web-Push Kurulumları ve Rest API
01:10:58 UI Kodlaması | Vue Uygulaması Oluşturmak ve Temanın Giydirilmesi
01:14:56 Component'lerin oluşturulması
01:22:52 Service Worker Kodlaması
01:33:45 UI için Netlify Deployment
01:39:47 Backend için Heroku Deployment
01:49:25 Notification Göndermesi için Backend Kodlaması
01:55:15 Cloud üzerinden Testlerin Yapılması
01:58:28 2.Bölüm Sonu
Ayrıcalıklardan yararlanmak için bu kanala katılın:
@kablosuzkedi
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : PHP Codeigniter ile Multi Session Yapımı
► PHP Codeigniter Otel Rezervasyon Sistemi : PHP Codeigniter Otel Rezervasyon Sistemi
► Like Dislike Yapımı : Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : PHP Codeigniter ile Malzeme Uygulaması
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : Codeigniter ile AutoComplete Kullanar...
► PHP Çoklu Kategori Alt Kategori Yapımı : PHP-PDO ile Sınırsız Kategori Yapımı,...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): Codeigniter ile Çoklu dosya upload iş...
► PHP Codeigniter ile Pagination Yapımı : PHP Codeigniter ile Pagination Yapımı
► PHP ile Alışveriş Sepeti Yapımı : PHP ile Alışveriş Sepeti Yapımı
► PHP Mailer Kullanımı : PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : Vue.js ile Codeigniter Rest API Servi...
► Nasıl yapılır köşesi: Nasıl Yapılır?
► Vue.js Soru Cevap : Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : Kullandığım Web Yazılım Araçları
Sosyal medyadan takip edin :
● VideoSınıf : https://www.videosinif.com
● Yazılım Eğitim : http://www.yazilimegitim.net
● Kişisel Web Sayfam : https://www.gokhankandemir.com
● Facebook : Facebook: kablosuzkedi
● Twitter : Twitter: kablosuzkedi
● Instagram : Instagram: kablosuzkedi
● Instagram : Instagram: yazilimegitim
Bu dersimizde herhangi bir özel servis kullanmadan (yani OneSignal ya da Firebase gibi) kendimize ait Native bir web push notification nasıl geliştiririz onu görüyoruz. Bunu yaparken 2 farklı bölüm ile ilerleyeceğiz. Birinci bölümde Push Notification için gerekli olan temel bilgileri aldıktan sonra kategori bazlı nasıl bildirim gönderebiliriz? sorusuna cevap verecek bir uygulama geliştiriyoruz.
Kaynaklar ve Daha Fazlası için;
https://github.com/gkandemi/web-push-...
TimeCodes:
00:00:00 Giriş
00:03:30 UI Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:06:55 Backend Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:15:18 Service Worker Kodlaması | Push Notification Üzerine Basit bir Uygulama
00:18:50 UI için Netlify Deployment
00:21:45 Notification Göndermek için Client Bilgilerinin Alınması
00:28:03 İlk Notification'ın Gönderilmesi
00:47:54 1.Bölümün Sonu | Neler Yaptık?
00:50:00 2.Bölüm Girişi | Kategori bazlı Notification Göndermek | Uygulama 2
00:53:03 Backend Kodlaması | Express, Body Parser, UID, Cors, Web-Push Kurulumları ve Rest API
01:10:58 UI Kodlaması | Vue Uygulaması Oluşturmak ve Temanın Giydirilmesi
01:14:56 Component'lerin oluşturulması
01:22:52 Service Worker Kodlaması
01:33:45 UI için Netlify Deployment
01:39:47 Backend için Heroku Deployment
01:49:25 Notification Göndermesi için Backend Kodlaması
01:55:15 Cloud üzerinden Testlerin Yapılması
01:58:28 2.Bölüm Sonu
Ayrıcalıklardan yararlanmak için bu kanala katılın:
@kablosuzkedi
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : PHP Codeigniter ile Multi Session Yapımı
► PHP Codeigniter Otel Rezervasyon Sistemi : PHP Codeigniter Otel Rezervasyon Sistemi
► Like Dislike Yapımı : Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : PHP Codeigniter ile Malzeme Uygulaması
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : Codeigniter ile AutoComplete Kullanar...
► PHP Çoklu Kategori Alt Kategori Yapımı : PHP-PDO ile Sınırsız Kategori Yapımı,...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): Codeigniter ile Çoklu dosya upload iş...
► PHP Codeigniter ile Pagination Yapımı : PHP Codeigniter ile Pagination Yapımı
► PHP ile Alışveriş Sepeti Yapımı : PHP ile Alışveriş Sepeti Yapımı
► PHP Mailer Kullanımı : PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : Vue.js ile Codeigniter Rest API Servi...
► Nasıl yapılır köşesi: Nasıl Yapılır?
► Vue.js Soru Cevap : Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : Kullandığım Web Yazılım Araçları
Sosyal medyadan takip edin :
● VideoSınıf : https://www.videosinif.com
● Yazılım Eğitim : http://www.yazilimegitim.net
● Kişisel Web Sayfam : https://www.gokhankandemir.com
● Facebook : Facebook: kablosuzkedi
● Twitter : Twitter: kablosuzkedi
● Instagram : Instagram: kablosuzkedi
● Instagram : Instagram: yazilimegitim
3 سال پیش
در تاریخ 1399/12/13 منتشر شده
است.
9,319
بـار بازدید شده