Sıfırdan Vue 3 ile arayüz geliştirme
Vue.js Öğrenmeye Başlangıç Eğitimi, ön yüz geliştirmeye yeni başlayanlara Vue 3 temellerini sıfırdan öğretir. Program Vite ile kurulum, template söz dizimi ve reaktivite ile başlar; v-if, v-for, v-on ve v-model direktiflerini kapsar.
Vue 3 reaktivitesi, direktifler ve bileşen temellerini uygulamayla öğreten giriş eğitimi
Vue.js Öğrenmeye Başlangıç Eğitimi, modern ön yüz geliştirmeye yeni başlayanlara Vue 3'ün temellerini sıfırdan öğretir. Katılımcılar Vue uygulamasını kurar, template söz dizimini, çift yönlü bağlamayı ve reaktiviteyi kavrar; v-if, v-for, v-bind, v-on ve v-model direktiflerini kullanır. Eğitim computed, watch, bileşen oluşturma, props ile veri aktarımı, emit ile olay gönderimi, slot ve yaşam döngüsü kancalarıyla küçük ama tam bir uygulamayı adım adım kurmayı kapsar.
2 Gün. Her gün dört modül; temel söz diziminden bileşen tabanlı küçük bir görev listesi uygulamasına kadar uygulamalı ilerlenir.
Başlangıç Seviye — Vue bilmeyen geliştiricilere Vue 3 temelleri, reaktivite, direktifler ve bileşenleri sıfırdan öğretir
Her modülde yeni bir Vue kavramı küçük bir görev listesi uygulamasına eklenir; katılımcı anlatımla birlikte kod yazar.
Vue'nun aşamalı yapısı ve okunabilir template söz dizimi sayesinde ön yüz geliştirmeye hızlı ve sağlam bir temelle başlarsınız.
Veri değiştiğinde arayüzü otomatik güncelleyen reaktivite modelini kavrar, elle DOM güncellemenin karmaşasından kurtulursunuz.
Arayüzü yeniden kullanılabilir bileşenlere bölmeyi öğrenir, büyük uygulamaları yönetilebilir parçalara ayırma alışkanlığı kazanırsınız.
Eğitimden en iyi verimi almak için faydalı bilgi ve hazır geliştirme ortamı
Etiketler, sınıflar ve temel stil bilgisi template yazmayı ve arayüz kurmayı kolaylaştırır.
Değişken, fonksiyon, dizi ve nesne kavramları Vue mantığını ve reaktiviteyi anlamak için gereklidir.
Node ve npm kurulu bir ortam, Vite ile proje oluşturmayı ve paket yönetimini sorunsuz kılar.
VS Code ve Volar eklentisi, Vue dosyalarında otomatik tamamlama ve rahat geliştirme sağlar.
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 Vue 3 projesi oluşturur, tek dosya bileşeni yapısını kavrar ve geliştirme ortamını rahatça kullanırsınız.
Çift süslü parantez, v-bind ve class/style bağlama ile arayüzü veriye bağlamayı öğrenirsiniz.
ref ve reactive ile reaktif veri tanımlar, computed ve watch ile türetilmiş değer ve izleme kurarsınız.
v-if, v-for, v-on ve v-model direktiflerini doğru kullanarak koşul, döngü ve olay işleme yaparsınız.
Yeniden kullanılabilir bileşenler yazar, defineProps ile veri alır ve tek yönlü veri akışını uygularsınız.
emit ile olay gönderir, v-model ile iki yönlü bağlama kurar ve ebeveyn-çocuk iletişimini yönetirsiniz.
v-model ile metin, onay kutusu ve seçim alanlarını bağlar, değiştiricilerle girdi davranışını kontrol edersiniz.
Yaşam döngüsü kancaları ve slot kullanarak bileşen tabanlı küçük bir görev listesi uygulamasını 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.
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 →