ANGULAR : WORKING WITH ANGULAR MODULES EĞİTİMİ

Angular modül mimarisini ustaca kur

NgModule, feature ve shared modüller, lazy loading ve standalone geçişiyle ölçeklenebilir yapı

Angular Working With Angular Modules Eğitimi, büyük uygulamaları düzenli tutan modül mimarisini uçtan uca öğretir. Program NgModule metadata ve bootstrap süreci, feature, shared ve core modül ayrımı, forRoot ve forChild deseni, loadChildren ile lazy loading,…

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

Eğitim Hakkında

NgModule metadata'sından modüler mimariye ve standalone geçişe kadar organizasyon

Angular Working With Angular Modules Eğitimi, büyük uygulamaları düzenli tutan modül mimarisini uçtan uca öğretir. Katılımcılar NgModule metadata'sını, temel metadata alanlarını ve bootstrap sürecini öğrenir. Ardından feature, shared ve core modül ayrımı, forRoot ve forChild deseni, lazy loading ile modül bölme ve SCAM yaklaşımı işlenir. Program standalone bileşenlere geçiş, bootstrapApplication ve NgModule'den standalone'a göç stratejisiyle tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından örnek bir uygulamanın modül yapısı adım adım kurularak feature, shared ve lazy modüller düzenlenir.

Seviye

Orta Seviye — NgModule mimarisi ve standalone geçişiyle Angular modül organizasyonu eğitimi

Öğrenme Metodu

Örnek bir uygulama önce NgModule ile modüler kurulur, sonra standalone yapıya taşınarak iki yaklaşım aynı proje üzerinde karşılaştırılır.

Neden Bu Eğitim?

🗂️Düzenli mimari

Feature, shared ve core modül ayrımıyla büyük uygulamaları anlaşılır, bakımı kolay ve ekip içinde paylaşılabilir bir yapıya kavuşturursunuz.

⚡Hızlı açılış

Lazy loading ile özellik alanlarını ayrı paketlere bölerek uygulamanın ilk yükleme süresini belirgin biçimde kısaltırsınız.

🔄Geleceğe hazır

Standalone bileşenlere geçişi öğrenerek mevcut NgModule tabanlı projeleri güncel Angular yaklaşımına taşıyabilir hale gelirsiniz.

Anahtar Konular

angular modül eğitimingmodule kursuangular feature modulelazy loading angularstandalone component eğitimiangular mimariangular egitimishared moduleforroot forchildfrontend modül yapısı
“İyi bir modül yapısı kodun nerede olduğunu değil, yeni bir özelliğin nereye ait olduğunu bir bakışta söyler.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak Angular bilgisi ve kurulum

1
Angular temelleri

Bileşen, servis ve template söz dizimi gibi temel Angular kavramlarına aşinalık gerekir.

2
Bileşen ve servis

Bileşen oluşturmayı ve basit servis kullanmayı bilmek modül organizasyonunu anlamayı kolaylaştırır.

3
Routing aşinalığı

Temel routing ve rota tanımı bilgisi lazy loading konusunda faydalı olur; detaylar eğitimde işlenir.

4
Angular CLI ortamı

Node.js ve Angular CLI'ın kurulu olması, ng serve ile projeyi çalıştırabilir durumda olmak 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ı NgModule dekoratörünü ve metadata alanlarını kavrar, declarations ile bileşenleri kaydeder, imports ile modül bağımlılığı ekler ve bootstrap sürecini anlar.
Modül 1
NgModule Anatomisi
  • NgModule dekoratörünün rolü ve amacı
  • Modülün bileşen ve servisleri gruplama işlevi
  • declarations ile bileşen ve pipe kaydı
  • Bir bileşenin yalnızca bir modüle ait olması
  • AppModule'ün kök modül olarak konumu
  • Modül sınırının derleme ve kapsam etkisi
Modül 2
imports ve exports
  • imports ile başka modüllerin yeteneklerini alma
  • exports ile bileşen ve modülleri dışa açma
  • CommonModule'ün ngIf ve ngFor sağlaması
  • FormsModule gibi yetenek modüllerinin alınması
  • Modüller arası bağımlılık yönünün planlanması
  • Dışa açılmayan bileşenin dışarıdan görünmemesi
Modül 3
providers ve bootstrap
  • providers ile modül düzeyinde servis sağlama
  • Kök modülde sağlanan servisin singleton olması
  • bootstrap dizisiyle kök bileşenin belirlenmesi
  • BrowserModule'ün yalnızca kökte alınması
  • main.ts ve platformBrowser ile açılış
  • Tree-shakable providedIn ile providers farkı
Modül 4
Modül Tipleri ve Roller
  • Kök modül ve feature modül rolleri
  • Shared modül ile ortak yapıların paylaşımı
  • Routing modülünün ayrı tutulması
  • Widget ve domain modülü yaklaşımı
  • Modül adlandırma ve dizin düzeni
  • Modül sayısı ve granülerlik dengesi
Günün hedefiKatılımcı feature, shared ve core modül sorumluluklarını ayırır, shared modülle ortak yapıları paylaşır ve forRoot ile forChild deseniyle servis tekilliğini kurar.
Modül 1
Feature Modüller
  • Her iş alanının kendi feature modülünde toplanması
  • Feature modülünün kendi rotalarını taşıması
  • İç bileşenlerin dışa açılmaması ilkesi
  • Feature arası bağımlılığın en aza indirilmesi
  • Domain sınırlarının modüle yansıtılması
  • Feature modülün bağımsız geliştirilebilmesi
Modül 2
Shared Modül Tasarımı
  • Ortak bileşen, pipe ve direktiflerin toplanması
  • Shared modülün CommonModule'ü yeniden dışa açması
  • Shared modülde servis sağlanmaması tercihi
  • Yeniden kullanılan UI parçalarının paylaşımı
  • Shared modülün her feature tarafından alınması
  • Shared modülün şişmesini önleme stratejisi
Modül 3
Core Modül ve Tekil Servis
  • Core modülde tekil servislerin toplanması
  • Core modülün yalnızca kökte alınması
  • Uygulama ömrü boyunca yaşayan servisler
  • İki kez içe aktarmayı önleyen koruma deseni
  • Interceptor ve guard'ların core'da toplanması
  • Core ile shared sorumluluk ayrımı
Modül 4
forRoot ve forChild
  • forRoot ile servis ve yapılandırmanın tekil kaydı
  • forChild ile yalnızca bildirimlerin paylaşımı
  • RouterModule'de forRoot ve forChild kullanımı
  • Çoğaltılmış servis örneğinin önlenmesi
  • Yapılandırılabilir modül deseninin kurulması
  • ModuleWithProviders dönüş tipinin rolü
Günün hedefiKatılımcı özellik modüllerini lazy loading ile böler, preloading stratejisi uygular, SCAM yaklaşımını değerlendirir ve modül bağımlılıklarını sağlıklı biçimde yönetir.
Modül 1
Lazy Modül Yükleme
  • loadChildren ile feature modülün geç yüklenmesi
  • Dinamik import ile paketin ayrılması
  • Lazy modülün kendi route ağacını taşıması
  • forChild ile lazy modül rotalarının tanımı
  • İlk paket boyutunun lazy bölmeyle küçülmesi
  • Lazy sınırının injector kapsamına etkisi
Modül 2
Preloading Stratejileri
  • PreloadAllModules ile lazy bölümlerin ön yüklenmesi
  • Varsayılan gecikmeli yükleme ile farkı
  • Özel preloading stratejisinin yazımı
  • data bayrağıyla seçmeli ön yükleme
  • Algılanan hız ve gerçek yük dengesi
  • Ağ koşuluna göre ön yükleme kararı
Modül 3
SCAM Yaklaşımı ve Faydası
  • Tek bileşenlik modül SCAM kavramı
  • Her bileşenin kendi modülüyle paketlenmesi
  • Shared modül şişmesine SCAM çözümü
  • SCAM ile daha net bağımlılık sınırı
  • SCAM ve standalone bileşen benzerliği
  • SCAM'ın avantaj ve maliyet değerlendirmesi
Modül 4
Bağımlılık Düzeni
  • Döngüsel modül bağımlılığının tespiti
  • Modül grafiğinin tek yönlü tutulması
  • Barrel index dosyalarının dikkatli kullanımı
  • Modül sınırının takım anlaşmasıyla korunması
  • Yeniden yapılandırmada modül taşınması
  • Modül bağımlılığının derleme süresine etkisi
Günün hedefiKatılımcı standalone bileşenlerin mantığını kavrar, bootstrapApplication ile modülsüz açılışı kurar, importProvidersFrom ile mevcut modülleri köprüler ve NgModule'den standalone'a göçü planlar.
Modül 1
Standalone Bileşen
  • standalone bileşenin kendi imports listesi
  • NgModule gerektirmeden bileşen tanımı
  • Standalone direktif ve pipe tanımları
  • Bileşenin doğrudan bağımlılıklarını alması
  • Standalone ile azalan dolaylılık
  • Standalone bileşenin lazy yüklenmesi
Modül 2
Modülsüz Uygulama Açılışı
  • bootstrapApplication ile kök bileşen başlatma
  • providers dizisiyle uygulama düzeyi sağlama
  • provideRouter ile modülsüz router kurulumu
  • provideHttpClient ile HTTP yapılandırması
  • main.ts dosyasının belirgin biçimde sadeleşmesi
  • AppModule'ün ortadan kalkmasının etkisi
Modül 3
Mevcut Modülleri Köprüleme
  • importProvidersFrom ile NgModule sağlayıcıları
  • Modül tabanlı kütüphanelerin standalone'da kullanımı
  • Standalone bileşeni NgModule içinde içe aktarma
  • Karma yapıda aşamalı geçiş imkânı
  • Üçüncü taraf modüllerle uyum sağlanması
  • Geçiş sırasında ikili yapının yönetimi
Modül 4
Standalone Göç Stratejisi
  • ng generate ile standalone şema tercihi
  • Otomatik migration aracıyla toplu dönüşüm
  • Yaprak bileşenlerden köke doğru göç
  • Shared modülün standalone parçalara bölünmesi
  • Göç sırasında regresyon testiyle güvenlik
  • Yeni projelerde standalone varsayılanı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
NgModule hâkimiyeti

NgModule metadata alanlarını kavrar, declarations, imports ve exports ile modül sınırlarını doğru biçimde kurabilirsiniz.

✅
Modüler mimari

Feature, shared ve core modül ayrımıyla büyük uygulamaları düzenli ve bakımı kolay bir yapıya kavuşturabilirsiniz.

✅
forRoot deseni

forRoot ve forChild deseniyle yapılandırılabilir modüller yazar ve servis tekilliğini güvenle sağlayabilirsiniz.

✅
Lazy loading

loadChildren ile özellik alanlarını ayrı paketlere bölerek ilk yükleme süresini belirgin biçimde kısaltabilirsiniz.

✅
Preloading stratejisi

PreloadAllModules ve özel stratejilerle lazy bölümlerin ne zaman yükleneceğini akıllıca yönetebilirsiniz.

✅
SCAM değerlendirmesi

SCAM yaklaşımını kavrar, shared modül şişmesine karşı bileşen bazlı modül kullanımını değerlendirebilirsiniz.

✅
Standalone kurulum

bootstrapApplication ve standalone bileşenlerle modülsüz, sade bir uygulama yapısı kurabilirsiniz.

✅
NgModule göçü

importProvidersFrom ve migration araçlarıyla mevcut NgModule projesini standalone yapıya aşamalı taşıyabilirsiniz.

Kimler İçin Uygundur?

  • Angular ile uygulama geliştiren ancak modül sınırlarını
  • feature
  • shared modül ayrımını ve standalone geçişini mimari açıdan netleştirmek isteyen ön yüz geliştiricileri ve proje yapısını sağlamlaştırmak isteyen yazılımcılar için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile uygulama geliştiren ancak modül sınırlarını, feature ve shared modül ayrımını ve standalone geçişini netleştirmek isteyen geliştiriciler için uygundur. Temel Angular bilgisi yeterlidir; modül mimarisi temelden ileriye işlenir.
Standalone bileşenler mi yoksa NgModule mu öğretiliyor?
İkisi de öğretilir. Önce NgModule tabanlı modül mimarisi derinlemesine ele alınır, sonra standalone bileşenlere geçiş, bootstrapApplication ve NgModule'den standalone'a göç stratejisi işlenir. Böylece hem mevcut hem yeni projeler kapsanır.
Lazy loading konusu yer alıyor mu?
Evet, loadChildren ile modül bazlı lazy loading, PreloadAllModules ve özel preloading stratejileri eğitimin üçüncü gününde uygulamalı ele alınır. İlk paket boyutunu küçültme ve yükleme performansı üzerindeki etkisi örneklerle gösterilir.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Örnek bir uygulama önce NgModule ile kurulur, sonra standalone yapıya taşınır. Yüz yüze veya online yapılabilir ve kurumun kullandığı Angular sürümüne göre içerik 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 eğitim boyunca geliştirilen örnek çalışmaları belgeler; kurumsal gruplara özel uyarlama yapılabilir.

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 : Working With Angular Modules Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 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 Architecture Workshop Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Architecture Workshop Eğitimi

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

Ölçeklenebilir Angular mimarisi: katmanlar, akıllı-aptal bileşen, NgRx ve signal store, facade, lazy loading ve Nx monorepo atölyesi.

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

Angular CLI Eğitimi

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

Angular CLI ile proje oluşturma, ng generate, angular.json, builder, bütçeler, test, ng update ve dağıtımı öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
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 →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn