ANGULAR DEVELOPMENT: REACTIVE PROGRAMMING EĞİTİMİ

RxJS ve Signals ile reaktif Angular

Observable, operatörler, Subject, üst düzey eşleme ve Signals ile reaktif mimari

Angular Development: Reactive Programming Eğitimi, Angular bilen geliştiricilere RxJS temelli reaktif programlamayı derinlemesine öğretir.

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

Eğitim Hakkında

Observable ve operatörlerden Signals ile reaktif durum yönetimine uzanan derinlemesine eğitim

Angular Development: Reactive Programming Eğitimi, Angular bilen geliştiricilere RxJS temelli reaktif programlamayı derinlemesine öğretir. Katılımcılar Observable akışlarını, pipe operatörlerini, Subject türlerini, switchMap ve mergeMap gibi üst düzey eşleme operatörlerini, hata yönetimini ve abonelik yaşam döngüsünü öğrenir. Eğitim, async pipe ile template bağlama, reaktif formlar, Signals ile durum yönetimi ve NgRx ComponentStore ile reaktif mimari kurmayı kapsar.

Süre ve Format

3 Gün. Her gün dört modül; arama, canlı veri ve form senaryoları üzerinden Observable akışları adım adım kurulur ve Signals ile birleştirilir.

Seviye

Orta Seviye — Angular bilen geliştiricilere RxJS ve Signals ile reaktif programlamayı derinlemesine öğretir

Öğrenme Metodu

Canlı arama ve veri akışı senaryoları üzerinden her modülde yeni bir RxJS operatörü veya reaktif desen gerçek koda eklenir.

Neden Bu Eğitim?

🎯Akışları kontrol etme

Observable ve operatörlerle eşzamansız veriyi, kullanıcı olaylarını ve istekleri okunabilir ve öngörülebilir biçimde yönetirsiniz.

🔄Doğru operatör seçimi

switchMap, mergeMap, concatMap ve exhaustMap arasındaki farkı kavrar, her senaryoda doğru operatörle hataları önlersiniz.

⚡Signals ile modern durum

Signals ve computed ile ince taneli reaktivite kurar, RxJS ile Signals'ı birleştirerek performanslı bir mimari oluşturursunuz.

Anahtar Konular

rxjs eğitimiangular reactive programmingangular rxjs kursuobservable eğitimiangular signals eğitimiswitchmap mergemap farkıreaktif programlama angularangular durum yönetimiasync pipe kullanımıangular reaktif form
“Reaktif programlama, veriyi itme tabanlı akışlarla düşünmektir; bu eğitim RxJS ve Signals ile karmaşayı öngörülebilir akışa çevirtir.”

Ön Koşullar

Eğitimden en iyi verimi almak için faydalı bilgi ve hazır geliştirme ortamı

1
Angular tecrübesi

Bileşen, servis ve bağımlılık enjeksiyonu kavramlarını bilmek reaktif desenleri uygulamayı kolaylaştırır.

2
TypeScript bilgisi

Jenerik tipler, arayüz ve ok fonksiyonlarına aşinalık operatör zincirlerini okumayı hızlandırır.

3
Eşzamansız JavaScript

Promise, callback ve olay döngüsü mantığına temel aşinalık Observable farkını kavramayı destekler.

4
HttpClient kullanımı

Angular HttpClient ile temel istek atma deneyimi, veri akışı örneklerini takip etmeyi sağlar.

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ı Observable'ın itme tabanlı yapısını kavrar, pipe ile dönüşüm ve filtreleme operatörlerini uygular, Subject türlerini ve soğuk sıcak akış farkını anlayarak akış tasarlamayı öğrenir.
Modül 1
Observable Temelleri
  • Observable, Observer ve subscription ilişkisi
  • İtme tabanlı akış ile Promise farkı
  • next, error ve complete bildirimleri
  • of, from ve interval ile akış oluşturma
  • unsubscribe ile aboneliği sonlandırma
  • Soğuk ve sıcak Observable ayrımı
Modül 2
Dönüşüm ve Filtreleme Operatörleri
  • pipe ile operatör zinciri kurma mantığı
  • map ile akış değerini dönüştürme
  • filter ile koşula göre değer eleme
  • tap ile yan etki ve ayıklama işlemi
  • debounceTime ve distinctUntilChanged
  • take, takeUntil ve first ile sınırlama
Modül 3
Subject Türleri ve Çok Noktaya Yayın
  • Subject ile çok noktaya değer yayınlama
  • BehaviorSubject ile son değeri tutma
  • ReplaySubject ile geçmiş değerleri yayma
  • AsyncSubject ile yalnızca son değeri verme
  • Subject ile servisler arası veri paylaşımı
  • asObservable ile akışı salt okunur yapma
Modül 4
Birleştirme Operatörleri
  • combineLatest ile en güncel değerleri eşleme
  • forkJoin ile paralel isteklerin tamamlanması
  • merge ile birden çok akışı birleştirme
  • withLatestFrom ile tetiklemede değer alma
  • startWith ile akışa başlangıç değeri verme
  • zip ile sıralı değer eşleştirme
Günün hedefiKatılımcı üst düzey eşleme operatörlerini doğru senaryoda kullanır, canlı arama ve istek yönetimi kurar, hata yakalama ve yeniden deneme stratejileriyle dayanıklı reaktif akışlar tasarlar.
Modül 1
Üst Düzey Eşleme Operatörleri
  • switchMap ile önceki isteği iptal etme
  • mergeMap ile eşzamanlı istek yürütme
  • concatMap ile sıralı istek işleme
  • exhaustMap ile çift tıklamayı yok sayma
  • Canlı arama senaryosunda operatör seçimi
  • İç içe abonelikten kaçınma nedeni
Modül 2
Hata Yönetimi ve Toparlanma
  • catchError ile hatayı yakalama ve dönüştürme
  • Hata durumunda yedek akışa geçme
  • retry ile isteği belirli sayıda tekrarlama
  • retryWhen ile gecikmeli yeniden deneme
  • throwError ile kontrollü hata yayma
  • finalize ile temizlik mantığı çalıştırma
Modül 3
Zamanlama ve Yardımcı Operatörler
  • delay ve delayWhen ile zamanlama kontrolü
  • throttleTime ile sık olayı seyreltme
  • auditTime ve sampleTime karşılaştırması
  • timeout ile yanıt süresi sınırı koyma
  • scan ile akışta durum biriktirme
  • shareReplay ile istek sonucunu paylaşma
Modül 4
Abonelik Yaşam Döngüsü
  • Bellek sızıntısı ve kalan aboneliklerin riski
  • takeUntilDestroyed ile otomatik sonlandırma
  • async pipe ile otomatik abonelik yönetimi
  • Subscription nesnesini toplu yönetme
  • Çoklu abonelik ve tekrar tetikleme sorunu
  • Operatörlerle bildirimsel abonelik tasarımı
Günün hedefiKatılımcı async pipe ile template'i reaktif bağlar, reaktif formlarda değer akışlarını işler, Signals ve computed ile durum yönetir ve NgRx ComponentStore ile reaktif mimari kurar.
Modül 1
Template ve Reaktif Formlar
  • async pipe ile akışı template'e bağlama
  • valueChanges ile form değerini akışa çevirme
  • statusChanges ile geçerlilik akışını izleme
  • Bağımlı alanları debounce ile güncelleme
  • Eşzamansız doğrulayıcı yazma yaklaşımı
  • Form akışıyla sunucu araması tetikleme
Modül 2
Signals ile Reaktivite
  • signal ile yazılabilir reaktif değer tutma
  • computed ile türetilmiş değer hesaplama
  • effect ile değişimlere tepki verme
  • set ve update ile sinyali güncelleme
  • İnce taneli reaktivite ve render etkisi
  • Signals ile değişim denetimi ilişkisi
Modül 3
RxJS ve Signals Köprüsü
  • toSignal ile Observable'ı sinyale çevirme
  • toObservable ile sinyali akışa dönüştürme
  • Hangi durumda Signals, hangi durumda RxJS
  • HttpClient sonucunu sinyale bağlama
  • Signals ile türetilmiş arayüz durumu
  • İki yaklaşımı birlikte kullanma deseni
Modül 4
ComponentStore ile Durum
  • ComponentStore ile yerel reaktif durum
  • select ile türetilmiş durum akışı okuma
  • updater ile durumu bildirimsel güncelleme
  • effect ile yan etki ve istek yönetimi
  • Durum, seçici ve efekt ayrımının kurulması
  • Bileşen kapsamlı durum yönetimi faydası

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Observable hakimiyeti

Observable, Observer ve subscription ilişkisini kavrar, soğuk ve sıcak akış farkıyla doğru akışlar tasarlarsınız.

✅
Operatör zincirleri

map, filter, debounceTime ve birleştirme operatörleriyle okunabilir ve bildirimsel akış dönüşümleri kurarsınız.

✅
Subject kullanımı

Subject, BehaviorSubject ve ReplaySubject türlerini servisler arası veri paylaşımında doğru biçimde kullanırsınız.

✅
Üst düzey eşleme

switchMap, mergeMap, concatMap ve exhaustMap arasındaki farkı anlar, canlı arama ve istek akışını doğru kurarsınız.

✅
Hata yönetimi

catchError, retry ve finalize ile hataya dayanıklı, kontrollü ve kendini toparlayan reaktif akışlar tasarlarsınız.

✅
Abonelik yönetimi

async pipe ve takeUntilDestroyed ile bellek sızıntısını önler, abonelik yaşam döngüsünü güvenle yönetirsiniz.

✅
Signals ile durum

signal, computed ve effect ile ince taneli reaktivite kurar, Observable ile Signals'ı birbirine köprülersiniz.

✅
Reaktif mimari

Reaktif formlar ve ComponentStore ile durum, seçici ve efekti ayıran sürdürülebilir bir reaktif mimari kurarsınız.

Kimler İçin Uygundur?

  • Angular'da callback karmaşasından kurtulup veri akışlarını reaktif yönetmek isteyen geliştiriciler
  • RxJS operatörlerini doğru seçmekte zorlanan yazılımcılar
  • Signals ile modern durum yönetimine geçmek isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular'da eşzamansız veriyi ve kullanıcı olaylarını reaktif biçimde yönetmek isteyen, callback karmaşasından kurtulmak isteyen geliştiriciler için uygundur. RxJS operatörlerini doğru seçmekte zorlananlar ve Signals ile modern durum yönetimine geçmek isteyen ekipler de hedeflenir. Angular ve TypeScript temelleri beklenir.
switchMap, mergeMap, concatMap ve exhaustMap farkını öğretiyor mu?
Evet, bu operatörlerin farkı eğitimin merkezindedir. switchMap önceki isteği iptal eder, mergeMap eşzamanlı yürütür, concatMap sıraya alır, exhaustMap devam eden işlem bitene kadar yenisini yok sayar. Canlı arama, form gönderimi ve çift tıklama gibi gerçek senaryolar üzerinden hangi operatörün nerede kullanılacağı uygulamalı işlenir.
Signals öğretiliyor mu, yoksa sadece RxJS mi?
Her ikisi de işlenir. Eğitim RxJS akışlarını derinlemesine öğretir, ardından Signals ile ince taneli reaktiviteyi ve computed, effect kullanımını kapsar. toSignal ve toObservable ile iki yaklaşımı köprülemeyi, hangi senaryoda hangisinin uygun olduğunu örneklerle netleştirir.
Bellek sızıntısı ve abonelik yönetimi işleniyor mu?
Evet. Kalan aboneliklerin yol açtığı bellek sızıntısı, async pipe ile otomatik abonelik yönetimi, takeUntilDestroyed ile bileşen yok olduğunda akışı sonlandırma ve shareReplay ile paylaşım gibi konular uygulamalı olarak ele alınır. Doğru yaşam döngüsü yönetimi eğitimin önemli bir parçasıdı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 modülleri ve üç gün boyunca kurulan reaktif akış senaryolarını 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 Development: Reactive Programming 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 with Type Script Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular with Type Script Eğitimi

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

Tipler, arayüzler, jenerikler, dekoratörler, katı mod, tip güvenli form ve tiplenmiş HttpClient ile Angular'da TypeScript'i derinlemesine öğreten eğitim.

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

Angular, Reactive, & Observable Eğitimi

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

RxJS Observable, Subject ve operatörlerle Angular'da reaktif programlama eğitimi. HttpClient, async pipe, hata yönetimi ve reaktif durum uygulamalı.

Detayları Gör →
AngularGelişmiş Angular Test Çerçevesi Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Gelişmiş Angular Test Çerçevesi Eğitimi

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

TestBed, component harness, fakeAsync, marble testing ve CI ile ileri düzey Angular test eğitimi. Birim, entegrasyon ve uçtan uca testler uygulamalı.

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

Testing Angular Apps Eğitimi

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

Jasmine, Karma ve TestBed ile Angular uygulamalarını test etme eğitimi. Bileşen, servis, HTTP, asenkron ve Cypress uçtan uca testler uygulamalı.

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

TypeScript ve Angular Programlama Eğitimi

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

TypeScript tiplerinden Angular bileşen, servis, yönlendirme ve reaktif formlara kadar bütünleşik programlama eğitimi. Uygulamalı ve kurumsal.

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

Angular Architectures for Enterprise Application Eğitimi

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

Nx monorepo, katmanlı modüller, NgRx ve module federation ile büyük ölçekli kurumsal Angular uygulamaları için mimari eğitimi.

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