#Vue3 Bootcamp #12 | BookLike Uygulamasını Script Setup ile Composition API'ye Çevirelim! Merhaba arkadaşlar, Bu dersimizde Script Setup kullanırken Vue Router ve Vuex'i nasıl uygulamamıza entegre edeceğimizi görüyoruz. Aynı zamanda Booklike uygulamamızı tekrardan ele alıp onu Composition API'ye dönüştürmeye başlıyoruz. Bu dersin içerisinde; - useRouter - useStore gibi bir çok sorunun cevabını bulacaksını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: ua-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin Yayın Akışı; 00:00:00 Giriş 00:12:16 Paketlerin Yüklenmesi ve Uygulamanın Çalıştırılması 00:17:49 Home Sayfasını Çeviriyoruz 00:21:16 appAxios ve socket property'lerini provide ile App Seviyesinde paylaşalım 00:24:03 Vuex için useStore kullanımı 00:26:13 Sidebar Sayfasını Çeviriyoruz 00:27:59 defineEmits ile Emit'lerin tanımlanması 00:30:41 Login Sayfasını Çeviriyoruz 00:34:25 Register Sayfasını Çeviriyoruz 00:38:10 appHeader Componentini Çeviriyoruz 00:44:40 appBookmarkList Componentlerini Çeviriyoruz 01:02:40 Account Sayfasını Çeviriyoruz 01:03:57 NewBookmark Sayfasını Çeviriyoruz 01:10:38 BookmarkListItem Componentini Composable Yapıyoruz 01:22:37 ESLint Hatasının Çözümü 01:26:00 Çevirme İşleminin Sonu ve Soru - Cevap 01:32:07 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 : ua-cam.com/play/PL_f2F0Oyaj4-Qro_C0ixzMWpCiogfXxKE.html ► CSS Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-RyFL8mkfjYjEVCmJhWDQ3.html ► MySQL Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-6vvPSJssG4Jp6UqCTmWSz.html ► JQuery Eğitimi: ua-cam.com/play/PL_f2F0Oyaj4-Jt6F-dyl6LEHNVaudH3rk.html ► PHP Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-K_h0rC656Why8nJPF_dIO.html ► Codeigniter Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4_xGyQlwgsd9gI1UgnTTHkC.html Proje Eğitimleri; ► Firebase ToDo List Yapımı : ua-cam.com/play/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex.html ► PHP Codeigniter ile Multi Session Yapımı : ua-cam.com/play/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh.html ► PHP Codeigniter Otel Rezervasyon Sistemi : ua-cam.com/play/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF.html ► Like Dislike Yapımı : ua-cam.com/play/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs.html ► PHP Codeigniter ile Malzeme Uygulaması : ua-cam.com/play/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I.html ► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : ua-cam.com/play/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA.html ► PHP Çoklu Kategori Alt Kategori Yapımı : ua-cam.com/play/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o.html ► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): ua-cam.com/play/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp.html ► PHP Codeigniter ile Pagination Yapımı : ua-cam.com/play/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk.html ► PHP ile Alışveriş Sepeti Yapımı : ua-cam.com/play/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy.html ► PHP Mailer Kullanımı : ua-cam.com/play/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg.html ► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : ua-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: ua-cam.com/video/uasEn_xANXE/v-deo.html • Song: Loodus- (Felix - Yiğit Diri) • Video Link: ua-cam.com/video/SsNULUJPPUo/v-deo.html Powered by Restream restream.io/
#Vue3 Bootcamp #12 | BookLike Uygulamasını Script Setup ile Composition API'ye Çevirelim!
Merhaba arkadaşlar,
Bu dersimizde Script Setup kullanırken Vue Router ve Vuex'i nasıl uygulamamıza entegre edeceğimizi görüyoruz. Aynı zamanda Booklike uygulamamızı tekrardan ele alıp onu Composition API'ye dönüştürmeye başlıyoruz.
Bu dersin içerisinde;
- useRouter
- useStore
gibi bir çok sorunun cevabını bulacaksını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:
ua-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin
Yayın Akışı;
00:00:00 Giriş
00:12:16 Paketlerin Yüklenmesi ve Uygulamanın Çalıştırılması
00:17:49 Home Sayfasını Çeviriyoruz
00:21:16 appAxios ve socket property'lerini provide ile App Seviyesinde paylaşalım
00:24:03 Vuex için useStore kullanımı
00:26:13 Sidebar Sayfasını Çeviriyoruz
00:27:59 defineEmits ile Emit'lerin tanımlanması
00:30:41 Login Sayfasını Çeviriyoruz
00:34:25 Register Sayfasını Çeviriyoruz
00:38:10 appHeader Componentini Çeviriyoruz
00:44:40 appBookmarkList Componentlerini Çeviriyoruz
01:02:40 Account Sayfasını Çeviriyoruz
01:03:57 NewBookmark Sayfasını Çeviriyoruz
01:10:38 BookmarkListItem Componentini Composable Yapıyoruz
01:22:37 ESLint Hatasının Çözümü
01:26:00 Çevirme İşleminin Sonu ve Soru - Cevap
01:32:07 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 : ua-cam.com/play/PL_f2F0Oyaj4-Qro_C0ixzMWpCiogfXxKE.html
► CSS Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-RyFL8mkfjYjEVCmJhWDQ3.html
► MySQL Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-6vvPSJssG4Jp6UqCTmWSz.html
► JQuery Eğitimi: ua-cam.com/play/PL_f2F0Oyaj4-Jt6F-dyl6LEHNVaudH3rk.html
► PHP Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4-K_h0rC656Why8nJPF_dIO.html
► Codeigniter Eğitimi : ua-cam.com/play/PL_f2F0Oyaj4_xGyQlwgsd9gI1UgnTTHkC.html
Proje Eğitimleri;
► Firebase ToDo List Yapımı : ua-cam.com/play/PL_f2F0Oyaj48rnkNZaHqnXiZrs4q7ogex.html
► PHP Codeigniter ile Multi Session Yapımı : ua-cam.com/play/PL_f2F0Oyaj480n9rg6PEwk-6O4NJcneFh.html
► PHP Codeigniter Otel Rezervasyon Sistemi : ua-cam.com/play/PL_f2F0Oyaj49nS8eZW1qQie6Zr4yRqDMF.html
► Like Dislike Yapımı : ua-cam.com/play/PL_f2F0Oyaj4_yt6Hn5GfwL5L9U2wumlVs.html
► PHP Codeigniter ile Malzeme Uygulaması : ua-cam.com/play/PL_f2F0Oyaj4_-tbmkqsQy3g0IGLSsxj5I.html
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : ua-cam.com/play/PL_f2F0Oyaj48biHkjgecz0kpOVX_4TAUA.html
► PHP Çoklu Kategori Alt Kategori Yapımı : ua-cam.com/play/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o.html
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): ua-cam.com/play/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp.html
► PHP Codeigniter ile Pagination Yapımı : ua-cam.com/play/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk.html
► PHP ile Alışveriş Sepeti Yapımı : ua-cam.com/play/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy.html
► PHP Mailer Kullanımı : ua-cam.com/play/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg.html
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : ua-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: ua-cam.com/video/uasEn_xANXE/v-deo.html
• Song: Loodus- (Felix - Yiğit Diri)
• Video Link: ua-cam.com/video/SsNULUJPPUo/v-deo.html
Powered by Restream restream.io/
Bunu nodejs ile nasıl ilişkilendiricez ?
Yeni abone oldum ama eski yayınları göremiyor muyum?
Görürsün vue3 oynatma listesine gitmen yeterli
@@kablosuzkedi teşekkür ederim 🙌