ANGULAR : REACTIVE PROGRAMMING WITH RXJS & OBSERVABLES EĞİTİMİ

RxJS ile reaktif veri akışı kur

Observable, operatörler, Subject ve multicasting ile Angular'da reaktif programlama

Angular RxJS & Observables Eğitimi, reaktif programlamayı Observable kavramından başlayarak Angular bağlamında öğretir. Program Observable ve abonelik yaşam döngüsü, oluşturma operatörleri ve async pipe, map ve filter ile dönüşüm, switchMap ailesi higher-orde…

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

Eğitim Hakkında

Observable temelinden higher-order operatöre ve Signals interop'a kadar RxJS

Angular RxJS & Observables Eğitimi, reaktif programlamayı Observable kavramından başlayarak öğretir. Katılımcılar Observable ve abonelik yaşam döngüsünü, oluşturma operatörlerini ve async pipe'ı öğrenir. Ardından pipeable operatörler, switchMap ailesi higher-order operatörler, Subject türleri, combineLatest ve forkJoin ile birleştirme, catchError ile hata yönetimi işlenir. Program sızıntısız abonelik, marble testi ve Signals interop ile tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; kısa anlatımın ardından arama ve canlı veri senaryoları RxJS akışlarıyla adım adım kurularak operatörler gerçek kodda uygulanır.

Seviye

Orta Seviye — RxJS ve Observable ile Angular'da reaktif veri akışı kurma eğitimi

Öğrenme Metodu

Her operatör, arama ve canlı veri gibi somut senaryolara uygulanarak öğretilir; marble diyagramlarıyla akış görselleştirilir.

Neden Bu Eğitim?

🌊Akışla düşünme

Veriyi tekil değer yerine zaman içinde akan bir dizi olarak modelleyerek asenkron olayları temiz ve öngörülebilir biçimde yönetirsiniz.

🧰Operatör hâkimiyeti

switchMap, combineLatest ve debounceTime gibi operatörleri hangi senaryoda doğru seçeceğinizi kavrayarak akışları şekillendirirsiniz.

🛡️Sızıntısız kod

takeUntil ve async pipe gibi desenlerle abonelikleri doğru kapatarak bellek sızıntısı olmayan, kararlı Angular uygulamaları yazarsınız.

Anahtar Konular

rxjs eğitimiangular rxjs kursuobservable eğitimireaktif programlamaswitchmap kullanımıangular reactive programmingangular egitimirxjs operatörleribehaviorsubjectfrontend reaktif eğitim
“Reaktif programlamada zorluk operatörlerde değil; veriyi zaman içinde akan bir şey olarak görmeye alışmaktadır.”

Ön Koşullar

Eğitime başlamadan önce faydalı olacak bilgi ve ortam

1
JavaScript asenkronluğu

Promise, callback ve asenkron kod kavramlarına aşinalık reaktif akışları anlamayı kolaylaştırır.

2
Angular temelleri

Bileşen, servis ve template söz dizimi gibi temel Angular kavramlarını bilmek gerekir.

3
TypeScript bilgisi

Jenerik tip, arayüz ve fonksiyon tipleri gibi temel TypeScript konularına aşinalık faydalıdır.

4
Çalışır proje ortamı

Angular CLI'ın kurulu olması ve ng serve ile örnekleri ç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ı Observable'ın tembel ve akış temelli yapısını kavrar, subscribe ile değer akışını dinler, oluşturma operatörlerini kullanır ve async pipe ile aboneliği template'e devreder.
Modül 1
Observable Nedir
  • Observable'ın tembel ve çok değerli yapısı
  • Promise ile Observable arasındaki temel farklar
  • next, error ve complete bildirim türleri
  • subscribe ile akışın başlatılması
  • Cold ve hot Observable ayrımına giriş
  • Observer nesnesiyle akışı dinleme biçimi
Modül 2
Abonelik Yönetimi
  • Subscription nesnesi ve unsubscribe çağrısı
  • Aboneliği kapatmamanın yol açtığı sızıntı
  • add ile birden çok aboneliğin gruplanması
  • Bileşen imhasında aboneliğin sonlandırılması
  • finalize ile akış bitiminde temizlik
  • take ile belirli sayıda değer sonrası kapanma
Modül 3
Oluşturma Operatörleri
  • of ve from ile değer ve diziden akış üretme
  • interval ve timer ile zamanlı akışlar
  • fromEvent ile DOM olaylarını akışa çevirme
  • range ve generate ile üretilen diziler
  • defer ile abonelikte akışın oluşturulması
  • EMPTY ve throwError ile özel akış durumları
Modül 4
Async Pipe ile Template
  • async pipe ile otomatik abonelik ve imha
  • Template'te Observable değerinin gösterimi
  • Manuel subscribe yerine async pipe tercihi
  • ngIf as ile akış değerini yerelde tutma
  • Birden çok async pipe ve çoğaltma sorunu
  • HttpClient yanıtının async pipe ile bağlanması
Günün hedefiKatılımcı pipe ile operatör zinciri kurar, map ve filter ile akışı dönüştürür, debounceTime ile girişi yumuşatır ve switchMap ailesiyle iç içe akışları yönetir.
Modül 1
Temel Dönüşüm Operatörleri
  • pipe ile operatörlerin zincirlenmesi
  • map ile her değerin dönüştürülmesi
  • filter ile koşula uymayan değerlerin elenmesi
  • tap ile yan etki ve hata ayıklama loglama
  • scan ile akış üzerinde biriktirme
  • pluck yerine map ile alan çıkarma
Modül 2
Zaman ve Ayıklama
  • debounceTime ile hızlı girişleri bekletme
  • throttleTime ile değer sıklığını sınırlama
  • distinctUntilChanged ile tekrarları eleme
  • auditTime ve sampleTime arasındaki fark
  • delay ile akışın geciktirilmesi deseni
  • Arama kutusunda debounce ve distinct deseni
Modül 3
Higher-Order Mapping
  • switchMap ile önceki iç akışı iptal etme
  • mergeMap ile iç akışları eşzamanlı birleştirme
  • concatMap ile sıralı iç akış yürütme
  • exhaustMap ile devam eden akışı koruma
  • Arama için switchMap seçiminin gerekçesi
  • Form gönderiminde exhaustMap ile mükerrer engelleme
Modül 4
Operatör Seçim Stratejisi
  • İptal gerektiren senaryoda switchMap tercihi
  • Sıra önemliyse concatMap kullanımı
  • Paralel istek için mergeMap ve eşzamanlılık
  • Yan etki için tap ile ayrı tutma
  • Zincirde operatör sırasının önemi
  • Okunabilirlik için akışların parçalanması
Günün hedefiKatılımcı Subject ve BehaviorSubject ile çok dinleyicili akış kurar, combineLatest ve forkJoin ile akışları birleştirir ve catchError ile retry kullanarak hataları yönetir.
Modül 1
Subject Aile ve Çeşitleri
  • Subject ile hem gözlemci hem kaynak olma
  • BehaviorSubject ile son değerin saklanması
  • ReplaySubject ile geçmiş değerlerin tekrarı
  • AsyncSubject ile yalnızca son değerin yayını
  • Bileşenler arası iletişimde Subject kullanımı
  • Subject'in tamamlanması ve temizlenmesi
Modül 2
Multicasting ve Paylaşım
  • Cold akışın her abonede yeniden çalışması
  • share ile akışın çok dinleyiciyle paylaşımı
  • shareReplay ile değerin önbelleğe alınması
  • HttpClient çağrısının tek sefer yapılması
  • connectable ve manuel multicasting
  • shareReplay refCount davranışı ve sızıntı
Modül 3
Birleştirme Operatörleri
  • combineLatest ile en güncel değerlerin eşlenmesi
  • forkJoin ile paralel isteklerin tamamlanması
  • merge ile akışların tek akışta birleşmesi
  • zip ile değerlerin sıralı eşleştirilmesi
  • withLatestFrom ile tetikleyici ve bağlam
  • startWith ile akışa başlangıç değeri verme
Modül 4
Akışta Hata Yönetimi
  • catchError ile hatayı yakalayıp akışı sürdürme
  • Yedek değerle akışı kurtarma stratejisi
  • retry ile başarısız isteği yeniden deneme
  • retry delay ile bekleyerek tekrar deneme
  • Hatada EMPTY ile sessiz tamamlama
  • HttpClient hatalarının akışta ele alınması
Günün hedefiKatılımcı takeUntil ile abonelikleri güvenle kapatır, karmaşık akışları yönetir, marble testi ile akışı doğrular ve toSignal ile RxJS ve Signals dünyalarını birbirine bağlar.
Modül 1
Abonelik Desenleri
  • takeUntil ile destroy akışında aboneliği kapatma
  • takeUntilDestroyed ile güncel temizlik yaklaşımı
  • async pipe ile manuel aboneliği kaldırma
  • Nested subscribe anti-deseninden kaçınma
  • subscribe içinde iş mantığını sadeleştirme
  • Bellek sızıntısını DevTools ile tespit etme
Modül 2
Karmaşık Akış Senaryoları
  • Otomatik tamamlama akışının uçtan uca kurgusu
  • Sayfalama ve sonsuz kaydırmada akış tasarımı
  • Yeniden deneme ve iptal mantığının birleşimi
  • Birden çok kaynağın combineLatest ile birleşimi
  • Durum yönetiminde BehaviorSubject deseni
  • Yükleniyor ve hata durumlarının tek akışta modeli
Modül 3
Marble ile Akış Testi
  • TestScheduler ile sanal zaman kurulumu
  • Marble söz dizimiyle akış tanımı
  • cold ve hot yardımcılarıyla kaynak üretimi
  • expectObservable ile beklenen akış doğrulaması
  • debounceTime gibi zamanlı operatörleri test etme
  • Akış testlerinin okunabilir tutulması
Modül 4
RxJS ve Signals Interop
  • toSignal ile Observable'ı Signal'a çevirme
  • toObservable ile Signal'ı akışa dönüştürme
  • async pipe yerine toSignal tercihi
  • Signal ve RxJS'in birlikte kullanım sınırı
  • Reaktif durumda hangi aracın seçileceği
  • Mevcut RxJS kodunu Signals ile köprüleme

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Observable kavrayışı

Observable'ın tembel ve akış temelli yapısını kavrar, abonelik yaşam döngüsünü doğru biçimde yönetebilirsiniz.

✅
Operatör zinciri

pipe ile map, filter ve tap gibi operatörleri zincirleyerek akışları okunabilir biçimde dönüştürebilirsiniz.

✅
Doğru higher-order seçimi

switchMap, mergeMap, concatMap ve exhaustMap arasından senaryoya uygun operatörü bilinçli biçimde seçebilirsiniz.

✅
Subject ile iletişim

Subject ve BehaviorSubject ile bileşenler arası iletişim ve basit durum yönetimi akışlarını kurabilirsiniz.

✅
Akış birleştirme

combineLatest, forkJoin ve withLatestFrom ile birden çok veri kaynağını tek bir akışta birleştirebilirsiniz.

✅
Dayanıklı hata yönetimi

catchError ve retry ile başarısız istekleri kurtarır, kullanıcıya kesintisiz bir deneyim sunabilirsiniz.

✅
Sızıntısız abonelik

takeUntil ve async pipe desenleriyle abonelikleri güvenle kapatarak bellek sızıntısını önleyebilirsiniz.

✅
Test ve Signals köprüsü

Marble testiyle akışları doğrular, toSignal ve toObservable ile RxJS ile Signals dünyalarını bağlayabilirsiniz.

Kimler İçin Uygundur?

  • Angular ile uygulama geliştiren
  • HttpClient
  • form gibi yerlerde Observable ile karşılaşan ancak RxJS operatörlerini ve reaktif desenleri gerçekten kavramak isteyen ön yüz geliştiricileri ve JavaScript yazılımcıları için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular ile uygulama geliştiren ve HttpClient, form veya router'da Observable ile karşılaşan ancak RxJS operatörlerini gerçekten kavramak isteyen geliştiriciler için uygundur. Temel JavaScript asenkronluğu ve Angular bilgisi yeterlidir.
switchMap, mergeMap ve concatMap farkı anlatılıyor mu?
Evet, higher-order mapping operatörleri eğitimin ikinci gününde ayrı bir modülle ele alınır. Her birinin iptal, sıralama ve eşzamanlılık davranışı arama ve form gibi somut senaryolarla karşılaştırmalı olarak gösterilir.
Signals ile RxJS ilişkisi ele alınıyor mu?
Evet, son gün toSignal ve toObservable ile iki dünyanın köprülenmesi işlenir. Reaktif durumda hangi aracın ne zaman seçileceği ve mevcut RxJS kodunun Signals ile birlikte nasıl kullanılacağı uygulamalı anlatılı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. Operatörler arama kutusu ve canlı veri gibi somut senaryolarla işlenir. Yüz yüze veya online yapılabilir ve kurumun RxJS 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 : Reactive Programming With RxJS & Observables Eğiti Sertifika Kodu DV-2026XX00 Tarih 14.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

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 →
AngularAngular Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Eğitimi

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

Bileşenler, servisler, RxJS, yönlendirme, Reactive Forms ve HttpClient ile uçtan uca modern Angular uygulaması geliştirme eğitimi.

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

Angular Giriş Eğitimi

2 günBaşlangıçOnline / Yüz Yüze / Hibrit

Angular CLI, bileşenler, şablon söz dizimi ve veri bağlama ile sıfırdan Angular öğreten, yeni başlayanlara yönelik giriş eğitimi.

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

Angular ve Firebase ile Web Uygulamaları Eğitimi

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

AngularFire, Firestore, Authentication, Cloud Functions ve Hosting ile sunucusuz, gerçek zamanlı web uygulaması geliştirme eğitimi.

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