#Vue3 Bootcamp #11 | Asenkron Componentler | Suspense | Teleport | NameSpaced Componentler Merhaba arkadaşlar, Bu dersimizde composition api'ye devam ediyoruz. Componentleri yüklerken şu ana kadar sürekli senkron bir şekilde yüklemelerini gerçekleştirdik. Şimdi ise dinamik olarak component'leri nasıl uygulamamıza ekleriz onu görüyoruz. Bununla beraber Vue3 ile beraber gelen ve hala deneysel olarak üzerinde çalışılan bir özellik olan Suspense ve daha öncesi Portal adı ile anılan ve sonra Teleport olarak değiştirilen mükemmel 2 componenti görüyoruz. Bu dersin içerisinde; - Asenkron component kullanımı - suspense kullanımı - Error Capture işleminin nasıl olduğunu - NameSpaced Component tanımlamayı 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: th-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin Yayın Akışı; 00:00:00 Giriş 00:12:14 Nerede Kalmıştık? 00:17:50 Suspense Nedir? Neden ve Nasıl Kullanılır? 00:40:25 onErrorCaptured Nedir? Nasıl Kullanılır? 00:46:17 Mini Soru Cevap 00:52:23 Ara 01:00:28 Teleport Nedir? Neden ve Nasıl Kullanılır? 01:07:17 Mini Soru Cevap 01:12:48 Namespaced Components Nedir? Neden ve Nasıl Kullanılır? 01:21:21 Soru Cevap 01:35:42 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!!! 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 ► PHP Çoklu Kategori Alt Kategori Yapımı : th-cam.com/play/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o.html ► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): th-cam.com/play/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp.html ► PHP Codeigniter ile Pagination Yapımı : th-cam.com/play/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk.html ► PHP ile Alışveriş Sepeti Yapımı : th-cam.com/play/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy.html ► PHP Mailer Kullanımı : th-cam.com/play/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg.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 Powered by Restream restream.io/
Namescaped componentsler çalışmıyor.Acaba vite ile kullanmamız mı gerekiyor kod yapısını tamamen sizin gibi yaptım ancak çalışmıyor. runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Failed to resolve component: Form.Label at hatası geliyor.Ben Quasar kullandığım için olabilir mi acaba.Vite ile proje oluşturduğumda çalışıyor.
#Vue3 Bootcamp #11 | Asenkron Componentler | Suspense | Teleport | NameSpaced Componentler
Merhaba arkadaşlar,
Bu dersimizde composition api'ye devam ediyoruz. Componentleri yüklerken şu ana kadar sürekli senkron bir şekilde yüklemelerini gerçekleştirdik. Şimdi ise dinamik olarak component'leri nasıl uygulamamıza ekleriz onu görüyoruz. Bununla beraber Vue3 ile beraber gelen ve hala deneysel olarak üzerinde çalışılan bir özellik olan Suspense ve daha öncesi Portal adı ile anılan ve sonra Teleport olarak değiştirilen mükemmel 2 componenti görüyoruz.
Bu dersin içerisinde;
- Asenkron component kullanımı
- suspense kullanımı
- Error Capture işleminin nasıl olduğunu
- NameSpaced Component tanımlamayı
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:
th-cam.com/channels/YT5QTr38bwp85Pka8YSVIg.htmljoin
Yayın Akışı;
00:00:00 Giriş
00:12:14 Nerede Kalmıştık?
00:17:50 Suspense Nedir? Neden ve Nasıl Kullanılır?
00:40:25 onErrorCaptured Nedir? Nasıl Kullanılır?
00:46:17 Mini Soru Cevap
00:52:23 Ara
01:00:28 Teleport Nedir? Neden ve Nasıl Kullanılır?
01:07:17 Mini Soru Cevap
01:12:48 Namespaced Components Nedir? Neden ve Nasıl Kullanılır?
01:21:21 Soru Cevap
01:35:42 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!!!
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
► PHP Çoklu Kategori Alt Kategori Yapımı : th-cam.com/play/PL_f2F0Oyaj49BJclmJzAV0v1drrtyTI6o.html
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): th-cam.com/play/PL_f2F0Oyaj49vg-z1L9O6vbs_tcuXToxp.html
► PHP Codeigniter ile Pagination Yapımı : th-cam.com/play/PL_f2F0Oyaj49mGpi6ZTw1TrtyZn8NWXzk.html
► PHP ile Alışveriş Sepeti Yapımı : th-cam.com/play/PL_f2F0Oyaj48lnRXG2U54imJsnZIuCUFy.html
► PHP Mailer Kullanımı : th-cam.com/play/PL_f2F0Oyaj49RrSAH4H-B8nulrzexAqAg.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
Powered by Restream restream.io/
Katıla Özeden Çıkarmakla iyi yapmışsın
:)) bomba kısım katılda ama :)) proje
fetch ile api login yapmaya çalışıyorum loading yazısını göstertmek istiyorum sonucu alana kadar ama onu bi yapamadım
Namescaped componentsler çalışmıyor.Acaba vite ile kullanmamız mı gerekiyor kod yapısını tamamen sizin gibi yaptım ancak çalışmıyor.
runtime-core.esm-bundler.js?5c40:38 [Vue warn]: Failed to resolve component: Form.Label
at
hatası geliyor.Ben Quasar kullandığım için olabilir mi acaba.Vite ile proje oluşturduğumda çalışıyor.