Vue bileşenleri arasında veri ve yönlendirmeyi yönetin
Vue.js: Component Communication & Routing Eğitimi, bileşenler arasında veri akışını ve çok sayfalı uygulama yönlendirmesini derinlemesine öğreten üç günlük bir programdır.
Bileşen iletişimi kalıplarından Vue Router ile çok sayfalı uygulama mimarisine akış
Vue.js: Component Communication & Routing Eğitimi, bileşenler arasında veri akışını ve çok sayfalı uygulama yönlendirmesini derinlemesine öğretir. Katılımcılar props ve emit ile üst-alt iletişimi, provide/inject ile derin aktarımı, slot ve scoped slot ile içerik dağıtımını öğrenir. Program Vue Router ile dinamik rotalar, iç içe yönlendirme, navigasyon koruyucuları ve lazy yükleme konularıyla gerçek bir çok sayfalı Vue uygulaması üzerinde tamamlanır.
3 Gün. Her gün dört modül; bileşen iletişimi kalıpları ve Vue Router tek bir çok sayfalı uygulama üzerinde adım adım kurulur.
Orta Seviye — props, emit, provide/inject ve Vue Router ile bileşen iletişimi ve yönlendirme ustalığı
Her modülde öğrenilen iletişim ve yönlendirme kalıpları gerçek bileşenler üzerinde kodlanır ve tarayıcıda canlı olarak test edilir.
props ve emit ile tek yönlü veri akışını kurarak bileşenler arasında öngörülebilir ve bakımı kolay bir iletişim düzeni sağlarsınız.
Vue Router ile dinamik ve iç içe rotalar kurar, kullanıcıları sayfalar arasında koruyuculu ve performanslı biçimde yönlendirirsiniz.
provide/inject ve slot kalıplarıyla büyüyen uygulamalarda esnek, yeniden kullanılabilir ve düzenli bileşen yapıları tasarlarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve geliştirme ortamı
Bileşen tanımlama, template sözdizimi ve reaktivite gibi temel Vue konularına aşinalık beklenir; eğitim bunlara dayanır.
Fonksiyon, dizi metotları ve async işlemler gibi modern JavaScript konularını bilmek örnekler için gereklidir.
ref ve reactive ile temel Composition API kullanımına aşinalık konuları daha hızlı kavramanızı sağlar.
Node.js kurulu bir ortam ve VS Code gibi bir editör, Vue projesini çalıştırmak ve örnekleri uygulamak için yeterlidir.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
props ile veri aktarır, emit ile olay bildirir ve tek yönlü veri akışı ilkesine uygun öngörülebilir bileşen iletişimi kurabilirsiniz.
Özel bileşenlerde v-model ve defineModel ile iki yönlü veri bağlamayı kurarak form ve girdi bileşenlerini temiz şekilde yönetebilirsiniz.
provide ve inject ile derin bileşen ağaçlarında prop drilling'e düşmeden reaktif veri paylaşımı kurabilirsiniz.
Named ve scoped slot kalıplarıyla kart, modal ve liste gibi yeniden kullanılabilir ve esnek bileşenler tasarlayabilirsiniz.
Vue Router ile rota tanımlar, router-link ve router-view kullanarak çok sayfalı bir uygulamanın yönlendirme temelini kurabilirsiniz.
Dinamik parametreli ve iç içe rotalarla karmaşık sayfa hiyerarşilerini kurar, programatik gezinmeyi uygulayabilirsiniz.
Global ve rota bazlı koruyucularla kimlik doğrulama, yetki kontrolü ve kaydedilmemiş veri uyarılarını yönetebilirsiniz.
Rota bileşenlerini lazy yükleyip kod bölmeyle ilk yük süresini kısaltarak performanslı çok sayfalı uygulamalar üretebilirsiniz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Sıfırdan Vue 3: şablon söz dizimi, reaktivite, bileşenler, props ve emit, v-model ve Composition API temelleriyle arayüz geliştirmeye giriş.
Detayları Gör →
İleri Vue: derin reaktivite, composable mimarisi, Pinia, performans optimizasyonu, Teleport ve Suspense, TypeScript ve Vitest ile test.
Detayları Gör →
Vue ile etkileşimli arayüzler: VeeValidate form doğrulama, Transition animasyonları, sürükle-bırak, WebSocket ve Chart.js görselleştirme.
Detayları Gör →
Vue 3 ile Firebase Auth, Firestore gerçek zamanlı veri, Cloud Storage, güvenlik kuralları ve Hosting dağıtımını uygulamalı öğreten tam yığın eğitim.
Detayları Gör →
Vue 3 temellerini sıfırdan öğreten giriş eğitimi: reaktivite, direktifler, bileşenler, props, olaylar ve form işleme ile ilk Vue uygulamanızı kurun.
Detayları Gör →
Reaktivite içleri, composable, ileri bileşen desenleri, Pinia, Vue Router, TypeScript ve Vitest testi ile Vue 3'te usta düzeyi kazandıran ileri eğitim.
Detayları Gör →