Sıfırdan Vue 3 ile arayüz geliştirme
Vue.JS Giriş Eğitimi, modern ve kolay öğrenilen Vue 3 çatısıyla arayüz geliştirmeye sıfırdan başlamak isteyenler için tasarlanmıştır.
Şablon söz diziminden reaktiviteye, bileşenlerden Composition API'ye Vue 3 temellerine giriş
Vue.JS Giriş Eğitimi, modern ve kolay öğrenilen Vue 3 çatısıyla arayüz geliştirmeye sıfırdan başlamak isteyenler için tasarlanmıştır. Katılımcılar şablon söz dizimini, ref ve reactive ile reaktiviteyi ve v-if, v-for, v-bind gibi direktifleri öğrenir. Bileşen oluşturma, props ile veri aktarımı, emit ile olay yayma ve v-model ile iki yönlü bağlama uygulanır. Composition API temelleri, computed, watch ve yaşam döngüsü kancaları işlenerek küçük bir uygulama birlikte geliştirilir.
2 Gün. Her gün dört modül; küçük bir yapılacaklar uygulaması iki gün boyunca adım adım Vue 3 ile sıfırdan birlikte geliştirilir.
Başlangıç Seviyesi — Vue 3 ile reaktivite, bileşenler ve Composition API temellerine giriş
Her kavram küçük canlı örneklerle gösterilir; bir yapılacaklar uygulaması iki gün boyunca birlikte kodlanarak öğrenilenler pekiştirilir.
Vue'nun yumuşak öğrenme eğrisiyle az önbilgiyle hızlıca çalışan arayüzler yapıp reaktif geliştirmenin mantığını kavrarsınız.
Durum değişince arayüzün kendiliğinden güncellendiği reaktif modeli öğrenerek modern ön yüz geliştirmenin temelini atarsınız.
Bileşen, props ve Composition API temellerini kavrayarak Nuxt, Quasar gibi ileri konulara geçiş için gereken altyapıyı kurarsınız.
Eğitimden verim almak için faydalı olacak bilgi ve kurulum gereksinimleri
Etiket, öznitelik ve temel CSS bilgisi şablon söz dizimi ve stil konularını anlamada gereklidir.
Değişken, fonksiyon, dizi ve nesne gibi temel JavaScript kavramlarına aşinalık beklenir; ileri bilgi gerekmez.
Geliştirici konsolu ve temel hata ayıklamaya aşinalık örnekleri izlemede faydalı olur.
Node.js, npm ve bir kod editörü (VS Code önerilir) kurulu; Vite ile proje çalıştırılabilir olmalıdır.
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:
Vite ile bir Vue 3 projesi kurar, proje yapısını kavrar ve DevTools ile ilk bileşeni çalıştırıp inceleyebilirsiniz.
Interpolation, v-bind ve v-on ile veriyi ve olayları şablona bağlayarak dinamik arayüzler oluşturursunuz.
ref ve reactive ile reaktif durum tanımlar, durum değiştikçe arayüzün nasıl güncellendiğini kavrarsınız.
v-if, v-show ve v-for ile koşullu render ve liste gösterimini key kullanımıyla doğru biçimde uygularsınız.
Single File Component ile yeniden kullanılabilir bileşenler oluşturur ve scoped stil ile düzenli kod yazarsınız.
defineProps ve defineEmits ile ebeveyn-çocuk arasında tek yönlü veri akışını ve olay iletişimini kurarsınız.
v-model ile form girdilerini duruma iki yönlü bağlar ve temel doğrulama ile kullanıcı girdisini işlersiniz.
computed ve watch ile türetilmiş durumu yönetir, yaşam döngüsü kancalarını kavrar ve küçük bir uygulamayı tamamlarsınız.
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.
Modern JavaScript temellerinden Vue 3 reaktivitesine uzanan başlangıç kursu: değişken, fonksiyon, ES6, async ve Vue bileşenleriyle sıfırdan öğrenin.
Detayları Gör →
Module Federation ve single-spa ile Vue micro-frontend mimarisi kurmayı, bağımlılık paylaşımı, MFE iletişimi ve bağımsız dağıtımı öğreten eğitim.
Detayları Gör →
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 →