Vue ile micro-frontend mimarisi
Micro-Frontendleri Vue.js ile Oluşturma Eğitimi, büyük ön yüz uygulamalarını bağımsız dağıtılabilir parçalara ayırmak isteyen ekiplere micro-frontend mimarisini öğretir.
Module Federation ve single-spa ile bağımsız dağıtılan Vue micro-frontend mimarisi eğitimi
Micro-Frontendleri Vue.js ile Oluşturma Eğitimi, büyük ön yüz uygulamalarını bağımsız dağıtılabilir parçalara ayırmak isteyen ekiplere micro-frontend mimarisini öğretir. Katılımcılar micro-frontend kavramlarını kavrar, Webpack ve Vite Module Federation ile Vue uygulamalarını modül olarak sunar ve tüketir. Eğitim paylaşılan bağımlılık yönetimi, single-spa ile farklı çerçeveleri bir arada çalıştırma, MFE'ler arası iletişim, ortak yönlendirme ve bağımsız dağıtımı kapsar.
3 Gün. Her gün dört modül; micro-frontend kavramından Module Federation ve single-spa ile bağımsız dağıtıma kadar uygulamalı ilerlenir.
Orta Seviye — Vue bilen geliştiricilere Module Federation ve single-spa ile micro-frontend mimarisi kurmayı öğretir
Bir kabuk ve birkaç micro-frontend uygulaması kurularak her modülde paylaşım, iletişim ve dağıtım senaryosu gerçek kodla uygulanır.
Her micro-frontend'i ayrı derleyip dağıtarak ekiplerin birbirini beklemeden ve tüm uygulamayı yeniden yayımlamadan çalışmasını sağlarsınız.
Büyük uygulamayı sahipliği net parçalara bölerek birden çok ekibin paralel ve çakışmadan geliştirmesini mümkün kılarsınız.
single-spa gibi yaklaşımlarla farklı sürüm veya çerçeveleri bir arada çalıştırarak kademeli geçiş ve esneklik kazanırsınız.
Eğitimden en iyi verimi almak için gerekli deneyim ve hazır geliştirme ortamı
Vue 3 ile bileşen ve uygulama geliştirmiş olmak micro-frontend parçalarını kurmayı kolaylaştırır.
Webpack veya Vite yapılandırmasına temel aşinalık Module Federation ayarlarını anlamayı sağlar.
ES modülleri, dinamik import ve paket yönetimine hakimiyet modül paylaşımını kavramak için gereklidir.
Birden çok uygulamayı yerelde çalıştırmak için Node ve npm kurulu bir ortam gereklidir.
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:
Micro-frontend ilkelerini, ekip sahipliğini ve getirdiği karmaşıklık dengesini kavrar, uygunluğu değerlendirirsiniz.
Derleme ve çalışma zamanı entegrasyonu, iframe, Web Components ve Module Federation seçeneklerini karşılaştırırsınız.
Kabuk ve uzak uygulama sorumluluklarını ayırır, ortak düzen ve oturum yönetimini kabukta tasarlarsınız.
Webpack ve Vite Module Federation ile Vue modülünü açığa çıkarır ve tüketir, remote yüklemeyi kurarsınız.
shared ve singleton ile tek Vue örneğini garantiler, çift yükleme ve sürüm sorunlarını önlersiniz.
single-spa ile parçaları kaydeder, yaşam döngüsü kancalarıyla farklı çerçeveleri bir arada çalıştırırsınız.
Özel olaylar ve yayın-abone ile gevşek bağlı iletişim kurar, sıkı bağlılıktan kaçınarak parçaları bağımsız tutarsınız.
Her parçayı ayrı derleyip import map ve CDN ile sürümleyerek bağımsız ve güvenli dağıtım yaparsı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.
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 →
Büyük Vue uygulamalarında modüler mimari, kod bölme, reaktivite maliyeti, SSR ve Core Web Vitals optimizasyonunu uygulamalı öğreten ileri eğitim.
Detayları Gör →
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 →
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 →