ANGULAR, REACTIVE, & OBSERVABLE EĞİTİMİ

Angular'da reaktif düşünmeyi öğren

RxJS Observable, Subject ve operatörlerle Angular'da reaktif veri akışları kurma

Angular, Reactive, & Observable Eğitimi, RxJS ile reaktif programlamayı Angular uygulamalarında uygulamalı öğretir. Program Observable modeli, dönüşüm ve zaman tabanlı operatörler, switchMap ve mergeMap gibi düzleştirme operatörleri, combineLatest ve forkJoin…

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

Eğitim Hakkında

Observable temellerinden operatör zincirlerine ve reaktif durum yönetimine kadar

Angular, Reactive, & Observable Eğitimi, RxJS tabanlı reaktif programlamayı Angular uygulamalarında uçtan uca öğretir. Katılımcılar Observable, Observer ve abonelik mantığını, Subject türlerini ve map, filter, switchMap gibi operatörleri kavrar. Ardından HttpClient ile reaktif veri çekme, async pipe ile bağlama, catchError ile hata yönetimi ve takeUntil ile bellek sızıntısını önleme işlenir. Program reaktif formlar ve observable tabanlı durum yönetimiyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; kısa kavram anlatımının ardından RxJS operatörleri ve observable akışları canlı kod üzerinde gerçek senaryolarla uygulanır.

Seviye

Orta Seviye — Angular uygulamalarında RxJS Observable ile reaktif programlamayı öğreten program

Öğrenme Metodu

Her konu küçük canlı örneklerle gösterilir; operatörler marble mantığıyla açıklanıp gerçek Angular bileşenlerine adım adım eklenir.

Neden Bu Eğitim?

🎯Reaktif zihniyet

Veriyi tek seferlik değil, zaman içinde akan bir dizi olarak düşünmeyi öğrenerek karmaşık asenkron senaryoları sade kurgularsınız.

🧩RxJS operatör ustalığı

map, switchMap, combineLatest ve debounceTime gibi operatörleri yerinde seçerek akışları doğru ve okunabilir biçimde birleştirirsiniz.

🚀Sağlam akışlar

Hata yönetimi ve abonelik iptali disipliniyle bellek sızıntısı olmayan, kararlı ve test edilebilir reaktif kod yazarsınız.

Anahtar Konular

angular rxjs eğitimiobservable eğitimireaktif programlama kursurxjs operatörleriangular reactive eğitimiswitchmap mergemapangular async pipeangular durum yönetimiangular eğitimiön yüz geliştirme kursu
“Reaktif programlama, veriyi kovalamayı bırakıp akışa güvenmekle başlar; doğru operatör seçildiğinde karmaşık asenkron akış sadeleşir.”

Ön Koşullar

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

1
Angular temeli

Bileşen, modül, servis ve bağımlılık enjeksiyonu gibi temel Angular kavramlarına aşinalık gerekir.

2
TypeScript bilgisi

Tip, arayüz, generic ve ok fonksiyonu gibi temel TypeScript yapılarını okuyup yazabilmek beklenir.

3
Asenkron kavramı

Promise ve geri çağırma gibi asenkron temellere aşinalık, observable mantığını hızlandırır.

4
Çalışma ortamı

Node.js ve Angular CLI kurulu, proje derleyip çalıştırabilir bir ortam gereklidir.

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 kavrar, abonelik ile iptal mantığını öğrenir ve map, filter gibi temel operatörlerle akışları dönüştürmeyi uygular.
Modül 1
Observable ve Observer Modeli
  • Observable oluşturma ve subscribe ile dinleme
  • next, error ve complete bildirimlerinin anlamı
  • Cold ve hot observable farkının kavranması
  • of, from ve interval ile observable üretme
  • Unsubscribe ile aboneliğin düzgün kapatılması
  • Observable ile Promise arasındaki temel farklar
Modül 2
Pipe ve Dönüşüm Operatörleri
  • pipe ile operatör zinciri kurma mantığı
  • map ile akıştaki değerleri dönüştürme
  • filter ile istenmeyen değerleri eleme
  • tap ile yan etki ve hata ayıklama kaydı
  • scan ile akış üzerinde birikimli hesap
  • take ve first ile değer sayısını sınırlama
Modül 3
Zaman Tabanlı Operatörler
  • debounceTime ile hızlı girdileri yavaşlatma
  • throttleTime ile olay sıklığını kısıtlama
  • distinctUntilChanged ile tekrarları eleme
  • delay ile akışı geciktirme kullanımı
  • timer ve interval ile zamanlı yayın
  • Arama kutusu senaryosunda zamanlamanın rolü
Modül 4
Marble Diyagramı Okuma
  • Marble gösteriminde değer ve zaman ekseni
  • Tamamlanma ve hata işaretlerinin okunması
  • Operatörlerin akışı nasıl değiştirdiğini görme
  • Üst akış ve alt akış kavramının anlaşılması
  • Senkron ve asenkron yayın farkının izlenmesi
  • Diyagramla operatör davranışını önceden kestirme
Günün hedefiKatılımcı iç içe observable'ları düzleştirme operatörlerini öğrenir, birden çok akışı birleştirir ve HttpClient ile uzaktan veriyi reaktif biçimde çekmeyi uygular.
Modül 1
Düzleştirme Operatörleri
  • switchMap ile önceki isteği iptal eden akış
  • mergeMap ile eşzamanlı iç akışların birleşmesi
  • concatMap ile sıralı ve garantili işleme
  • exhaustMap ile çakışan isteklerin yok sayılması
  • Her operatörün hangi senaryoya uygun olduğu
  • Yanlış operatör seçiminin yarattığı hatalar
Modül 2
Akış Birleştirme Operatörleri
  • combineLatest ile birden çok akışı eşleme
  • forkJoin ile paralel isteklerin tamamlanması
  • withLatestFrom ile tetikleyici akışa değer katma
  • merge ile birden çok yayının tek akışa alınması
  • zip ile akışların sıralı eşlenmesi
  • startWith ile başlangıç değeri yayınlama
Modül 3
HttpClient ile Reaktif Veri
  • HttpClient get çağrısının observable dönmesi
  • switchMap ile parametreye bağlı veri çekme
  • Reaktif arama kutusunun uçtan uca kurulması
  • Interceptor ile başlık ve istek yönetimi
  • shareReplay ile yanıtın önbelleklenmesi
  • İptal edilebilir isteklerin akışla yönetimi
Modül 4
RxJS Subject Türleri
  • Subject ile çok dinleyiciye yayın yapma
  • BehaviorSubject ile son değerin saklanması
  • ReplaySubject ile geçmiş değerlerin tekrarı
  • AsyncSubject ile yalnızca son değerin yayını
  • Subject'in servis içinde veri köprüsü olması
  • Subject ile Observable arasındaki temel ayrım
Günün hedefiKatılımcı akışlarda hata yönetimini kurar, abonelikleri güvenle iptal eder, async pipe ve reaktif formları kullanır ve observable tabanlı bir durum yönetimi tasarlar.
Modül 1
Hata Yönetimi Operatörleri
  • catchError ile hatayı yakalayıp akışı sürdürme
  • retry ve retryWhen ile isteği yeniden deneme
  • throwError ile kontrollü hata yayınlama
  • Hata sonrası yedek akışa geçiş stratejisi
  • finalize ile akış sonunda temizlik yapma
  • Kullanıcıya anlamlı hata mesajı gösterme
Modül 2
Abonelik İptali ve Bellek
  • takeUntil ile bileşen yıkımında iptal deseni
  • async pipe ile otomatik abonelik ve iptal
  • Subscription toplayıp topluca kapatma yöntemi
  • Bellek sızıntısının belirtileri ve nedenleri
  • takeUntilDestroyed ile modern iptal yaklaşımı
  • Manuel abonelikten ne zaman kaçınılacağı
Modül 3
Reaktif Form Akışları
  • FormControl ve FormGroup ile reaktif form kurma
  • valueChanges akışıyla girdiyi canlı izleme
  • statusChanges ile geçerlilik durumunu dinleme
  • debounceTime ile reaktif doğrulama senaryosu
  • Asenkron doğrulayıcının observable dönmesi
  • Form akışının servis katmanına bağlanması
Modül 4
Observable ile Durum Yönetimi
  • BehaviorSubject ile basit durum deposu kurma
  • Seçici akışlarla durumun parçalara bölünmesi
  • Tek yönlü veri akışı ilkesinin uygulanması
  • Bileşenlerin durumu async pipe ile tüketmesi
  • NgRx ve signal tabanlı yaklaşımlara kısa bakış
  • Reaktif durumun test edilebilirliği

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Observable kavrama

Observable, Observer ve abonelik modelini kavrar, cold ve hot akışlar arasındaki farkı net biçimde ayırt edersiniz.

✅
Operatör seçimi

map, filter, scan ve zaman tabanlı operatörleri doğru yerde kullanarak akışları okunabilir biçimde dönüştürürsünüz.

✅
Düzleştirme ustalığı

switchMap, mergeMap, concatMap ve exhaustMap arasından senaryoya uygun olanı bilinçli olarak seçebilirsiniz.

✅
Akış birleştirme

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

✅
Reaktif veri çekme

HttpClient ve switchMap ile canlı arama gibi senaryolarda iptal edilebilir reaktif istekler kurabilirsiniz.

✅
Hata dayanıklılığı

catchError, retry ve finalize ile akışlardaki hataları yakalar, yeniden dener ve temizliği güvenle yaparsınız.

✅
Bellek güvenliği

takeUntil ve async pipe ile abonelikleri doğru iptal ederek bellek sızıntısı olmayan bileşenler yazarsınız.

✅
Reaktif durum

BehaviorSubject ve seçici akışlarla tek yönlü veri akışına dayalı, test edilebilir bir durum yönetimi kurarsınız.

Kimler İçin Uygundur?

  • Angular bilen ancak RxJS ve reaktif yaklaşımı derinlemesine öğrenmek isteyen ön yüz geliştiricileri
  • imperatif koddan reaktif akışlara geçmek isteyen yazılımcılar
  • veri yoğun arayüzler kuran ekip üyeleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Angular'ın temel kavramlarını bilen ancak RxJS ve reaktif programlamayı derinlemesine öğrenmek isteyen ön yüz geliştiriciler için uygundur. İmperatif koddan reaktif akışlara geçmek isteyen ve veri yoğun arayüzler kuran yazılımcılar da hedef kitledir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Her operatör küçük canlı örneklerle gösterilip gerçek Angular bileşenlerine eklenir. Yüz yüze veya online yapılabilir ve kurumun ihtiyacına göre içerik uyarlanabilir.
RxJS daha önce hiç kullanmadım, zorlanır mıyım?
Eğitim Observable temellerinden başladığı için RxJS deneyimi gerekmez. Angular ve TypeScript bilgisi yeterlidir. Operatörler marble diyagramı mantığıyla görsel olarak açıklandığı için reaktif yaklaşımı ilk kez görenler de kolay takip eder.
NgRx veya signal konuları işleniyor mu?
Eğitimin odağı RxJS Observable ve reaktif akışlardır. Durum yönetimi modülünde BehaviorSubject ile basit bir durum deposu kurulur ve NgRx ile Angular signal yaklaşımlarına karşılaştırmalı kısa bir bakış sunulur. Derinlemesine NgRx ayrı bir eğitim konusudur.
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 örnekleri 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, & Observable 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 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 →
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