Web Push Notification Nedir? Nasıl Kullanılır? Service Worker Kullanımı | Netlify|Heroku|Vue|Node.js

[@kablosuzkedi]

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; github.com/gkandemi/web-push-notifications 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: kzbin.info/door/YT5QTr38bwp85Pka8YSVIgjoin 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: kzbin.info/aero/PL_f2F0Oyaj49bsuq6iLrg1qyZtekSCgPW ► Firebase ToDo List Yapımı : kzbin.info/aero/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex ► PHP Codeigniter ile Multi Session Yapımı : kzbin.info/aero/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh ► PHP Codeigniter Otel Rezervasyon Sistemi : kzbin.info/aero/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF ► Like Dislike Yapımı : kzbin.info/aero/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs ► PHP Codeigniter ile Malzeme Uygulaması : kzbin.info/aero/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I ► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : kzbin.info/aero/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA ► PHP Çoklu Kategori Alt Kategori Yapımı : kzbin.info/aero/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o ► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): kzbin.info/aero/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp ► PHP Codeigniter ile Pagination Yapımı : kzbin.info/aero/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk ► PHP ile Alışveriş Sepeti Yapımı : kzbin.info/aero/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy ► PHP Mailer Kullanımı : kzbin.info/aero/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg ► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : kzbin.info/aero/PL_f2F0Oyaj48ufRtQ8EVo0spOEZPochfv ► Nasıl yapılır köşesi: kzbin.info/aero/PL_f2F0Oyaj49gbyMnUfvVTWnZrjLrAvGv ► Vue.js Soru Cevap : kzbin.info/aero/PL_f2F0Oyaj4880v6yGFFvO7LVRULRVpbw ► Kullandığım teknoloji ile ilgili bilgiler : kzbin.info/aero/PL_f2F0Oyaj49z_k0k1_mOIikcNz8zEpT4 Sosyal medyadan takip edin : ● VideoSınıf : www.videosinif.com ● Yazılım Eğitim : www.yazilimegitim.net ● Kişisel Web Sayfam : www.gokhankandemir.com ● Facebook : facebook.com/kablosuzkedi ● Twitter : twitter.com/kablosuzkedi ● Instagram : instagram.com/kablosuzkedi/ ● Instagram : instagram.com/yazilimegitim/

[@Enes-ets34]

ondan gelen notification olmadığı sürece bir anlamı yok hocam 🚬

[@kablosuzkedi]

Allah kahretmesin seni Enes skfjldkfjsdlkfjslkfj :D

[@melihbeder]

Şimdiden sağolasın... Beklediğim bir konuydu... Umarım yakın zamanda socket videosunun da sırası gelir...:)

[@kablosuzkedi]

Vay arkadaş içimi mi okudun :)))

[@alparslankeskin9621]

Gökhan hocam Allah bozmasın maşAllah bu sıralar youtube platformu pek aktif. Hal böyle olunca edinecek bir sürü bilgi oluyor. Hepsi için ayrı ayrı teşekkürler. Her eğitimi sabırsızlıkla bekliyoruz :)

[@an80x86]

Çok güzel, çok teşekkür ederim. Ellerinize sağlık. Yakın zamanda sizden Elastic/Kibana türünden bir video bekliyoruz.

[@benno3406]

Kaç aydır böyle bir video arıyordum ama bulamadım hep 2. bir kaynak kullanıyorlardı. Sonunda yapabileceğim

[@benno3406]

Seviyorum be seni Gökhan abi. Keşke böyle kanallar daha fazla olsa. Hergün yeni şeyler öğreniyorum.

[@ahmetturk8608]

Orta doğu ve balkanların gelmiş geçmiş en kral adamı!!! Helal sana valla😁😁

[@ellawhitestone]

Süper bir ders süper bir anlatım daha

[@necmettin5042]

Uzun süredir beklediğim konu 💪🏼

[@borakayalar]

Ustat ellerine saglik aslinda bircok teknoloji ile entegre yaptin. Ama temel mantik cuuuk oturdu.

[@chunfai6925]

Yav senin Allahına kurban ya. Emeklerine ellerine sağlık abim

[@mustafa60x]

guzel anlatim icin tesekkurler

[@ertugrul-bektik]

Ders için teşekkürler hocam :)

[@vepamirzayev]

Sankide ne istediklerimizi seziyorsun gibi hocam.. :))

[@aliguzel4688]

Bir kablosuz kedi klasiği :) Emeğinize sağlık :)

[@musakurtgoz6409]

çok güzel konular teşekkürler

[@korayguler]

Ağzınıza Sağlık

[@Yağız_Kerem]

Teşekkürler hocam

[@gorkemtr]

güzel konular

[@ekberquliyev2891]

Azərbaycandan salamlar. Sizi cox sevirik Gökhan hocam. Hocam cok saolun sayenizde codignater frameworku ile framework nedir falan fıstık sizin sozunuz cox sevdim bu sozu) orendik. Beli vidoya ait bi yorum olmaya bilir ama. Sizi sevdiyimizdendir ki surda bildirmek istedim 👍👍👍👍👍👍👍

[@dybveysel]

ilk bölümden sonra başım döndü :S

[@ey1330]

oyşş videoya bakkk 😘

[@temirci1899]

hep gundemde olacak mir konu

[@devrimbal4092]

Harikasınız. Çok güzel bir içerik olmuş. Elinize emeğinize sağlık. React Native içinde benzer bir yapı kurabiliyor muyuz ?

[@classicguy7813]

Sadece local push var mı hocam, 10 numara 5 yıldız teşekkürler

[@semihsenocak245]

Tarayıcı yada sekme kapalı olsa dahi bildirim gelmeye devam eder mi hocam

[@beycandeveloper]

Gökhan abi.

[@ahmetturk8608]

Hocam Vue 3 ile birlikte sizce Vue Native'de bir gelişme olur mu?

[@abdulkadirkonya5751]

Hocam bir siteden satışa cikan bir üründen aninda hsber almak istiyorum bunu nasil yapariz

[@gzn_offical]

Dün bunun için beynimi Yakmıştım yapamamıştım güzel konu (push.js pişmanlıktır)

[@alperbla5064]

Abi html siteme PHP siz yada Google girişi nasıl eklenir videosunu yaparmısın

[@ahmetturk8608]

Hocam listeyi çektiğimizde eğer kullanıcı "subscribe" olmuşsa "unsubscribe" yapmak istiyorum. Bunun için nasıl bir yol izlemeleyebilirim?

[@ahmetturk8608]

Yani hangi bilgiye göre silme işlemi yapmam gerekir. Service worker'da bir işlem yapılmalı mı? Yoksa sadece DB'den silsem yeter mi?

[@kablosuzkedi]

DB den silmen yeterli :)

[@ahmetturk8608]

@@kablosuzkedi Kralsın

[@furkan.meclis]

Bunu beğenmeyip sonuna kadar aralıksız izlemeyenin npm run komutu çalışmasın

[@TheYusuf10]

Grallllll

[@erkan1525]

Evet evet evet, Şu gereksiz her şeye notification oluşturan siteler yüzünden hepsinden nefret ediyorum. Gereklilerden bile nefret ediyorum. Şirketimizde ihtiyaç var ve çok iş görür ama nefret ettiğim için yapmıyorum :)

[@ibrahim.basaran]

Sevmiyoruz doğru ama gelmeyince de gözümüz yollarda

[@yusufgungor]

Bildirimlerden nefret ediyorum.