ANGULAR ARCHITECTURE WORKSHOP EĞİTİMİ

Büyüyen Angular projelerinde mimari

Katmanlı yapı, facade, durum yönetimi ve lazy loading ile sürdürülebilir Angular mimarisi

Angular Architecture Workshop Eğitimi, büyüyen uygulamaları sürdürülebilir kılan mimari kararlarını atölye biçiminde öğretir. Program core, shared ve feature katmanları ile akıllı-aptal bileşen ayrımıyla başlar; NgRx ve signal store ile durum yönetimi, facade…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Klasör yapısından durum yönetimine, DI mimarisinden monorepo'ya ölçeklenebilir uygulama tasarımı

Angular Architecture Workshop Eğitimi, büyüyen uygulamaları sürdürülebilir kılan mimari kararlarını atölye biçiminde öğretir. Katılımcılar core, shared ve feature katmanlarını, akıllı-aptal bileşen ayrımını ve facade deseniyle durum erişimini uygular. NgRx ve signals tabanlı durum yönetimi, lazy loading, DI mimarisi ve Nx ile monorepo organizasyonu işlenir. Program ekip ölçeğinde kod standardı ve mimari karar kayıtlarıyla tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; büyüyen bir uygulama üç gün boyunca katmanlara ayrılıp durum yönetimi ve monorepo yapısıyla yeniden düzenlenir.

Seviye

Orta Seviye — Ölçeklenebilir Angular mimarisi: katmanlar, durum yönetimi, lazy loading ve monorepo

Öğrenme Metodu

Atölye biçiminde karmaşıklaşmış bir uygulama üç gün boyunca yeniden yapılandırılır; her modülde bir mimari karar tartışılıp uygulanır.

Neden Bu Eğitim?

🏗️Ölçeklenebilirlik

Katmanlı yapı ve net sınırlarla uygulama büyüdükçe karmaşıklığı kontrol altında tutan, genişlemeye açık bir mimari kurarsınız.

🧭Net kararlar

Durum yönetimi, modül sınırı ve bağımlılık yönü gibi kritik kararları gerekçeleriyle verip ekip içinde tutarlı hale getirirsiniz.

👥Ekip verimi

Tutarlı klasör yapısı ve standartlarla farklı geliştiricilerin aynı projede çakışmadan ve hızla çalışmasını sağlarsınız.

Anahtar Konular

angular mimari eğitimiangular architectureangular ngrx eğitimiangular durum yönetimiangular lazy loadingangular nx monorepoölçeklenebilir angularangular facade deseniangular kursuön yüz mimari eğitimi
“Mimari, kod yazmadan önce verilen kararların toplamıdır; doğru kararlar büyüyen projeyi kolaylaştırır, yanlışları yıllarca ödetir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve kurulum

1
Angular deneyimi

Bileşen, servis, modül, yönlendirme ve RxJS kavramlarına pratik hakimiyet beklenir; atölye bu temel üzerine kurulur.

2
Proje tecrübesi

En az bir orta ölçekli Angular uygulaması geliştirmiş olmak, karşılaşılan mimari sorunları anlamak için faydalı olur.

3
TypeScript bilgisi

Tip, generic, arayüz ve dekoratör kavramlarına hakimiyet katmanlı tasarım ve DI mimarisinde önemlidir.

4
Geliştirme ortamı

Node.js, Angular CLI ve Git kurulu, örnek uygulamanın derlenip çalıştırılabilir durumda olması gerekir.

Eğitim İçeriği

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.

Günün hedefiKatılımcı uygulamayı core, shared ve feature katmanlarına ayırır, bağımlılık yönünü belirler ve akıllı-aptal bileşen ayrımıyla sorumlulukları netleştirir.
Modül 1
Katmanlı Klasör Yapısı
  • Core, shared ve feature katmanlarının rolü
  • Feature bazlı klasör organizasyonu
  • Barrel export ve public API sınırları
  • Dairesel bağımlılıkların önlenmesi
  • Dosya ve seçici adlandırma standardı
  • Katmanlar arası bağımlılık yönü kuralı
Modül 2
Akıllı-Aptal Bileşen Ayrımı
  • Container bileşenle veri ve mantığın toplanması
  • Sunum bileşeninin girişe ve olaya bağlanması
  • Tek yönlü veri akışıyla öngörülebilirlik
  • Yeniden kullanılabilir sunum bileşeni tasarımı
  • OnPush ile sunum bileşeni performansı
  • Bileşen sorumluluklarının sınırlandırılması
Modül 3
Feature Modül Tasarımı
  • Feature bazlı modül veya standalone sınırı
  • Routed feature ve giriş noktası tanımı
  • Shared bileşenlerin ortak kullanımı
  • Feature içi servis kapsamının belirlenmesi
  • Özelliklerin bağımsız geliştirilebilmesi
  • Feature flag ile kademeli yayın yaklaşımı
Modül 4
Bileşen İletişim Desenleri
  • Input ve Output ile ebeveyn-çocuk iletişimi
  • Servis üzerinden paylaşılan durum iletişimi
  • Olay yayını için konu (subject) kullanımı
  • Content projection ile esnek kompozisyon
  • Gevşek bağlı bileşenlerin tasarlanması
  • İletişim deseninin ölçeğe göre seçimi
Günün hedefiKatılımcı durum yönetimi ihtiyacını değerlendirir, NgRx akışını ve signals tabanlı store'u karşılaştırır, facade deseniyle durumu bileşenden soyutlamayı uygular.
Modül 1
Durum Yönetimi Kararı
  • Yerel, servis ve global durum ayrımı
  • Durum yönetimi aracına ne zaman geçileceği
  • Türetilmiş durum ve tek kaynak ilkesi
  • Sunucu durumu ile istemci durumu ayrımı
  • Aşırı mühendislikten kaçınma dengesi
  • Durum şekli (state shape) tasarımı
Modül 2
NgRx Durum Akışı
  • Action, reducer ve store üçlüsü
  • Selector ile türetilmiş durum ve memoization
  • Effect ile yan etki ve ağ işlemleri
  • Entity adapter ile koleksiyon yönetimi
  • DevTools ile durum zaman çizelgesi
  • Feature state ve lazy modül entegrasyonu
Modül 3
Signal Tabanlı Store
  • Signal ile hafif bileşen üstü durum
  • computed ile türetilmiş durumun tanımı
  • NgRx SignalStore ile yapısal yaklaşım
  • withMethods ve withComputed kullanımı
  • Signal store ile NgRx karşılaştırması
  • Ölçeğe göre store yaklaşımının seçimi
Modül 4
Facade Deseni Uygulaması
  • Facade servisiyle store erişiminin soyutlanması
  • Bileşenin store detayından yalıtılması
  • Facade üzerinden okunabilir API sunumu
  • Test ve değiştirilebilirlik kazanımı
  • Facade ile iş mantığının toplanması
  • Facade'ın aşırı kullanımından kaçınma
Günün hedefiKatılımcı lazy loading ve preloading ile başlangıç yükünü azaltır, hiyerarşik DI ile servis kapsamını tasarlar ve Nx ile monorepo organizasyonu ve bağımlılık kurallarını uygular.
Modül 1
Lazy Loading ve Yükleme
  • loadComponent ve loadChildren ile tembel yükleme
  • Rota tabanlı kod bölme stratejisi
  • Preloading stratejisiyle öngörülü yükleme
  • @defer ile bileşen düzeyinde erteleme
  • Başlangıç paket boyutunun küçültülmesi
  • Yükleme sınırlarının performansa etkisi
Modül 2
Bağımlılık Enjeksiyonu Mimarisi
  • Hiyerarşik injector ve servis kapsamı
  • providedIn root, platform ve any ayrımı
  • InjectionToken ile yapılandırma sağlama
  • useClass, useValue ve useFactory desenleri
  • Multi provider ile eklenti noktaları
  • Soyutlama için arayüz ve token kullanımı
Modül 3
Nx ile Monorepo Yapısı
  • Nx çalışma alanı ve proje grafiği
  • App ve lib ayrımıyla kod organizasyonu
  • Tag ve lint kuralıyla bağımlılık kısıtı
  • Etkilenen projelerin (affected) hedeflenmesi
  • Hesaplama önbelleği ile hızlı derleme
  • Paylaşılan kütüphanelerin yeniden kullanımı
Modül 4
Standart ve Mimari Kararlar
  • ESLint ve mimari lint kurallarının kurulması
  • Mimari karar kaydı (ADR) ile gerekçe tutma
  • Kod inceleme ve PR standartlarının belirlenmesi
  • Yol takma adı (path alias) ile içe aktarım
  • Ekip için ortak stil ve klasör rehberi
  • Teknik borç takibi ve yeniden düzenleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Katmanlı yapı

Core, shared ve feature katmanlarıyla bağımlılık yönünü netleştirir, büyümeye açık bir klasör mimarisi kurarsınız.

✅
Bileşen tasarımı

Akıllı-aptal bileşen ayrımı ve iletişim desenleriyle sorumlulukları netleştirip yeniden kullanımı artırırsınız.

✅
Durum yönetimi

Yerel, servis ve global durum ihtiyacını değerlendirir, NgRx ve signal store arasında doğru seçimi yapabilirsiniz.

✅
Facade deseni

Facade servisiyle durumu bileşenden soyutlar, test edilebilir ve değiştirilebilir bir erişim katmanı kurarsınız.

✅
Lazy loading

Rota tabanlı kod bölme ve preloading ile başlangıç yükünü azaltıp uygulamanın açılış performansını iyileştirirsiniz.

✅
DI mimarisi

Hiyerarşik injector, InjectionToken ve sağlayıcı desenleriyle esnek ve soyutlanmış bir bağımlılık yapısı tasarlarsınız.

✅
Monorepo

Nx ile app ve lib ayrımı, bağımlılık kuralları ve önbellekle ölçekli bir monorepo organizasyonu kurabilirsiniz.

✅
Ekip standardı

Mimari lint, karar kaydı ve PR standartlarıyla ekip genelinde tutarlı ve sürdürülebilir bir kod kültürü kurarsınız.

Kimler İçin Uygundur?

  • Angular ile uygulama geliştirmiş
  • projesi büyüdükçe karmaşıklaşan yapıyı düzene sokmak isteyen orta ve üstü geliştiriciler
  • mimari standart kurmak isteyen takım liderleri
  • yazılım mimarları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile uygulama geliştirmiş, projesi büyüdükçe karmaşıklaşan yapıyı düzene sokmak isteyen orta ve üstü geliştiriciler, mimari standart kurmak isteyen takım liderleri ve yazılım mimarları için uygundur. Bileşen, servis, modül, yönlendirme ve RxJS kavramlarına pratik hakimiyet beklenir.
NgRx ve signal store arasında nasıl seçim yapmalıyım?
Seçim ölçeğe ve ihtiyaca bağlıdır. Signal store hafif, bileşen üstü durum ve türetilmiş değerler için sade bir çözümdür; NgRx karmaşık yan etkiler, zaman yolculuğu ve büyük ekip disiplini için güçlüdür. Eğitimde her ikisinin akışı karşılaştırılır ve projenizin boyutuna uygun kararın nasıl verileceği örneklerle işlenir.
Monorepo için Nx şart mı?
Hayır, monorepo Nx olmadan da kurulabilir; ancak Nx proje grafiği, bağımlılık kuralları, affected komutları ve hesaplama önbelleği gibi büyük ölçekte zaman kazandıran araçlar sunar. Eğitimde app ve lib ayrımı, tag tabanlı bağımlılık kısıtları ve önbellek örnek bir çalışma alanı üzerinde uygulanır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Atölye biçiminde karmaşıklaşmış bir uygulama katmanlara ayrılıp durum yönetimi ve monorepo yapısıyla yeniden düzenlenir. Yüz yüze veya online yapılabilir; içerik kurumun mevcut proje yapısına göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve atölyede yeniden yapılandırılan örnek mimariyi belgeler; kurumsal gruplara mevcut kod tabanı üzerinden mimari değerlendirme ile genişletilebilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Angular Architecture Workshop Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

AngularAngular Development: Dependency Injection & ng-bootstrap Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Dependency Injection & ng-bootstrap Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Angular bağımlılık enjeksiyonu, InjectionToken, hiyerarşik injector ve ng-bootstrap bileşenleriyle arayüz geliştirmeyi öğreten kurumsal eğitim.

Detayları Gör →
AngularAngular Development: Libraries Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Libraries Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Angular kütüphanesi üretimi, public API, ng-packagr, Angular Package Format, ikincil giriş ve npm yayınını öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
AngularAngular Development: Material & Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Material & Elements Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

Angular Material bileşenleri, CDK, SCSS tema sistemi, veri tablosu ve Angular Elements ile taşınabilir web bileşeni üretmeyi öğreten uygulamalı eğitim.

Detayları Gör →
AngularAngular Development: Reactive Programming Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Reactive Programming Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

RxJS Observable, operatörler, switchMap, hata yönetimi, async pipe ve Signals ile Angular'da reaktif programlamayı derinlemesine öğreten uygulamalı eğitim.

Detayları Gör →
AngularAngular Development: Testing & TDD Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Testing & TDD Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Jasmine, TestBed, bileşen ve servis testi, HttpTestingController, marble testi ve Cypress e2e ile test odaklı Angular geliştirmeyi öğreten uygulamalı eğitim.

Detayları Gör →
AngularAngular Gelişmiş Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Gelişmiş Eğitimi

3 günİleriOnline / Yüz Yüze / Hibrit

Değişim denetimi, OnPush, Signals, ileri bağımlılık enjeksiyonu, dinamik bileşen, lazy loading ve performans optimizasyonunu öğreten ileri seviye Angular eğitim

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn