ANGULAR GELİŞMİŞ EĞİTİMİ

İleri mimari ve yüksek performanslı Angular

Değişim denetimi, OnPush, Signals, ileri DI, dinamik bileşen ve performans mimarisi

Angular Gelişmiş Eğitimi, Angular tecrübesi olan geliştiricilere çatının derinliklerini ve ölçeklenebilir mimari kurmayı öğretir. Program değişim denetimi stratejileri, OnPush, Signals ve zoneless yaklaşımla başlar; hiyerarşik bağımlılık enjeksiyonu, enjeksiy…

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

Eğitim Hakkında

Değişim denetiminden ileri DI'ya ve performans optimizasyonuna uzanan ileri seviye Angular eğitimi

Angular Gelişmiş Eğitimi, Angular tecrübesi olan geliştiricilere çatının derinliklerini ve ölçeklenebilir mimari kurmayı öğretir. Katılımcılar değişim denetimi stratejilerini, OnPush ve zoneless yaklaşımını, Signals ile ince taneli reaktiviteyi, ileri bağımlılık enjeksiyonunu, dinamik bileşen yüklemeyi, içerik yansıtmayı ve özel direktif yazmayı öğrenir. Eğitim lazy loading, önden yükleme, performans profilleme ve standalone tabanlı modern mimari ile tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; performansı ölçülen örnek bir uygulama değişim denetimi, DI ve lazy loading teknikleriyle adım adım iyileştirilir.

Seviye

İleri Seviye — Angular tecrübesi olan geliştiricilere değişim denetimi, ileri DI ve performans mimarisini öğretir

Öğrenme Metodu

Performans sorunları olan örnek bir uygulama üzerinde her modülde ileri bir teknik uygulanır ve ölçümle etkisi doğrulanır.

Neden Bu Eğitim?

🎯Çatının derinliği

Değişim denetimi, render döngüsü ve bağımlılık enjeksiyonunun iç işleyişini kavrayarak Angular'ı yüzeyin ötesinde anlarsınız.

⚡Yüksek performans

OnPush, Signals ve profilleme araçlarıyla gereksiz render'ı keser, büyük uygulamalarda akıcı bir deneyim sağlarsınız.

🏗️Ölçeklenebilir mimari

İleri DI, lazy loading ve standalone yapıyla büyüyen projelerde sürdürülebilir ve modüler bir mimari kurarsınız.

Anahtar Konular

angular ileri seviye eğitimiangular gelişmiş kursangular performans optimizasyonuangular change detectiononpush stratejisiangular signalsangular bağımlılık enjeksiyonuangular lazy loadingangular ileri mimaristandalone bileşen angular
“İleri Angular, çatının iç işleyişini anlayıp performansı kontrol etmektir; bu eğitim büyük uygulamalarda ustalık kazandırır.”

Ön Koşullar

Eğitimden en iyi verimi almak için gereken tecrübe ve geliştirme ortamı

1
Angular tecrübesi

Bileşen, servis, yönlendirme ve form gibi temel konularda uygulama geliştirmiş olmak gereklidir.

2
RxJS aşinalığı

Observable, operatör ve abonelik mantığını bilmek reaktif performans konularını kavramayı destekler.

3
TypeScript hakimiyeti

Jenerik, dekoratör ve ileri tip kavramlarına hakimiyet DI ve direktif konularında avantaj sağlar.

4
Tarayıcı araçları

Tarayıcı geliştirici araçları ve performans profilleme sekmesine aşinalık ölçüm modüllerinde kullanılır.

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şim denetimi mekanizmasını kavrar, OnPush stratejisini uygular, Signals ile ince taneli reaktivite kurar ve zoneless yaklaşımla render performansını optimize eder.
Modül 1
Değişim Denetimi Mekanizması
  • Zone.js'in asenkron olayları yakalaması
  • Değişim denetimi ağacının gezilmesi
  • Default stratejide tüm ağacın denetimi
  • Render döngüsü ve tetikleyici olaylar
  • ngDoCheck yaşam döngüsü kancası
  • Gereksiz denetimin performans etkisi
Modül 2
OnPush Stratejisi
  • ChangeDetectionStrategy.OnPush etkinleştirme
  • Referans değişimi ile tetiklenme kuralı
  • Değişmez veri ile OnPush uyumu
  • markForCheck ile manuel işaretleme
  • detach ve reattach ile denetim kontrolü
  • OnPush ile async pipe birlikteliği
Modül 3
Signals ile İnce Taneli Reaktivite
  • signal ile reaktif değer ve okuma
  • computed ile türetilmiş değer bağlama
  • effect ile değişime tepki verme
  • Signal grafiği ve otomatik takip mantığı
  • Signal tabanlı bileşende render daralması
  • Signals ile OnPush ihtiyacının azalması
Modül 4
Zoneless ve Render Profilleme
  • provideZonelessChangeDetection kullanımı
  • Zone.js'siz tetiklenme yaklaşımı
  • Angular DevTools ile denetim profilleme
  • Gereksiz render'ı tespit etme ve kesme
  • trackBy ile liste render maliyetini düşürme
  • Render daraltma öncesi ve sonrası ölçüm
Günün hedefiKatılımcı hiyerarşik enjeksiyon ağacını kavrar, enjeksiyon token'ları ve sağlayıcı stratejilerini kullanır, içerik yansıtma uygular ve özel yapısal ve nitelik direktifleri yazar.
Modül 1
Hiyerarşik Bağımlılık Enjeksiyonu
  • Enjektör ağacı ve çözümleme sırası
  • Kök ve bileşen seviyesi sağlayıcı farkı
  • providedIn root ve platform kapsamları
  • Self, SkipSelf ve Optional dekoratörleri
  • Host ile bileşen sınırında çözümleme
  • Aynı token için kapsamlı örnek üretimi
Modül 2
Enjeksiyon Token'ları ve Sağlayıcılar
  • InjectionToken ile soyut bağımlılık tanımı
  • useClass, useValue ve useFactory farkı
  • useExisting ile takma ad sağlayıcı
  • multi sağlayıcı ile token dizisi kurma
  • inject fonksiyonuyla bağımlılık alma
  • Yapılandırmayı token ile dışarıdan verme
Modül 3
İçerik Yansıtma ve Şablon
  • ng-content ile içerik yansıtma kurma
  • select ile çok yuvalı yansıtma
  • ng-template ile ertelenmiş şablon
  • ngTemplateOutlet ile şablon yerleştirme
  • TemplateRef ve ViewContainerRef erişimi
  • Esnek ve yeniden kullanılabilir bileşen tasarımı
Modül 4
Özel Direktif Yazımı
  • Attribute direktif ile öğe davranışı ekleme
  • HostListener ile olay dinleme ekleme
  • HostBinding ile özellik bağlama
  • Structural direktif ve mikro sözdizimi
  • EmbeddedView ile içerik oluşturma
  • Direktif ile çapraz kesen mantığı paylaşma
Günün hedefiKatılımcı dinamik bileşen yükler, rotaları ve bileşenleri lazy loading ile böler, standalone tabanlı modern mimari kurar ve bundle boyutu ile yükleme performansını optimize eder.
Modül 1
Dinamik Bileşen Yükleme
  • ViewContainerRef.createComponent kullanımı
  • Çalışma zamanında bileşen örnekleme
  • Girdi ve çıktıları programatik bağlama
  • ngComponentOutlet ile bildirimsel yükleme
  • Dinamik form ve widget senaryoları
  • Bileşen referansını temizleme ve yok etme
Modül 2
Lazy Loading ve Rota Bölme
  • loadComponent ile standalone bileşen yükleme
  • loadChildren ile rota grubu bölme
  • Önden yükleme stratejisi belirleme
  • Route guard ve resolver ile veri hazırlama
  • İstek üzerine yükleme ile başlangıç hızı
  • Defer bloğu ile şablon düzeyinde erteleme
Modül 3
Standalone Tabanlı Mimari
  • Standalone bileşenle NgModule'den çıkış
  • importProvides ve bootstrapApplication
  • Özellik bazlı klasör ve sınır tasarımı
  • Paylaşılan bileşen ve servis düzeni
  • Katmanlı mimari ve bağımlılık yönü
  • Mikro ön yüz yaklaşımına genel bakış
Modül 4
Performans ve Bundle Optimizasyonu
  • Bundle analizi ile boyut kaynağını bulma
  • Tree shaking ve kullanılmayan kod temizliği
  • Kod bölme ile parça boyutu dengeleme
  • Görsel ve font yükleme optimizasyonu
  • NgOptimizedImage ile görsel iyileştirme
  • SSR ve hidrasyon ile ilk yüklemeyi hızlandırma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Değişim denetimi

Değişim denetimi mekanizmasını ve render döngüsünü derinlemesine kavrar, gereksiz denetimi tespit edip kesersiniz.

✅
OnPush ve Signals

OnPush stratejisi ve Signals ile ince taneli reaktivite kurarak büyük uygulamalarda render maliyetini düşürürsünüz.

✅
İleri DI hakimiyeti

Hiyerarşik enjektör, enjeksiyon token'ları ve sağlayıcı stratejileriyle esnek ve test edilebilir bağımlılık tasarlarsınız.

✅
İçerik yansıtma

ng-content, ng-template ve şablon referanslarıyla esnek ve yeniden kullanılabilir bileşen API'leri tasarlarsınız.

✅
Özel direktifler

Nitelik ve yapısal direktifler yazarak çapraz kesen davranışı paylaşır, şablon mantığını yeniden kullanırsınız.

✅
Dinamik bileşen

Çalışma zamanında bileşen oluşturur, girdi ve çıktıları bağlar ve dinamik form ile widget senaryolarını kurarsınız.

✅
Lazy loading

Rotaları ve bileşenleri lazy loading ile böler, önden yükleme ve defer ile başlangıç performansını iyileştirirsiniz.

✅
Mimari ve optimizasyon

Standalone tabanlı ölçeklenebilir mimari kurar, bundle analizi ve SSR ile yükleme performansını optimize edersiniz.

Kimler İçin Uygundur?

  • Angular ile üretim uygulamaları geliştirmiş
  • çatının iç işleyişini derinlemesine anlamak ve büyüyen projelerde performanslı
  • sürdürülebilir bir mimari kurmak isteyen orta
  • ileri seviye geliştiriciler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile üretim uygulamaları geliştirmiş, çatının iç işleyişini derinlemesine anlamak ve büyüyen projelerde performanslı, sürdürülebilir mimari kurmak isteyen orta ve ileri seviye geliştiriciler için uygundur. Temel bileşen, servis ve yönlendirme bilgisi beklenir; eğitim bu temelin ötesine odaklanır.
Performans optimizasyonu gerçekten ele alınıyor mu?
Evet, performans eğitimin merkezindedir. Değişim denetimi, OnPush ve Signals ile gereksiz render'ı kesme, Angular DevTools ile profilleme, lazy loading ile başlangıç hızı, bundle analizi ve SSR ile ilk yüklemeyi hızlandırma işlenir. Her teknik ölçülebilir bir örnek uygulama üzerinde uygulanıp etkisi doğrulanır.
Signals ve zoneless yaklaşımı kapsıyor mu?
Evet. Eğitim signal, computed ve effect ile ince taneli reaktiviteyi, signal grafiğinin otomatik takibini ve zoneless değişim denetimini kapsar. Signals'ın OnPush ihtiyacını nasıl azalttığını ve geleneksel Zone.js tabanlı tetiklenmeyle farkını örneklerle netleştirir.
İleri bağımlılık enjeksiyonu neleri içeriyor?
Hiyerarşik enjektör ağacı, kök ve bileşen seviyesi sağlayıcılar, InjectionToken ile soyut bağımlılık, useClass, useValue, useFactory ve multi sağlayıcılar, Self, SkipSelf, Optional ve Host dekoratörleri ile inject fonksiyonu ele alınır. Esnek, kapsamlı ve test edilebilir bağımlılık tasarımı hedeflenir.
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 üç gün boyunca optimize edilen örnek uygulamayı belgeler; eğitim yüz yüze veya online verilebilir ve kurumsal gruplara özel olarak uyarlanabilir.

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 Gelişmiş Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 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 : Services & Dependency Injection Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular : Services & Dependency Injection Eğitimi

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

Angular'da servis tasarımı ve bağımlılık enjeksiyonu eğitimi: providedIn, provider türleri, InjectionToken, injector hiyerarşisi ve interceptor. Uygulamalı.

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

Angular : Working With Angular Modules Eğitimi

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

Angular modül mimarisi eğitimi: NgModule, feature ve shared modüller, lazy loading, SCAM ve standalone bileşenlere geçiş. Uygulamalı ve kurumsal.

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