İLERİ SEVİYE (ADVANCED) ANGULAR EĞİTİMİ

Angular'ın ileri tekniklerinde ustalaş

Signals, change detection, RxJS, dinamik bileşen, NgRx, SSR ve performans optimizasyonu

İleri Seviye Angular Eğitimi, büyük ve karmaşık uygulamalarda performans ve mimariyi işler. Program change detection ve OnPush, Signals ile reaktif durum, ileri RxJS operatörleri, dinamik bileşen ve custom structural directive, derin bağımlılık enjeksiyonu, C…

5 gün İleri Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Değişiklik algılamadan ileri RxJS'e, dinamik bileşenden SSR ve performansa kadar

İleri Seviye Angular Eğitimi, büyük ve karmaşık uygulamaları verimli ve sürdürülebilir kılan ileri teknikleri işler. Katılımcılar change detection ve OnPush stratejisini, Signals ile reaktif durumu, ileri RxJS operatörlerini ve bağımlılık enjeksiyonunun derin mekaniğini öğrenir. Custom structural directive, dinamik bileşen, ControlValueAccessor, performans optimizasyonu, NgRx ile durum yönetimi ve Angular Universal ile sunucu tarafı render konuları uygulamalı işlenir.

Süre ve Format

5 Gün. Her gün dört modül; kısa anlatımın ardından ileri senaryolar gerçek bir uygulamada uygulanarak performans ve mimari kararları birlikte ele alınır.

Seviye

İleri Seviye — Büyük ölçekli Angular uygulamalarında performans, mimari ve ileri teknikleri işleyen program

Öğrenme Metodu

Gerçekçi bir uygulamada ileri konular katman katman uygulanır; her modülde performans, mimari veya reaktiflik sorunu somut kodla çözülür.

Neden Bu Eğitim?

🎯Ölçeklenebilir mimari

Büyük kod tabanlarında sürdürülebilir, modüler ve test edilebilir bir Angular mimarisi kurmayı ileri örneklerle öğrenirsiniz.

⚡Gerçek performans

Change detection, Signals ve lazy loading ile uygulamanızın hızını ve tepkiselliğini ölçülebilir biçimde artırırsınız.

🧠Derin anlayış

RxJS, DI ve render mekaniğini yüzeysel değil iç işleyişiyle kavrayarak zor hataları kökünden çözebilir hale gelirsiniz.

Anahtar Konular

ileri angular eğitimiadvanced angularangular change detectionangular signalsileri rxjs eğitimiangular ngrxangular ssr universalangular performans optimizasyonuangular ileri seviye kursön yüz mimari eğitimi
“İleri Angular, daha çok özellik eklemek değil; render, akış ve bağımlılıkları iç işleyişiyle anlayıp karmaşıklığı kontrol altında tutmaktır.”

Ön Koşullar

İleri konuları takip edebilmek için gereken deneyim ve hazırlık

1
Angular deneyimi

Bileşen, servis, routing ve formlarla uygulama geliştirmiş olmak ve orta seviye konulara hâkim olmak gerekir.

2
RxJS temeli

Observable, operatör ve subscribe yönetimine aşinalık ileri RxJS konularını anlamayı kolaylaştırır.

3
TypeScript ileri

Generic, tip daraltma ve dekoratör gibi ileri TypeScript özelliklerini bilmek faydalı olur.

4
Geliştirme ortamı

Node.js, Angular CLI ve güncel bir Angular projesiyle çalışabilir bir ortamın hazır 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ı Angular'ın değişiklik algılama mekaniğini zone.js seviyesinde kavrar, OnPush stratejisini uygular ve Signals ile reaktif durumu kurarak gereksiz render'ı önler.
Modül 1
Change Detection Mekaniği
  • Zone.js ile asenkron olayların yakalanması
  • Bileşen ağacında değişiklik algılama döngüsü
  • Default stratejide tüm ağacın taranması
  • ApplicationRef.tick ve tetikleme kaynakları
  • ChangeDetectorRef ile manuel kontrol
  • detach ve reattach ile ağacın yönetimi
Modül 2
OnPush Stratejisi
  • OnPush ile değişiklik algılamanın daraltılması
  • Referans değişimine dayalı güncelleme mantığı
  • Değişmez veri ile OnPush'ın güvenli kullanımı
  • markForCheck ile manuel işaretleme
  • async pipe ile OnPush uyumlu akış bağlama
  • OnPush bileşenlerde sık yapılan hatalar
Modül 3
Signals ile Reaktif Durum
  • signal ile reaktif değer tanımı
  • computed ile türetilmiş değer oluşturma
  • effect ile yan etkilerin reaktif yönetimi
  • set ve update ile durum güncelleme
  • Signals ile change detection etkileşimi
  • RxJS ve Signals arası köprü kurma
Modül 4
Render Performansı
  • trackBy ile ngFor yeniden oluşturma maliyeti
  • Gereksiz binding ve hesaplamaların tespiti
  • Ağır pipe yerine memoize edilmiş değer
  • Angular DevTools ile profil çıkarma
  • Değişiklik algılama sıcak noktalarının bulunması
  • Büyük listelerde render yükünün azaltılması
Günün hedefiKatılımcı yüksek dereceli RxJS operatörlerini amacına göre seçer, subject türlerini ayırt eder, abonelik sızıntılarını önler ve akış tabanlı reaktif bir mimari kurar.
Modül 1
Yüksek Dereceli Operatörler
  • switchMap ile önceki akışı iptal etme
  • mergeMap ile eşzamanlı akışları birleştirme
  • concatMap ile sıralı işlem garantisi
  • exhaustMap ile tekrar tetiklemeyi yok sayma
  • Arama kutusunda doğru operatör seçimi
  • İç içe abonelikten operatörle kaçınma
Modül 2
Subject ve Multicast
  • Subject ile çok aboneli yayın mantığı
  • BehaviorSubject ile son değerin saklanması
  • ReplaySubject ile geçmiş değerlerin tekrarı
  • share ve shareReplay ile akış paylaşımı
  • Soğuk ve sıcak observable ayrımı
  • Subject tabanlı basit durum servisi kurma
Modül 3
Hata ve Yeniden Deneme
  • catchError ile akış içinde hata yakalama
  • retry ve retryWhen ile yeniden deneme
  • Yedek değerle akışı sürdürme stratejisi
  • throwError ile hata akışı üretme
  • finalize ile temizlik işlemleri
  • Global hata yönetimi deseni kurma
Modül 4
Abonelik ve Bellek Yönetimi
  • takeUntil ile bileşen yıkımında abonelik kapatma
  • async pipe ile otomatik abonelik yönetimi
  • Subscription toplama ve topluca kapatma
  • Bellek sızıntısı belirtilerinin tanınması
  • DestroyRef ve takeUntilDestroyed kullanımı
  • Kombinasyon operatörleriyle akış birleştirme
Günün hedefiKatılımcı dinamik bileşen oluşturur, custom structural directive yazar, bağımlılık enjeksiyonu hiyerarşisini kavrar ve ControlValueAccessor ile özel form bileşeni kurar.
Modül 1
Dinamik Bileşen Oluşturma
  • ViewContainerRef ile çalışma anında bileşen ekleme
  • createComponent ile dinamik örnekleme
  • Girdi ve çıktıların dinamik olarak bağlanması
  • ng-template ve TemplateRef ile içerik aktarımı
  • Dinamik bileşenin yaşam döngüsü yönetimi
  • Modal ve bildirim gibi dinamik arayüz senaryoları
Modül 2
Custom Structural Directive
  • TemplateRef ve ViewContainerRef ile yapı kurma
  • ngIf benzeri koşullu directive yazımı
  • Mikro söz dizimi ve bağlam değişkenleri
  • createEmbeddedView ile şablonu oluşturma
  • Girdi değişiminde görünümü güncelleme
  • Yetki tabanlı gösterim directive'i örneği
Modül 3
Bağımlılık Enjeksiyonu Derinliği
  • InjectionToken ile tip güvenli sağlayıcı
  • Hiyerarşik injector ve çözümleme sırası
  • useClass, useValue ve useFactory sağlayıcıları
  • providedIn ve ağaç sarsma uyumlu servis
  • inject fonksiyonu ile modern enjeksiyon
  • Çok sağlayıcılı token ve genişletme deseni
Modül 4
ControlValueAccessor ile Form Kontrolü
  • ControlValueAccessor arayüzünün uygulanması
  • writeValue ile dış değeri bileşene yansıtma
  • registerOnChange ile değişim bildirimi
  • registerOnTouched ile dokunma durumu
  • NG_VALUE_ACCESSOR ile kontrolün tanıtılması
  • Özel bileşenin reactive form ile bağlanması
Günün hedefiKatılımcı lazy loading ve preloading ile başlangıç yükünü azaltır, build çıktısını analiz eder ve NgRx ile öngörülebilir, ölçeklenebilir bir durum yönetimi kurar.
Modül 1
Lazy Loading ve Preloading
  • loadChildren ile rota tabanlı tembel yükleme
  • Standalone bileşenlerle loadComponent kullanımı
  • PreloadAllModules ile ön yükleme stratejisi
  • Özel preloading stratejisi yazımı
  • Başlangıç paket boyutunun küçültülmesi
  • Kritik olmayan modüllerin ertelenmesi
Modül 2
Build Analizi ve Optimizasyon
  • source-map-explorer ile paket içeriği analizi
  • Bütçe eşiği ile paket boyutu denetimi
  • Ağaç sarsma ve kullanılmayan kodun atılması
  • Tekrarlı bağımlılıkların tespiti
  • Üretim derlemesinde optimizasyon ayarları
  • Görsel ve varlıkların yüklenme stratejisi
Modül 3
NgRx ile Durum Yönetimi
  • Store, action ve reducer ile akış kurma
  • Selector ile türetilmiş durum okuma
  • Effects ile yan etki ve API çağrısı yönetimi
  • Immutable güncelleme ilkesinin korunması
  • Redux DevTools ile zaman yolculuğu
  • Büyük uygulamada feature state bölümlemesi
Modül 4
Reaktif Durum Desenleri
  • ComponentStore ile yerel durum yönetimi
  • Signals tabanlı durum ile NgRx karşılaştırması
  • Durum normalizasyonu ve entity yönetimi
  • Türetilmiş durumla gereksiz hesaplamadan kaçınma
  • Optimistik güncelleme ve geri alma deseni
  • Durum mimarisinde ölçek kararları
Günün hedefiKatılımcı Angular Universal ile sunucu tarafı render kurar, hidrasyonu yapılandırır, ileri test teknikleri uygular ve uygulamayı üretim olgunluğuna taşır.
Modül 1
Angular Universal ve SSR
  • Sunucu tarafı render'ın SEO ve hız yararı
  • ng add ile SSR kurulumu ve sunucu girişi
  • Sunucu ve tarayıcı ortam farklarının yönetimi
  • window ve document erişiminin güvenli yapımı
  • TransferState ile sunucu verisini taşıma
  • Prerendering ile statik sayfa üretimi
Modül 2
Hidrasyon ve İlk Yük
  • Artımlı hidrasyon ile etkileşimin hızlanması
  • Hidrasyon uyuşmazlıklarının giderilmesi
  • İlk içerik boyama metriklerinin iyileştirilmesi
  • Kritik CSS ve kaynak önceliklendirme
  • Lighthouse ile performans ölçümü
  • Core Web Vitals hedeflerinin karşılanması
Modül 3
İleri Test Teknikleri
  • OnPush ve Signals bileşenlerinin test edilmesi
  • Marble test ile karmaşık akış doğrulaması
  • NgRx reducer ve effect birim testi
  • Harness ile Material bileşen testi
  • Entegrasyon testlerinde modül kurulumu
  • Kritik akışlar için E2E senaryoları
Modül 4
Üretim Hazırlığı ve İzleme
  • Ortam yapılandırması ve gizli değer yönetimi
  • Hata izleme ve günlükleme entegrasyonu
  • Güvenlik başlıkları ve XSS korumaları
  • Erişilebilirlik denetimi ve iyileştirme
  • Sürüm etiketleme ve kademeli dağıtım
  • Performans bütçeleriyle sürekli izleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Change detection hakimiyeti

Angular'ın değişiklik algılama mekaniğini zone.js seviyesinde kavrar, OnPush ile gereksiz render'ı ölçülebilir biçimde azaltırsınız.

✅
Signals ile reaktiflik

signal, computed ve effect ile modern reaktif durum kurar, RxJS ile Signals arasında doğru köprüyü oluşturursunuz.

✅
İleri RxJS

Yüksek dereceli operatörleri amacına göre seçer, subject türlerini ayırt eder ve abonelik sızıntılarını güvenle önlersiniz.

✅
Dinamik bileşen ve directive

Çalışma anında bileşen oluşturur, custom structural directive ve ControlValueAccessor ile yeniden kullanılabilir yapılar kurarsınız.

✅
Derin DI

InjectionToken, hiyerarşik injector ve sağlayıcı türleriyle esnek ve test edilebilir bir bağımlılık mimarisi tasarlarsınız.

✅
Performans optimizasyonu

Lazy loading, preloading ve build analizi ile başlangıç yükünü düşürür, uygulamanın tepkiselliğini belirgin biçimde artırırsınız.

✅
Durum yönetimi

NgRx ve ComponentStore ile öngörülebilir, ölçeklenebilir durum kurar, entity ve selector desenlerini etkin uygularsınız.

✅
SSR ve üretim olgunluğu

Angular Universal ile sunucu render ve hidrasyon kurar, uygulamayı performans, güvenlik ve izleme açısından üretime hazırlarsınız.

Kimler İçin Uygundur?

  • Angular ile üretim uygulaması geliştirmiş
  • temel ve orta seviye konulara hâkim ve büyük ölçekli projelerde performans
  • mimari
  • ileri teknikleri derinlemesine öğrenmek isteyen deneyimli ön yüz geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile üretim uygulaması geliştirmiş, temel ve orta seviye konulara hâkim deneyimli ön yüz geliştiricileri ve yazılım mimarları için uygundur. Yeni başlayanlara önerilmez; önce temel ve orta seviye Angular yetkinliği edinilmesi tavsiye edilir.
Temel Angular eğitiminden farkı nedir?
Bu program temel konuları atlar ve doğrudan ileri seviyeye odaklanır: change detection iç işleyişi, Signals, ileri RxJS, dinamik bileşen, derin bağımlılık enjeksiyonu, NgRx ile durum yönetimi, performans optimizasyonu ve Angular Universal ile sunucu tarafı render konuları işlenir.
Hangi Angular sürümü kullanılıyor?
Eğitim güncel Angular sürümüyle, Signals ve standalone bileşen gibi modern yaklaşımlar ön planda tutularak işlenir. İçerik kurumun kullandığı Angular sürümüne ve mevcut proje yapısına göre uyarlanabilir.
NgRx bu eğitime dahil mi?
Evet, NgRx ile durum yönetimi programın bir bölümünü oluşturur: store, action, reducer, selector ve effects konuları ile ComponentStore ve Signals tabanlı durum yaklaşımları karşılaştırmalı olarak ele alınır.
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 ileri modülleri ve uygulanan performans ile mimari çalışmalarını 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. İleri Seviye (Advanced) Angular Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

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

Bu Eğitimle Birlikte Tercih Edilenler

AngularAngular : Working with Components Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working with Components Eğitimi

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

Angular bileşen eğitimi: data binding, Input/Output, Signals, yaşam döngüsü, içerik projeksiyonu ve OnPush change detection. Uygulamalı ve kurumsal.

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

Angular : Working With Forms Eğitimi

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

Angular form eğitimi: template-driven ve reactive formlar, doğrulama, async validator, ControlValueAccessor ve dinamik formlar. Uygulamalı ve kurumsal.

Detayları Gör →
AngularAngular : Working With Nested Components Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Working With Nested Components Eğitimi

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

Angular'da iç içe bileşenler, @Input, @Output, ng-content, ViewChild ve OnPush ile ölçeklenebilir arayüz kurmayı öğreten uygulamalı kurumsal eğitim.

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

Angular and New Features Eğitimi

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

Modern Angular: standalone bileşen, signals, yeni control flow, @defer, SSR hidrasyon ve zoneless geçişi öğreten uygulamalı kurumsal eğitim.

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