Model Online/Fiziksel
Süre
Modüller 4 modül

Eğitim Hakkında

Birden fazla geliştirme ekibinin aynı büyük web uygulaması üzerinde çalıştığı kurumlarda, monolitik frontend kod tabanları zamanla derleme darboğazlarına ve sürüm çakışmalarına yol açar. Micro Frontend ve Monorepo mimarileri, büyük uygulamaları iş alanlarına (domain) göre otonom parçalara bölerek ekiplerin birbirini bloklamadan geliştirme ve canlıya geçiş yapmasını sağlar.

Bu ileri seviye eğitim; Nx ve Turborepo ile yüksek performanslı monorepo kurulumunu, Webpack / Rspack Module Federation ile çalışma zamanı entegrasyonunu, mikro uygulamalar arası iletişimi ve bağımsız CI/CD dağıtım stratejilerini uygulamalı olarak inceler.

Kimler Katılmalı ve Ön Koşullar

  • Kıdemli frontend geliştiriciler, frontend mimarları, Tech Lead'ler ve DevOps/Platform mühendisleri
  • Çoklu takım yapısında çalışan ve monolitik frontend uygulamasını bölmeyi hedefleyen teknoloji organizasyonları
  • Modern bir frontend çatısı (React, Angular veya Vue) ve paketleme araçları (Webpack/Vite) konusunda deneyim gereklidir

Kazanımlar

  • Monorepo Mühendisliği: Nx ve Turborepo ile görev önbellekleme (Remote Caching), etkilenen proje analizi (Affected Graph) ve modül sınırları kurma
  • Module Federation: Host (Shell) ve Remote uygulamaları yapılandırarak çalışma zamanında dinamik modül yükleme
  • İzolasyon ve İletişim: Mikro frontend'ler arasında gevşek bağlı (loosely coupled) iletişim, CSS/JS izolasyonu ve ortak kimlik doğrulama
  • Üretim ve Dağıtım: Paylaşımlı Design System versiyonlama, bağımsız CI/CD dağıtımı ve çalışma zamanı hata toleransı

Konular

Ölçeklenebilir Frontend Mimarisi ve Monorepo (Nx & Turborepo)
  • Monolit, Polyrepo ve Monorepo yaklaşımlarının organizasyonel (Conway Yasası) ve teknik karşılaştırması
  • pnpm workspaces, Turborepo ve Nx ile monorepo kurulumu, bağımlılık grafiği ve görev orkestrasyonu
  • Local/Remote Computation Caching, affected komutlarıyla sadece değişen paketleri test etme ve ESLint modül sınır kuralları
Micro Frontend Entegrasyon Modelleri ve Module Federation
  • Build-time (NPM paketleri), Server-side (SSR/Edge fragments) ve Run-time entegrasyon yaklaşımları
  • Module Federation (Webpack 5 / Rspack / Vite) mimarisi: Host (Shell), Remote, exposes ve remotes yapılandırması
  • Ortak kütüphanelerin (shared, singleton, strictVersion) yönetimi ve dinamik remote manifest yükleme
Rotalama, Uygulamalar Arası İletişim ve Tasarım Sistemi Paylaşımı
  • App Shell seviyesinde üst rotalama ile mikro uygulamaların iç rotalarını (Sub-routing) senkronize etme
  • Gevşek bağlı (Loosely Coupled) iletişim: URL parametreleri, CustomEvents, BroadcastChannel ve paylaşımlı auth/token durumu
  • Stil çakışmalarını önleme (CSS Modules, Scoped CSS, Shadow DOM) ve monorepo içinde paylaşımlı UI Design System yönetimi
Hata Toleransı, Performans ve Bağımsız CI/CD Dağıtımı
  • Çevrimdışı veya hata veren Remote mikro uygulamaları Error Boundaries ile izole etme
  • Paket boyutu analizi, paylaşımlı bağımlılıkların ön yüklenmesi (Preloading) ve Core Web Vitals izleme
  • CDN üzerinde bağımsız dağıtım, dinamik versiyon yönlendirme, Canary sürümler ve sözleşme testleri (Contract Testing)

Bu Kategorideki Diğer Eğitimler

  • Redux ile Durum Yönetimi

    Redux Toolkit (RTK), RTK Query, normalize edilmiş state mimarisi, memoized selector'lar ve modern React durum yönetimi kalıplarıyla karmaşık uygulamaları yönetin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • TypeScript

    Strict tip sistemi, generics, utility types, discriminated unions ve tip güvenli API katmanlarıyla ölçeklenebilir ve hatasız TypeScript projeleri geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • React ve Next.js

    React 19, Server ve Client Components, Next.js App Router, SSR/SSG/ISR stratejileri, Server Actions ve önbellekleme mimarisiyle hızlı web uygulamaları geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • SPA (Single Page Applications) Kütüphaneleri

    Modern SPA mimarisi, istemci tarafı rotalama, TanStack Query ile sunucu durumu yönetimi, Vite yapılandırması ve paket optimizasyonu tekniklerinde uzmanlaşın.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele
  • Angular ile Kurumsal Frontend Geliştirme

    Standalone Components, Angular Signals, RxJS, Reactive Forms, modüler mimari ve değişim algılama optimizasyonlarıyla kurumsal Angular uygulamaları geliştirin.

    Web Development - FrontEnd Kurumsal
    Canlı Kurs
    4 modül
    İncele

Bizimle iletişime geçin