#Vue3 Bootcamp #7 | BookLike Uygulaması | Fake API ile Servis İşlemleri Merhaba arkadaşlar, Bu dersimizde uygulamamıza kaldığımız yerden devam ediyoruz. En son kullanıcı işlemlerini yapıp Authentication üzerine çalışmalar yapmıştık. Bu derste ise uygulamanın dinamizmini ayağa kaldırıp uygulamamızı bitirmeyi planlıyoruz. Daha sonra da Socket kullanarak Realtime çalışmanın nasıl olabileceğini konuşacağı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:13:30 Neler Yapmıştık? 00:17:30 NewBookmark Sayfasının Dinamikleştirilmesi 00:46:20 Eklenen Bookmarkların Listelenmesi 00:52:45 BookmarkListItem Componentinin Dinamikleştirilmesi 00:56:46 Kategori ve User Bilgilerinin Gösterilmesi 01:01:15 Ara 01:09:35 Kategori ve User Bilgilerinin Gösterilmesine Devam Ediyoruz 01:20:00 Moment.js'in Projeye dahil edilememesi (Burayı Geçebilirsiniz :)) 01:30:25 Kategorilerin Sidebar üzerinde gösterilmesi 01:32:16 Kategorilere göre Bookmark Listesinin Güncellenmesi 01:43:30 Like İşleminin Gerçekleştirilmesi 02:05:43 Like Yapılan Bookmarkların İşaretlenme 02:13:13 Bookmark İşleminin Gerçekleştirilmesi 02:17:30 Soru Cevap 02:20:50 Favorites Sayfasının Dinamikleştirilmesi 02:22:20 Account Sayfasının Dinamikleştirilmesi 02:32:00 Veri Modeli, Proje, Route Meta üzerine konuşuyoruz 02:38:56 Soru Cevap 02:41:35 Konuk : Tayfun Erbilen ile Sohbet 03:06:48 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 ► 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
elinize , emeğinize , yüreğinize , ağzınıza sağlım hocam. Siz ve sizin gibi hocalar sayesinde Türk gençliği bu konuda kendini daha rahat ve daha hızlı geliştiriyor. Sizin gibi hocaların , bizim gibi istekli öğrencilerin artması ve ülkemizin daha ileri seviyelere taşınması dileğiyle...
createPersistedState kullanınca state'de user gidiyor, sanırım bir bug var. Devtools'da görünmüyor. createPersistedState kullanmadığımızda sorun görünmüyor
Bir şey soracağım sizlere. Ben backend de django kullanıyorum vue.js yeni başladım ve ikisini bir kullanmak istiyorum .Soru 1 bir arada kullanabilirmiyim. Soru 2. Performansı nasıl olur. Soru 3. Kullanmalımıyım ?
![[LIVE] : ONE ลุมพินี 91 | คู่เอก "คมอาวุธ vs อเล็กเซย์"](http://i.ytimg.com/vi/V0RkEfYFsgM/mqdefault.jpg)
#Vue3 Bootcamp #7 | BookLike Uygulaması | Fake API ile Servis İşlemleri
Merhaba arkadaşlar,
Bu dersimizde uygulamamıza kaldığımız yerden devam ediyoruz. En son kullanıcı işlemlerini yapıp Authentication üzerine çalışmalar yapmıştık. Bu derste ise uygulamanın dinamizmini ayağa kaldırıp uygulamamızı bitirmeyi planlıyoruz. Daha sonra da Socket kullanarak Realtime çalışmanın nasıl olabileceğini konuşacağı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:13:30 Neler Yapmıştık?
00:17:30 NewBookmark Sayfasının Dinamikleştirilmesi
00:46:20 Eklenen Bookmarkların Listelenmesi
00:52:45 BookmarkListItem Componentinin Dinamikleştirilmesi
00:56:46 Kategori ve User Bilgilerinin Gösterilmesi
01:01:15 Ara
01:09:35 Kategori ve User Bilgilerinin Gösterilmesine Devam Ediyoruz
01:20:00 Moment.js'in Projeye dahil edilememesi (Burayı Geçebilirsiniz :))
01:30:25 Kategorilerin Sidebar üzerinde gösterilmesi
01:32:16 Kategorilere göre Bookmark Listesinin Güncellenmesi
01:43:30 Like İşleminin Gerçekleştirilmesi
02:05:43 Like Yapılan Bookmarkların İşaretlenme
02:13:13 Bookmark İşleminin Gerçekleştirilmesi
02:17:30 Soru Cevap
02:20:50 Favorites Sayfasının Dinamikleştirilmesi
02:22:20 Account Sayfasının Dinamikleştirilmesi
02:32:00 Veri Modeli, Proje, Route Meta üzerine konuşuyoruz
02:38:56 Soru Cevap
02:41:35 Konuk : Tayfun Erbilen ile Sohbet
03:06:48 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
► 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
elinize , emeğinize , yüreğinize , ağzınıza sağlım hocam. Siz ve sizin gibi hocalar sayesinde Türk gençliği bu konuda kendini daha rahat ve daha hızlı geliştiriyor. Sizin gibi hocaların , bizim gibi istekli öğrencilerin artması ve ülkemizin daha ileri seviyelere taşınması dileğiyle...
Emeğinize sağlık hocam, gerçekten çok yararlı bir dersti
41:30 Focus() yapmıyor çünkü uygulama tekrar mount olmuyor. referansı hem mount hemde onSave metodunda focus yaparsak sorun çözülüyor.
createPersistedState kullanınca state'de user gidiyor, sanırım bir bug var. Devtools'da görünmüyor. createPersistedState kullanmadığımızda sorun görünmüyor
Bir şey soracağım sizlere. Ben backend de django kullanıyorum vue.js yeni başladım ve ikisini bir kullanmak istiyorum .Soru 1 bir arada kullanabilirmiyim. Soru 2. Performansı nasıl olur. Soru 3. Kullanmalımıyım ?
22:27 🌺
2:37:33
2 yıl sonra bunu yazmaya gelmiştim
@@meyymetamcasayende tekrar izlemiş oldum 😅🌸
hocam yapalım twitter'ı aşırı heyecanlandım
2:33:00
22:25
npm lanet birşeydir , paketleri yarn ile yükleyin :) kafasına göre dosyaları siliyor.