#Vue3 Bootcamp #8 | Vue ile Socket.io Kullanımı | Real Time Süreçleri Merhaba arkadaşlar, Bu dersimizde uygulamamıza real time süreçlerini ekliyoruz. Bunu yaparken Socket.io'yu kullanacağız. Vue tarafında kullanımının yanı sıra kendimize ait bir node server oluşturup socket yapılandırmasını yapacağız. İçeriği görmek ve Müfredata Link üzerinden katılarak vereceğim ödevlere erişebilirsiniz. eduflow.kablosuzkedi.com/ Bootcamp Telegram grubuna katılmak için; t.me/joinchat/pqiJOgi8byQ5Y2E0 Bu haftanın kaynak kodları ve Ödevleri; github.com/gkandemi/kablosuzkedi-vue3-bootcamp Ayrıcalıklardan yararlanmak için bu kanala katılın: th-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin Yayın akışı; 00:00:00 Giriş 00:14:00 Neler Yapmıştık? Uygulamayı İnceliyoruz 00:28:03 Soru Cevap (Soru Yok :D ) 00:28:53 Backend Kodlaması ve Socket.io Entegrasyonu 00:29:51 Socket Nedir? 00:34:58 Node.js Projesinin Oluşturulması 00:38:37 Socket.io Entegrasyonu 00:48:20 Client üzerinde Socket.io Entegrasyonu 00:53:40 Socket.io ile Sunucu arasında iletişim kurmak 00:57:00 Socket'e bağlanan İstemcilere Mesaj Göndermek 00:59:56 Server üzerinden gönderilen mesajları Client üzerinde okumak 01:02:14 Client üzerinden Server'a Socket ile Mesaj Göndermek 01:09:18 Client üzerinde Socket'i App Seviyesinde Tanımlamak 01:12:23 Ara 01:27:40 NewBookmark Sayfasının Socket Entegrasyonu 01:30:35 NewBookmark Event'ini Server Üzerinde Kontrol Etmek 01:32:16 Eklenen Bookmark'ın Socket ile Home Sayfasında gözükmesini sağlamak (HTTP Request ile) 01:38:40 Eklenen Bookmark'ın Socket ile Home Sayfasında gözükmesini sağlamak (Socket ile) 01:46:32 Socket ile gönderilen kaydın Kullanıcı ve Kategori bilgilerinin getirilmesi 01:49:48 Uygulamanın test edilmesi 01:56:06 Can Sarıgöl'ün Yapmış olduğu Oyunun incelemesi (Tebrikler :)) 01:58:00 Soru Cevap 02:11:30 Kapanış 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!!! Başlıca oynatma listeleri; Eğitim Serileri; ► HTML Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-Qro_C0ixzMWpCiogfXxKE.html ► CSS Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-RyFL8mkfjYjEVCmJhWDQ3.html ► MySQL Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-6vvPSJssG4Jp6UqCTmWSz.html ► JQuery Eğitimi: th-cam.com/play/PL_f2F0Oyaj4-Jt6F-dyl6LEHNVaudH3rk.html ► PHP Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-K_h0rC656Why8nJPF_dIO.html ► Codeigniter Eğitimi : th-cam.com/play/PL_f2F0Oyaj4_xGyQlwgsd9gI1UgnTTHkC.html Proje Eğitimleri; ► Asp.Net ile Okul Projesi: th-cam.com/play/PL_f2F0Oyaj49bsuq6iLrg1qyZtekSCgPW.html ► Firebase ToDo List Yapımı : th-cam.com/play/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex.html ► PHP Codeigniter ile Multi Session Yapımı : th-cam.com/play/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh.html ► PHP Codeigniter Otel Rezervasyon Sistemi : th-cam.com/play/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF.html ► Like Dislike Yapımı : th-cam.com/play/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs.html ► PHP Codeigniter ile Malzeme Uygulaması : th-cam.com/play/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I.html ► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : th-cam.com/play/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA.html ► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : th-cam.com/play/PL_f2F0Oyaj48ufRtQ8EVo0spOEZPochfv.html 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/ • Song: Stomps claps & Beatbox (Music Today 80) • Composed & Produced by : Anwar Amr • Video Link: th-cam.com/video/uasEn_xANXE/w-d-xo.html • Song: Loodus- (Felix - Yiğit Diri) • Video Link: th-cam.com/video/SsNULUJPPUo/w-d-xo.html
Zamanında katılamamıştım ama tekrardan yavaş yavaş programa uyarak gidiyorum efsane fayda sağladınız hocam çok teşekkür ediyorum inşallah gelecekte bir bootcamp yaparsınız ona katılmak isterim :)
#Vue3 Bootcamp #8 | Vue ile Socket.io Kullanımı | Real Time Süreçleri
Merhaba arkadaşlar,
Bu dersimizde uygulamamıza real time süreçlerini ekliyoruz. Bunu yaparken Socket.io'yu kullanacağız. Vue tarafında kullanımının yanı sıra kendimize ait bir node server oluşturup socket yapılandırmasını yapacağız.
İçeriği görmek ve Müfredata Link üzerinden katılarak vereceğim ödevlere erişebilirsiniz.
eduflow.kablosuzkedi.com/
Bootcamp Telegram grubuna katılmak için;
t.me/joinchat/pqiJOgi8byQ5Y2E0
Bu haftanın kaynak kodları ve Ödevleri;
github.com/gkandemi/kablosuzkedi-vue3-bootcamp
Ayrıcalıklardan yararlanmak için bu kanala katılın:
th-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin
Yayın akışı;
00:00:00 Giriş
00:14:00 Neler Yapmıştık? Uygulamayı İnceliyoruz
00:28:03 Soru Cevap (Soru Yok :D )
00:28:53 Backend Kodlaması ve Socket.io Entegrasyonu
00:29:51 Socket Nedir?
00:34:58 Node.js Projesinin Oluşturulması
00:38:37 Socket.io Entegrasyonu
00:48:20 Client üzerinde Socket.io Entegrasyonu
00:53:40 Socket.io ile Sunucu arasında iletişim kurmak
00:57:00 Socket'e bağlanan İstemcilere Mesaj Göndermek
00:59:56 Server üzerinden gönderilen mesajları Client üzerinde okumak
01:02:14 Client üzerinden Server'a Socket ile Mesaj Göndermek
01:09:18 Client üzerinde Socket'i App Seviyesinde Tanımlamak
01:12:23 Ara
01:27:40 NewBookmark Sayfasının Socket Entegrasyonu
01:30:35 NewBookmark Event'ini Server Üzerinde Kontrol Etmek
01:32:16 Eklenen Bookmark'ın Socket ile Home Sayfasında gözükmesini sağlamak (HTTP Request ile)
01:38:40 Eklenen Bookmark'ın Socket ile Home Sayfasında gözükmesini sağlamak (Socket ile)
01:46:32 Socket ile gönderilen kaydın Kullanıcı ve Kategori bilgilerinin getirilmesi
01:49:48 Uygulamanın test edilmesi
01:56:06 Can Sarıgöl'ün Yapmış olduğu Oyunun incelemesi (Tebrikler :))
01:58:00 Soru Cevap
02:11:30 Kapanış
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!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-Qro_C0ixzMWpCiogfXxKE.html
► CSS Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-RyFL8mkfjYjEVCmJhWDQ3.html
► MySQL Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-6vvPSJssG4Jp6UqCTmWSz.html
► JQuery Eğitimi: th-cam.com/play/PL_f2F0Oyaj4-Jt6F-dyl6LEHNVaudH3rk.html
► PHP Eğitimi : th-cam.com/play/PL_f2F0Oyaj4-K_h0rC656Why8nJPF_dIO.html
► Codeigniter Eğitimi : th-cam.com/play/PL_f2F0Oyaj4_xGyQlwgsd9gI1UgnTTHkC.html
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: th-cam.com/play/PL_f2F0Oyaj49bsuq6iLrg1qyZtekSCgPW.html
► Firebase ToDo List Yapımı : th-cam.com/play/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex.html
► PHP Codeigniter ile Multi Session Yapımı : th-cam.com/play/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh.html
► PHP Codeigniter Otel Rezervasyon Sistemi : th-cam.com/play/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF.html
► Like Dislike Yapımı : th-cam.com/play/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs.html
► PHP Codeigniter ile Malzeme Uygulaması : th-cam.com/play/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I.html
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : th-cam.com/play/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA.html
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : th-cam.com/play/PL_f2F0Oyaj48ufRtQ8EVo0spOEZPochfv.html
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/
• Song: Stomps claps & Beatbox (Music Today 80)
• Composed & Produced by : Anwar Amr
• Video Link: th-cam.com/video/uasEn_xANXE/w-d-xo.html
• Song: Loodus- (Felix - Yiğit Diri)
• Video Link: th-cam.com/video/SsNULUJPPUo/w-d-xo.html
abi herkes gider bi ben kalırım krall
Muhteşem bir ders oldu. Emeğinize sağlık hocam
Zamanında katılamamıştım ama tekrardan yavaş yavaş programa uyarak gidiyorum efsane fayda sağladınız hocam çok teşekkür ediyorum inşallah gelecekte bir bootcamp yaparsınız ona katılmak isterim :)
Merhaba hocam size ulaşmam gerek