ANGULAR AND NEW FEATURES EĞİTİMİ

Modern Angular'ın yeni gücünü keşfedin

Signals, standalone API, @if ve @for, @defer ve yeni derleme hattıyla güncel Angular geliştirme

Angular and New Features Eğitimi, son sürümlerle gelen modern Angular yaklaşımını uygulamalı öğretir. Program standalone bileşenler ve inject fonksiyonuyla başlar; signal, computed ve effect ile reaktif durum, RxJS köprüsü işlenir.

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

Eğitim Hakkında

NgModule'süz mimariden signals tabanlı reaktiviteye, yeni control flow'dan hidrasyona güncel Angular

Angular and New Features Eğitimi, son sürümlerle gelen modern Angular yaklaşımını uygulamalı öğretir. Katılımcılar standalone bileşenlerle NgModule'süz mimariyi, signals ile reaktif durum yönetimini ve inject fonksiyonuyla bağımlılık erişimini öğrenir. Yeni control flow (@if, @for, @switch), @defer ile tembel yükleme, esbuild tabanlı yeni derleme hattı ve SSR ile hidrasyon işlenir. Program zoneless change detection ve geçiş stratejisiyle tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; bir uygulama dört gün boyunca standalone yapı, signals, yeni şablon söz dizimi ve derleme katmanlarıyla modernleştirilir.

Seviye

Orta Seviye — Modern Angular: standalone bileşen, signals, yeni control flow, defer ve zoneless yaklaşım

Öğrenme Metodu

Örnek uygulama dört gün boyunca modern Angular özellikleriyle yeniden kurulur; her modülde yeni bir API veya söz dizimi uygulanır.

Neden Bu Eğitim?

⚡Signals ile reaktiflik

Signals tabanlı reaktif modelle durumu daha öngörülebilir yönetir, türetilmiş değerler ve etkilerle verimli arayüzler kurarsınız.

📦Sadeleşen mimari

Standalone bileşenlerle NgModule yükünü kaldırarak daha az boilerplate ile daha hızlı kurulan, anlaşılır bir mimari elde edersiniz.

🚀Güncel kalma

Yeni control flow, @defer ve derleme hattı gibi güncel özelliklerle projenizi modern ve bakımı kolay bir çizgide tutarsınız.

Anahtar Konular

angular signals eğitimiangular standalone componentsangular yeni özelliklerangular control flowangular defermodern angular kursuangular ssr hidrasyonangular zonelessangular güncelleme eğitimiön yüz geliştirme eğitimi
“Angular hızla değişiyor; signals, standalone ve yeni control flow geleceği bugüne getiriyor, bu eğitim ekibinizi o geleceğe hazırlar.”

Ön Koşullar

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

1
Angular deneyimi

Bileşen, servis, modül ve yönlendirme kavramlarına aşinalık beklenir; eğitim mevcut bilgiyi güncel özelliklere taşır.

2
TypeScript bilgisi

Tip, generic ve dekoratör kavramlarına hakimiyet signals ve inject gibi yeni API'leri anlamayı kolaylaştırır.

3
Güncel sürüm

Node.js ve güncel Angular CLI kurulu, yeni sürüme uygun bir projenin oluşturulabilir durumda olması gerekir.

4
RxJS aşinalığı

Observable ve operatör kavramı, signals ile RxJS karşılaştırması ve birlikte kullanımını anlamada faydalı olur.

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ı standalone bileşen, direktif ve pipe ile NgModule'süz bir uygulama kurar, yeni bootstrap akışını uygular ve inject fonksiyonuyla bağımlılıklara erişir.
Modül 1
Standalone Bileşenler
  • standalone bileşen tanımı ve imports dizisi
  • NgModule yaklaşımıyla karşılaştırma ve kazanımlar
  • Standalone direktif ve pipe tanımlama
  • Mevcut modül tabanlı koda kademeli geçiş
  • Ortak bağımlılıkların bileşene doğrudan alımı
  • Standalone bileşenin test edilebilirliği
Modül 2
Yeni Bootstrap Akışı
  • bootstrapApplication ile uygulama başlatma
  • ApplicationConfig ile sağlayıcı yapılandırması
  • provideRouter ile yönlendirmenin sağlanması
  • provideHttpClient ile HTTP yapılandırması
  • Fonksiyon tabanlı sağlayıcı (provide) deseni
  • main.ts giriş dosyasının sadeleşmesi
Modül 3
inject Fonksiyonu
  • Constructor yerine inject ile bağımlılık alma
  • Fonksiyon bağlamında servis erişimi
  • inject ile yeniden kullanılabilir yardımcılar
  • runInInjectionContext kullanım bağlamı
  • Guard ve resolver'ın fonksiyonel yazımı
  • inject ile kalıtımın sadeleşmesi
Modül 4
Yeni Girişler ve Çıkışlar
  • input fonksiyonuyla signal tabanlı giriş
  • input.required ile zorunlu giriş tanımı
  • model ile iki yönlü bağlanabilir giriş
  • output fonksiyonuyla yeni olay tanımı
  • Dekoratör tabanlı Input ile karşılaştırma
  • Giriş dönüşümü ve varsayılan değer
Günün hedefiKatılımcı signal ile yazılabilir durum tanımlar, computed ile türetilmiş değer üretir, effect ile yan etki yönetir ve signals ile RxJS arasında köprü kurmayı öğrenir.
Modül 1
Signal Temelleri
  • signal ile yazılabilir reaktif değer tanımı
  • set ve update ile değerin güncellenmesi
  • Şablonda signal okuma ve otomatik takip
  • Signal ile değişkeni karşılaştırma farkı
  • Nesne ve dizi değerinde immutable güncelleme
  • Signal ile OnPush uyumlu çizim
Modül 2
Computed ve Türetme
  • computed ile türetilmiş değer hesaplama
  • Bağımlılıkların otomatik izlenmesi
  • Tembel değerlendirme ve önbellekleme
  • Zincirleme computed ile veri akışı
  • Gereksiz yeniden hesaplamadan kaçınma
  • Türetilmiş durumla şablonun sadeleşmesi
Modül 3
Effect ve Yan Etki
  • effect ile reaktif yan etki tanımlama
  • Signal değişiminde otomatik çalışma
  • Temizlik fonksiyonuyla kaynak serbest bırakma
  • allowSignalWrites ve yazma kısıtı
  • Günlükleme ve senkronizasyon senaryoları
  • Effect ile computed'in doğru ayrımı
Modül 4
Signals ve RxJS Köprüsü
  • toSignal ile Observable'ı signal'e çevirme
  • toObservable ile signal'i akışa çevirme
  • Asenkron veride signal ve async birleşimi
  • Hangi durumda signal, hangisinde RxJS seçimi
  • takeUntilDestroyed ile abonelik temizliği
  • Signal tabanlı servise kademeli geçiş
Günün hedefiKatılımcı yeni control flow söz dizimiyle şablonları yeniden yazar, @for ile verimli liste çizer ve @defer ile içerik parçalarını koşullu ve tembel yüklemeyi öğrenir.
Modül 1
Yeni Koşul ve Döngü
  • @if ve @else ile koşullu çizim
  • ngIf'ten yeni söz dizimine geçiş
  • @for ile liste çizimi ve zorunlu track
  • @empty bloğu ile boş liste durumu
  • @switch ve @case ile çoklu dallanma
  • Yeni akışın derleme ve performans kazancı
Modül 2
@defer ile Tembel Yükleme
  • @defer ile içerik parçasının ertelenmesi
  • on idle, on viewport ve on interaction tetikleri
  • on timer ve on hover ile zamanlama
  • prefetch ile önceden getirme stratejisi
  • @placeholder ile bekleme içeriği
  • @loading ve @error durum blokları
Modül 3
Şablon Yenileme Pratiği
  • Mevcut şablonların yeni akışa dönüştürülmesi
  • Otomatik geçiş şeması (migration) kullanımı
  • Yerel değişken (@let) ile şablonda hesap
  • Yeni akışla okunabilirliğin artması
  • Koşul ve döngü iç içe kullanımı
  • Signal ile yeni control flow uyumu
Modül 4
Yeni Derleme Hattı
  • esbuild tabanlı application builder'a geçiş
  • Vite ile hızlı geliştirme sunucusu
  • Daha hızlı derleme ve yeniden yükleme süresi
  • Çıktı yapısı ve hashleme değişiklikleri
  • Eski builder'dan yeni yapıya taşıma
  • Derleme bütçeleri ve boyut takibi
Günün hedefiKatılımcı SSR ile sunucuda çizim kurar, hidrasyon ile istemci devralmasını yönetir, deferrable view ile akışı birleştirir ve zoneless change detection'a geçişi değerlendirir.
Modül 1
Sunucu Taraflı Çizim (SSR)
  • SSR'ın SEO ve ilk çizim için faydası
  • provideClientHydration ile hidrasyon kurulumu
  • ng add ile SSR desteğinin eklenmesi
  • Sunucu ve istemci kodunun ayrılması
  • TransferState ile veri aktarımı
  • SSR ile uyumsuz tarayıcı API'lerinin yönetimi
Modül 2
Hidrasyon ve Performans
  • Non-destructive hidrasyonun çalışması
  • DOM yeniden çiziminin engellenmesi
  • Olay replay ile erken etkileşim yakalama
  • Incremental hydration ve @defer birleşimi
  • Hidrasyon uyuşmazlığı hatalarının ayıklanması
  • Core Web Vitals üzerindeki etkisi
Modül 3
Zoneless Change Detection
  • zone.js'in rolü ve kaldırılma gerekçesi
  • provideExperimentalZonelessChangeDetection
  • Signal tabanlı denetimle uyumun kurulması
  • zone.js bağımlı kodun tespit edilmesi
  • Zoneless'ta performans ve ayak izi kazancı
  • Kademeli geçiş ve uyumluluk kontrolü
Modül 4
Modernleştirme Stratejisi
  • ng update ile sürüm yükseltme akışı
  • Otomatik migration şemalarının çalıştırılması
  • Standalone ve control flow geçiş planı
  • Signal'e kademeli taşıma yol haritası
  • Deprecated API'lerin tespit ve değişimi
  • Ekip için modernleştirme kontrol listesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Standalone mimari

Standalone bileşen, direktif ve pipe ile NgModule'süz, daha az boilerplate içeren modern bir uygulama mimarisi kurarsınız.

✅
inject kullanımı

inject fonksiyonuyla bağımlılıklara erişir, fonksiyonel guard ve resolver yazarak kodu sadeleştirmeyi öğrenirsiniz.

✅
Signals ile durum

signal, computed ve effect ile reaktif durum yönetir, türetilmiş değerler ve yan etkilerle öngörülebilir arayüz kurarsınız.

✅
RxJS köprüsü

toSignal ve toObservable ile signals ve RxJS arasında köprü kurar, her yaklaşımı doğru senaryoda kullanırsınız.

✅
Yeni control flow

@if, @for ve @switch ile şablonları yeniden yazar, zorunlu track ve @empty ile verimli liste çizimi yaparsınız.

✅
@defer ile yükleme

@defer ile içerik parçalarını tetikleyiciye göre tembel yükler, placeholder ve loading durumlarını yönetebilirsiniz.

✅
SSR ve hidrasyon

SSR ile sunucuda çizim kurar, non-destructive hidrasyonla ilk çizim ve SEO performansını iyileştirebilirsiniz.

✅
Modernleştirme

ng update ve migration şemalarıyla mevcut kod tabanını standalone, signals ve zoneless yaklaşımına taşıyabilirsiniz.

Kimler İçin Uygundur?

  • Mevcut Angular bilgisini güncel sürümlerin getirdiği signals
  • standalone
  • yeni control flow gibi özelliklere taşımak isteyen ön yüz geliştiricileri ve kod tabanını modernleştirmeyi planlayan ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Mevcut Angular bilgisini güncel sürümlerin getirdiği özelliklere taşımak isteyen ön yüz geliştiricileri ve kod tabanını modernleştirmeyi planlayan ekipler için uygundur. Bileşen, servis, modül ve yönlendirme kavramlarına aşinalık ile TypeScript ve RxJS temel bilgisi beklenir.
Signals, RxJS'in yerini mi alıyor?
Hayır, ikisi birlikte kullanılır. Signals senkron, bileşen içi durum ve türetilmiş değerler için sadeleşmiş bir modeldir; RxJS karmaşık asenkron akışlar, olay dereleri ve zamanlama için güçlü kalır. Eğitimde toSignal ve toObservable ile köprü kurulur ve hangi senaryoda hangisinin seçileceği örneklerle gösterilir.
Eski NgModule tabanlı projemi doğrudan dönüştürebilir miyim?
Evet, geçiş kademelidir. Standalone bileşenler mevcut modüllerle bir arada çalışabilir ve Angular CLI otomatik migration şemaları sunar. Eğitimde ng update ile sürüm yükseltme, standalone ve yeni control flow geçiş şemaları ve deprecated API tespiti örnek bir kod tabanı üzerinde uygulanır.
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 standalone yapı, signals, yeni şablon söz dizimi ve derleme katmanlarıyla modernleştirilir. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı Angular sürümüne 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 modernleştirilen örnek uygulamayı belgeler; kurumsal gruplara özel uyarlama ve mevcut projeye yönelik geçiş danışmanlığı 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 and New Features 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 ve Web API ile Full-Stack Applications Bootcamp Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular ve Web API ile Full-Stack Applications Bootcamp Eğitimi

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

Angular ön yüzü ve ASP.NET Core Web API ile REST, JWT kimlik doğrulama ve dağıtımı kapsayan tam yığın uygulama bootcamp eğitimi.

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

Comprehensive Testing Angular Eğitimi

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

Jasmine, Karma, TestBed, HttpTestingController ve Cypress ile Angular birim, entegrasyon ve E2E test eğitimi. Uygulamalı ve kurumsal.

Detayları Gör →
Angularİleri Seviye (Advanced) Angular Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

İleri Seviye (Advanced) Angular Eğitimi

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

Change detection, Signals, ileri RxJS, dinamik bileşen, NgRx, SSR ve performans optimizasyonuyla ileri seviye Angular eğitimi. Uygulamalı.

Detayları Gör →
AngularTemel ve İleri Seviye Angular Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Temel ve İleri Seviye Angular Eğitimi

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

Bileşen ve veri bağlamadan routing, formlar, RxJS, durum yönetimi ve yayına kadar Angular'ı temelden ileriye öğreten eğitim. Uygulamalı.

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

Angular & ngrx Eğitimi

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

Store, action, reducer, selector, effects ve entity ile Angular'da NgRx durum yönetimi eğitimi. Redux deseni, DevTools ve uygulamalı.

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

Angular : Directives & Pipes Eğitimi

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

Attribute ve structural directive, HostBinding, Renderer2, yerleşik ve custom pipe ile Angular şablon gücü eğitimi. Uygulamalı ve kurumsal.

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