Ölçekli ve performanslı Vue mimarisi
Vue.js ile İleri Düzey Uygulamalar Eğitimi, temel Vue bilgisini üretim seviyesi mimariye taşımak isteyen geliştiriciler içindir. Program reaktivite sisteminin derinleriyle ve composable tasarımıyla başlar; Pinia ile ileri durum yönetimi, Teleport, Suspense ve…
Reaktivite içinden composable mimarisine, performanstan TypeScript ve test ile üretim kalitesine
Vue.js ile İleri Düzey Uygulamalar Eğitimi, temel Vue bilgisini üretim seviyesine taşımak isteyen geliştiriciler içindir. Katılımcılar reaktivite sisteminin derinlerini, ref, reactive, shallowRef ve effectScope davranışını inceler; yeniden kullanılabilir composable'lar tasarlar. Pinia ile ileri durum yönetimi, Teleport, Suspense, asenkron bileşenler, render fonksiyonları ve performans işlenir. Program TypeScript ile tip güvenliği ve Vitest ile test yazarak tamamlanır.
4 Gün. Her gün dört modül; mevcut bir uygulama dört gün boyunca composable'lara ayrılıp performans, TypeScript ve testlerle yeniden yapılandırılır.
İleri Seviye — Composition API derinliği, Pinia, performans, TypeScript ve test ile ölçekli Vue uygulamaları
Gerçekçi bir uygulama dört gün boyunca yeniden yapılandırılır; her modülde bir ileri desen tartışılıp uygulanır ve testlerle doğrulanır.
Reaktivite sisteminin iç işleyişini kavrayarak beklenmedik güncelleme sorunlarını çözer ve performanslı reaktif kod yazarsınız.
İyi tasarlanmış composable'larla mantığı bileşenlerden ayırır, ekip genelinde paylaşılan ve test edilebilir kod kurarsınız.
TypeScript ve Vitest ile tip güvenliği ve test kültürü kazanarak büyük uygulamalarda güvenle değişiklik yapabilirsiniz.
Eğitimden verim almak için gereken deneyim ve kurulum gereksinimleri
Bileşen, Composition API, props, emit ve Vue Router kavramlarına iyi hakimiyet beklenir; eğitim bunun üzerine kurulur.
Modern JavaScript, asenkron akış, closure ve modül kavramlarına iyi hakimiyet ileri konularda gereklidir.
En az bir orta ölçekli Vue uygulaması geliştirmiş olmak, ele alınan mimari sorunları anlamayı kolaylaştırır.
Node.js, npm, Git ve bir kod editörü kurulu; örnek uygulamanın derlenip çalıştırılabilir olması gerekir.
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:
Reaktivite sisteminin iç işleyişini kavrar, shallowRef ve effectScope gibi araçlarla reaktivite sorunlarını çözersiniz.
Mantığı bileşenlerden ayıran, yeniden kullanılabilir ve test edilebilir composable'lar tasarlayıp birleştirebilirsiniz.
Pinia ile setup store, eklentiler ve storeToRefs kullanarak ölçekli ve test edilebilir durum yönetimi kurarsınız.
Teleport, Suspense, asenkron bileşen ve provide/inject ile karmaşık arayüz ve bağımlılık senaryolarını çözersiniz.
Render profilleme, v-memo, sanal liste ve kod bölme ile büyük uygulamalarda performansı belirgin biçimde iyileştirirsiniz.
Render fonksiyonu, JSX ve özel direktiflerle şablon sınırlarının ötesinde programatik ve esnek arayüzler üretirsiniz.
Props, emit, composable ve store'ları tipleyerek Vue uygulamalarında tam tip güvenliği ve güvenli yeniden düzenleme sağlarsınız.
Vitest ve Testing Library ile composable, birim ve bileşen testleri yazar, CI ile kalite akışını otomatikleştirirsiniz.
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.
Nuxt ile teknik SEO eğitimi: SSR render stratejileri, useSeoMeta, JSON-LD structured data, sitemap, çok dilli SEO ve Core Web Vitals optimizasyonu.
Detayları Gör →
Vue.js bileşen iletişimi ve yönlendirme eğitimi: props, emit, v-model, provide/inject, slot, scoped slot ve Vue Router ile çok sayfalı uygulama mimarisi.
Detayları Gör →
Vue.js bileşen eğitimi: tek dosya bileşenler, ref ve reactive, computed, watch, yaşam döngüsü, dinamik ve async bileşenler, teleport, keep-alive ve composable.
Detayları Gör →
Vue.js form ve test eğitimi: v-model ile form bağlama, doğrulama, erişilebilirlik, VeeValidate, Vitest ve Vue Test Utils ile bileşen ve form testi.
Detayları Gör →
Vue.js durum ve veri yönetimi eğitimi: reaktivite, ref ve reactive, Pinia store, API veri çekme, asenkron durum, hata yönetimi ve önbellekleme.
Detayları Gör →
Vue 3 template, reaktivite, Composition API, Vue Router, Pinia ve test araçlarıyla kapsamlı modern Vue.js uygulama geliştirme eğitimi.
Detayları Gör →