ANGULAR VE RXJS İLE REAKTİF PROGRAMLAMA EĞİTİMİ

RxJS ile reaktif Angular uygulamaları kurun

Observable, operatörler, Subject, higher-order akışlar ve reaktif durum yönetimiyle Angular

Angular ve RxJS ile Reaktif Programlama Eğitimi, Angular uygulamalarında asenkron veri akışını reaktif programlama ile yönetmeyi derinlemesine öğretir.

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

Eğitim Hakkında

Observable temellerinden higher-order operatörlere, hata yönetiminden reaktif duruma RxJS

Angular ve RxJS ile Reaktif Programlama Eğitimi, Angular uygulamalarında veri akışını ve kullanıcı etkileşimini reaktif programlama ile yönetmeyi derinlemesine öğretir. Katılımcılar Observable, Observer ve abonelik yaşam döngüsünü, pipe ve operatör zincirlerini öğrenir. map, filter, switchMap gibi dönüşüm operatörleri, Subject türleri, higher-order akışlar ve hata yönetimi işlenir. Program; reaktif durum yönetimi, marble testi ve performans ile tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; reaktif kavramlar temelden ileriye, gerçek Angular senaryoları üzerinde adım adım uygulanır.

Seviye

Orta Seviye — Angular uygulamalarında RxJS ile reaktif veri akışı, operatörler ve durum yönetimi

Öğrenme Metodu

Her reaktif kavram, otomatik tamamlama, canlı arama ve veri birleştirme gibi gerçek Angular senaryoları üzerinde uygulamalı işlenir.

Neden Bu Eğitim?

🌊Asenkron hakimiyeti

Observable ve operatörlerle ağ istekleri, zamanlayıcılar ve kullanıcı olayları gibi asenkron akışları zarif biçimde yönetmeyi öğrenirsiniz.

🧠Deklaratif düşünce

Reaktif paradigma ile veriyi zamanla akan bir akış olarak düşünür, iç içe geri çağrımlardan kurtulup daha okunur kod yazarsınız.

🐛Daha az hata

Abonelik yönetimi, hata yönetimi ve belleklenmiş akışlarla sık görülen bellek sızıntısı ve yarış koşulu hatalarını engellersiniz.

Anahtar Konular

rxjs eğitimiangular rxjsreaktif programlama eğitimiobservable eğitimirxjs operatörleriswitchmap mergemapangular asenkronrxjs subjectreaktif durum yönetimiangular ileri eğitim
“Reaktif programlama bir söz dizimi değil bir düşünme biçimidir; RxJS'i kavradığınızda asenkron dünyanın karmaşası düzene dönüşür.”

Ön Koşullar

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

1
Angular deneyimi

Bileşen, servis ve HttpClient kullanımına aşinalık beklenir; örnekler Angular bağlamında kurgulanır.

2
TypeScript bilgisi

Fonksiyon, generics ve tipler konusunda rahatlık, operatör imzalarını izlemeyi kolaylaştırır.

3
Asenkron JavaScript

Promise ve callback kavramına aşinalık faydalıdır; Observable ile farkları eğitimde ele alınır.

4
Node ve Angular CLI

Node.js, Angular CLI ve bir editörün kurulu, örneklerin çalıştırılabilir 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ı Observable ve Observer ilişkisini, sıcak ve soğuk akış ayrımını kavrar, abonelik yaşam döngüsünü yönetir ve temel oluşturma fonksiyonlarını kullanır.
Modül 1
Reaktif Programlamaya Giriş
  • Reaktif programlama paradigması ve push modeli
  • Observable, Observer ve abonelik ilişkisi
  • Promise ile Observable arasındaki farklar
  • Akış (stream) olarak veri düşüncesi
  • RxJS'in Angular içindeki rolü ve yeri
  • Deklaratif ve emir kipi karşılaştırması
Modül 2
Abonelik Yaşam Döngüsü
  • subscribe ile akışa abone olunması
  • next, error ve complete bildirimleri
  • unsubscribe ile aboneliği sonlandırma
  • takeUntil ile otomatik abonelik temizliği
  • async pipe ile şablonda yönetim
  • Bellek sızıntılarının önlenmesi
Modül 3
Sıcak ve Soğuk Akışlar
  • Soğuk (cold) Observable davranışı
  • Sıcak (hot) Observable davranışı
  • Her abonede yeniden çalışma sorunu
  • Çok noktaya yayın (multicasting) ihtiyacı
  • share ve shareReplay ile paylaşım
  • Akış türünün senaryoya göre seçimi
Modül 4
Observable Oluşturma
  • of ve from ile basit akış üretme
  • fromEvent ile DOM olaylarını akışa çevirme
  • interval ve timer ile zaman akışları
  • new Observable ile özel akış yazımı
  • HttpClient'ın döndürdüğü Observable
  • Oluşturucunun senaryoya göre seçimi
Günün hedefiKatılımcı pipe ile operatör zincirleri kurar, veriyi dönüştürür ve filtreler, zamanlama operatörleriyle akışı denetler ve gerçek senaryolarda uygular.
Modül 1
Pipe ve Operatör Zinciri
  • pipe ile operatörlerin zincirlenmesi
  • Operatörlerin saf fonksiyon doğası
  • Okunabilir akış kompozisyonu kurma
  • Operatör sırasının sonuca etkisi
  • Yeniden kullanılabilir özel operatör yazımı
  • Akışın adım adım izlenip ayıklanması
Modül 2
Dönüşüm Operatörleri
  • map ile her değerin dönüştürülmesi
  • scan ile biriktirerek durum üretme
  • pluck yerine map ile alan seçimi
  • toArray ve reduce ile değer toplama
  • Veri modelinin arayüze uyarlanması
  • Dönüşüm zincirlerinin tasarımı
Modül 3
Filtreleme Operatörleri
  • filter ile koşullu değer geçişi
  • take, takeWhile ve takeUntil operatörleri
  • distinctUntilChanged ile tekrarları eleme
  • debounceTime ile girişleri yavaşlatma
  • throttleTime ile sıklık sınırlama
  • Canlı aramada filtreleme kullanımı
Modül 4
Yardımcı ve Zamanlama
  • tap ile yan etki ve hata ayıklama
  • delay ile akışın geciktirilmesi
  • startWith ile başlangıç değeri
  • finalize ile tamamlanmada temizlik
  • timeout ile süre aşımı yönetimi
  • Zamanlama operatörlerinin birleşimi
Günün hedefiKatılımcı iç içe akışları higher-order operatörlerle düzleştirir, doğru eşleme operatörünü seçer, akışları birleştirir ve dayanıklı hata yönetimi uygular.
Modül 1
Higher-Order Eşleme
  • İç içe Observable ve düzleştirme ihtiyacı
  • switchMap ile önceki akışı iptal etme
  • mergeMap ile eşzamanlı akışlar
  • concatMap ile sıralı iç akışlar
  • exhaustMap ile çakışan isteği yoksayma
  • Senaryoya göre doğru operatör seçimi
Modül 2
Akış Birleştirme
  • combineLatest ile en güncel değerler
  • forkJoin ile paralel isteklerin toplanması
  • withLatestFrom ile yardımcı akış
  • merge ve concat ile akış birleştirme
  • zip ile eşleştirilmiş değer üretimi
  • Bağımlı isteklerin zincirlenmesi
Modül 3
Hata Yönetimi Stratejileri
  • catchError ile hatayı yakalama
  • Yedek değer veya yedek akışa geçiş
  • retry ve retryWhen ile yeniden deneme
  • Üstel bekleme (backoff) stratejisi
  • Hata ile akışın sonlanması ilişkisi
  • Dayanıklı ağ isteği akışı tasarımı
Modül 4
Gerçek Senaryo Uygulaması
  • Yazdıkça arama (typeahead) kurulumu
  • debounceTime ve switchMap birleşimi
  • Otomatik tamamlama ve iptal yönetimi
  • Sonsuz kaydırma için sayfalı akış
  • Yeniden deneme ile kesintide dayanıklılık
  • Yükleniyor ve hata durumlarının akışı
Günün hedefiKatılımcı Subject türleriyle reaktif durum yönetimi kurar, marble diyagramlarıyla akışları test eder ve shareReplay ile performansı iyileştirir.
Modül 1
Subject Türleri ve Kullanımı
  • Subject ile çok noktaya yayın yapma
  • BehaviorSubject ile mevcut değer
  • ReplaySubject ile geçmiş değerleri yineleme
  • AsyncSubject türünün çalışma biçimi
  • Subject ile servisler arası iletişim
  • Senaryoya göre doğru Subject seçimi
Modül 2
Reaktif Durum Yönetimi
  • BehaviorSubject tabanlı durum servisi
  • Durumun Observable olarak dışa açılması
  • select deseniyle türetilmiş veri
  • Değişmez (immutable) güncelleme
  • Bileşenlerin async pipe ile tüketimi
  • NgRx'siz hafif durum yönetimi çözümü
Modül 3
Marble Diyagramı Testi
  • Marble diyagramı söz dizimi ve okuma
  • TestScheduler ile sanal zaman kullanımı
  • cold ve hot yardımcılarıyla akış kurma
  • expectObservable ile beklenen sonuç
  • Operatör zincirinin test edilmesi
  • Zaman bağımlı davranışın doğrulanması
Modül 4
Performans ve İyi Pratikler
  • shareReplay ile pahalı akışı paylaşma
  • Gereksiz aboneliklerin önlenmesi
  • Operatör seçiminin performansa etkisi
  • Abonelik sızıntılarının tespiti
  • OnPush ve async pipe birlikteliği
  • Reaktif kodda sık yapılan hatalardan kaçınma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Observable hakimiyeti

Observable, Observer ve abonelik yaşam döngüsünü kavrar, sıcak ve soğuk akışları ayırt edebilirsiniz.

✅
Operatör zincirleri

pipe ile dönüşüm, filtreleme ve zamanlama operatörlerini zincirleyerek okunur akışlar kurarsınız.

✅
Higher-order akışlar

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

✅
Akış birleştirme

combineLatest, forkJoin ve zip ile birden çok akışı birleştirip bağımlı istekleri yönetirsiniz.

✅
Hata yönetimi

catchError, retry ve backoff stratejileriyle ağ ve akış hatalarına dayanıklı kod yazarsınız.

✅
Reaktif durum

Subject türleriyle NgRx gerektirmeyen hafif, reaktif bir durum yönetimi kurabilirsiniz.

✅
Marble testi

TestScheduler ve marble diyagramlarıyla zaman bağımlı akışları güvenle test edebilirsiniz.

✅
Performans

shareReplay ve doğru abonelik yönetimiyle bellek sızıntısını önler, akışları verimli paylaşırsınız.

Kimler İçin Uygundur?

  • RxJS'i yüzeysel kullanan ve derinleşmek isteyen Angular geliştiricileri
  • karmaşık asenkron akışları yönetmek isteyen yazılımcılar
  • reaktif programlama paradigmasını öğrenmek isteyen ekipler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
RxJS'i yüzeysel kullanan ve derinleşmek isteyen Angular geliştiricileri, karmaşık asenkron akışları yönetmek isteyen yazılımcılar ve reaktif programlama paradigmasını öğrenmek isteyen ekipler için uygundur. Bileşen, servis ve HttpClient kullanımına aşinalık beklenir.
switchMap, mergeMap ve concatMap arasındaki farkı öğrenecek miyim?
Evet. Higher-order eşleme operatörleri eğitimin önemli bir odağıdır. switchMap'in önceki akışı iptal etmesi, mergeMap'in eşzamanlılığı, concatMap'in sıralılığı ve exhaustMap'in çakışan isteği yoksayması gerçek senaryolarla karşılaştırılır ve hangi durumda hangisinin seçileceği uygulamalı gösterilir.
RxJS akışlarını test etmeyi öğrenecek miyim?
Evet. Eğitim marble testini kapsar; TestScheduler ile sanal zaman, marble diyagramı söz dizimi ve expectObservable ile beklenen sonucun doğrulanması işlenir. Böylece debounceTime veya switchMap gibi zaman bağımlı davranışları güvenilir biçimde test edebilirsiniz.
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. Reaktif kavramlar Observable temellerinden higher-order akışlara ve reaktif durum yönetimine doğru, canlı arama ve veri birleştirme gibi gerçek senaryolar üzerinde ilerler. Yüz yüze veya online yapılabilir ve kuruma 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 uygulanan reaktif senaryoları 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 ve RxJS ile Reaktif Programlama 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 Development: Reactive Programming Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Angular Development: Reactive Programming Eğitimi

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

RxJS Observable, operatörler, switchMap, hata yönetimi, async pipe ve Signals ile Angular'da reaktif programlamayı derinlemesine öğreten uygulamalı eğitim.

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

Angular Development: Testing & TDD Eğitimi

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

Jasmine, TestBed, bileşen ve servis testi, HttpTestingController, marble testi ve Cypress e2e ile test odaklı Angular geliştirmeyi öğreten uygulamalı eğitim.

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

Angular Gelişmiş Eğitimi

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

Değişim denetimi, OnPush, Signals, ileri bağımlılık enjeksiyonu, dinamik bileşen, lazy loading ve performans optimizasyonunu öğreten ileri seviye Angular eğitim

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

Angular Temel Kavramlar Eğitimi

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

Bileşenler, veri bağlama, direktifler, servisler, HttpClient, yönlendirme ve formlarla Angular temellerini sıfırdan öğreten uygulamalı giriş eğitimi.

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