DESIGN PATTERNS IN JAVASCRIPT: OBSERVER & ITERATOR BEHAVIORAL PATTERNS EĞİTİMİ

Olayları ve dolaşımı kalıplarla yönetin

Observer ve Iterator ile olay bildirimi ve koleksiyon dolaşımını düzenleme

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns Eğitimi, olay bildirimini ve koleksiyon dolaşımını düzenleyen iki davranışsal kalıbı uygulamalı öğretir.

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

Eğitim Hakkında

Abone olma ve bildirimle Observer'dan iterator protokolü ve üreteçlerle koleksiyon dolaşımına akış

Design Patterns in JavaScript: Observer & Iterator Behavioral Patterns Eğitimi, olay bildirimini ve koleksiyon dolaşımını düzenleyen iki davranışsal kalıbı uygulamalı öğretir. Katılımcılar Observer ile özne ve gözlemci arasında abonelik ve bildirim kurar, yayınla abone ol ile farkını kavrar. Iterator ile Symbol.iterator ve iterator protokolünü uygular, üreteçlerle özel yinelenebilir koleksiyonlar ve tembel diziler oluşturur. Her kalıp gerçek senaryolarla canlı kodda kurulur.

Süre ve Format

3 Gün. Her gün dört modül; Observer ve Iterator kalıpları önce temel örnekle gösterilir sonra gerçek senaryolarda derinleştirilir.

Seviye

Orta Seviye — Observer ve Iterator davranışsal kalıplarıyla olay bildirimi ve koleksiyon dolaşımını düzenleme

Öğrenme Metodu

Her kalıp gerçek bir bildirim veya dolaşım sorunu üzerinden kurulur; abonelik, bildirim ve yineleme canlı kodla uygulanır.

Neden Bu Eğitim?

📡Gevşek bildirim

Observer ile özneyi gözlemciden ayırır, durum değişince ilgilenenleri otomatik bilgilendirir ve bileşenleri gevşek bağlı tutarsınız.

🔁Temiz dolaşım

Iterator ile koleksiyonu iç yapısını açığa çıkarmadan dolaşır, farklı veri yapıları için tekdüze bir dolaşım arayüzü kurarsınız.

🦥Tembel diziler

Üreteçlerle değerleri ihtiyaç anında üretir, sonsuz ve tembel dizileri bellek dostu biçimde modeller ve akışları verimli işlersiniz.

Anahtar Konular

javascript design patterns eğitimiobserver pattern javascriptiterator patternpub sub modelisymbol iterator eğitimijavascript generator eğitimidavranışsal tasarım kalıplarıjavascript tasarım kalıplarıreaktif verijavascript ileri eğitim
“İyi tasarım veriyi dinlemenin ve dolaşmanın yolunu nesnelerden gizler; Observer ve Iterator bu iki akışı zarif biçimde düzenler.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak temel bilgi ve araçlar

1
JavaScript bilgisi

Fonksiyon, nesne, dizi ve sınıf gibi temel JavaScript kavramlarına aşinalık beklenir.

2
Dizi ve döngü

Dizi metotları ve for ile döngü hakkında temel fikir Iterator modülünü kolaylaştırır.

3
Olay anlayışı

Olay dinleme ve geri çağırma kavramına aşinalık Observer modülünde faydalıdır.

4
ES6 özellikleri

Symbol, generator ve for...of gibi modern özelliklere aşinalık Iterator modülünde faydalıdır.

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ı Observer kalıbını kavrar, özne ve gözlemci arasında abonelik kurar, durum değişiminde bildirimi yönetir ve gevşek bağlılığı gerçek örnekle görür.
Modül 1
Observer Kavramı
  • Bire çok bağımlılık kurma ihtiyacı
  • Observer kalıbının çözdüğü sorun
  • Özne ile gözlemci nesne rolleri
  • Durum değişiminin gözlemcilere yayılması
  • Dergi aboneliği benzetmesiyle anlama
  • Çekme ve itme tipi bildirim modeli
Modül 2
Abone Olma ve Çözülme
  • Gözlemcinin özneye kaydedilmesi
  • subscribe ve unsubscribe metotları
  • Özne içindeki gözlemci listesi yönetimi
  • Aboneliğin güvenle sonlandırılması
  • Bellek sızıntısı ve ölü gözlemci
  • Tek seferlik abonelik yönetimi
Modül 3
Bildirim ve Güncelleme
  • notify ile tüm gözlemcileri bildirme
  • Gözlemcinin update metodunun rolü
  • Değişen verinin gözlemciye iletimi
  • Bildirim sırası ve yan etkiler
  • Döngüsel bildirim oluşması riski
  • Hatalı gözlemcinin izole edilmesi
Modül 4
Gerçek Observer Örneği
  • Sıcaklık istasyonu ve ekran örneği
  • Formda değişikliğe tepki verme
  • Durum deposu değişiminin dinlenmesi
  • Birden çok gözlemcinin eşzamanlı güncellenmesi
  • Gevşek bağlılığın örnekte görülmesi
  • Observer'ın aşırı kullanım riski
Günün hedefiKatılımcı yayınla abone ol modelini Observer'dan ayırır, olay yolu ve EventTarget ile uygular, reaktif veri ve bildirimin modern karşılıklarını öğrenir.
Modül 1
Yayınla Abone Ol Modeli
  • Pub sub ile Observer arasındaki fark
  • Yayıncı ve abonenin birbirini tanımaması
  • Konu veya kanal temelli abonelik
  • Olay yolunun üstlendiği aracı rolü
  • Gevşek bağlılığın daha da artması
  • Senkron ve asenkron bildirim seçeneği
Modül 2
Olay Yolu Uygulaması
  • on, off ve emit metot arayüzü tasarımı
  • Olay adına göre abonelerin saklanması
  • Olay verisinin abonelere iletimi
  • Mevcut aboneliğin kaldırılması
  • Bir kez dinleyen tek seferlik abonelik
  • Abonede hata yönetimi ve izolasyon
Modül 3
Tarayıcı EventTarget
  • addEventListener ile olay dinleme
  • dispatchEvent ile özel olay yayma
  • CustomEvent ile olayda veri taşıma
  • Olay köpürme ve yakalama evreleri
  • removeEventListener ile çözülme
  • Yerleşik olay modelinin Observer'la ilişkisi
Modül 4
Reaktif Veri ve Pratik
  • Durum değişiminin otomatik yayılması
  • Proxy ile veri değişikliğini dinleme
  • Hesaplanan değerlerin güncellenmesi
  • Modern çatılarda reaktiflik temeli
  • Aşırı bildirimin performans etkisi
  • Gözlemci yönetiminin disiplini
Günün hedefiKatılımcı Iterator kalıbını kavrar, iterator protokolü ve Symbol.iterator ile özel yinelenebilir kurar, üreteçlerle tembel ve sonsuz dizileri modellemeyi öğrenir.
Modül 1
Iterator Kavramı
  • Koleksiyonu iç yapısını gizleyerek dolaşma
  • Iterator kalıbının çözdüğü sorun
  • Toplayıcı ve yineleyici rolleri
  • Tekdüze dolaşım arayüzünün değeri
  • Harici ve dahili yineleme farkı
  • Iterator ile basit döngü karşılaştırması
Modül 2
Iterator Protokolü
  • next metodu ve value done nesnesi
  • Yinelenebilir ve yineleyici ayrımı
  • Symbol.iterator metodunun tanımı
  • for...of ile protokol kullanımı
  • Yayma ve dizi çözme ile yineleme
  • Yerleşik yinelenebilir nesneler
Modül 3
Özel Yinelenebilir Nesne
  • Sınıfa Symbol.iterator metodu ekleme
  • Aralık nesnesinin yinelenebilir yapımı
  • Ağaç yapısının kendi yineleyicisi
  • Birden çok eşzamanlı yineleyici
  • Yineleme sırasının tanımlanması
  • return ile yinelemeyi erken sonlandırma
Modül 4
Üreteçler ve Tembel Dizi
  • function* ve yield ile üreteç yazımı
  • Üretecin otomatik iterator sağlaması
  • Tembel değerlendirme ve ihtiyaç anı
  • Sonsuz dizinin güvenli üretimi
  • Üreteçle veri akışının işlenmesi
  • İki davranışsal kalıbın birlikte kullanımı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Observer kalıbı

Özne ve gözlemci arasında abonelik ve bildirim kurar, durum değişince ilgilenenleri otomatik bilgilendiren tasarım yaparsınız.

✅
Abonelik yönetimi

Gözlemcileri güvenle ekler ve çözer, ölü gözlemci ve bellek sızıntısını önleyerek bildirim akışını sağlıklı tutarsınız.

✅
Pub sub modeli

Yayınla abone ol modelini Observer'dan ayırır, olay yolu ve kanal aboneliğiyle bileşenleri daha da gevşek bağlarsınız.

✅
EventTarget kullanımı

addEventListener, dispatchEvent ve CustomEvent ile tarayıcının yerleşik olay modelini Observer bakışıyla kullanırsınız.

✅
Reaktif veri

Durum değişiminin otomatik yayılmasını kavrar, Proxy ile değişiklik dinler ve modern çatıların reaktiflik temelini anlarsınız.

✅
Iterator kalıbı

Iterator protokolü ve Symbol.iterator ile koleksiyonu iç yapısını açığa çıkarmadan tekdüze bir arayüzle dolaşırsınız.

✅
Özel yinelenebilir

Kendi sınıf ve veri yapılarınıza Symbol.iterator ekler, for...of ve yayma ile çalışan özel yinelenebilir nesneler kurarsınız.

✅
Üreteçlerle tembellik

function* ve yield ile üreteçler yazar, tembel ve sonsuz dizileri bellek dostu biçimde modeller ve veri akışlarını işlersiniz.

Kimler İçin Uygundur?

  • Olay temelli bildirimi ve koleksiyon dolaşımını düzenlemek isteyen JavaScript geliştiricileri
  • Observer
  • Iterator kalıplarını gerçek projede uygulamak isteyen ön yüz ve Node geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Olay temelli bildirimi ve koleksiyon dolaşımını düzenlemek isteyen JavaScript geliştiricileri, Observer ve Iterator kalıplarını gerçek projede uygulamak isteyen ön yüz ve Node geliştiricileri için uygundur. Temel JavaScript, dizi, döngü ve olay bilgisi beklenir.
Observer ile pub sub arasındaki fark nedir?
Observer kalıbında özne gözlemcilerini doğrudan tutar ve durum değişince onları bilgilendirir. Yayınla abone ol modelinde ise yayıncı ve abone birbirini tanımaz; aralarında bir olay yolu veya kanal aracılık eder. Eğitim ikisini örneklerle karşılaştırır ve her birinin uygun olduğu durumu gösterir.
Iterator ve üreteçler bu eğitimde nasıl işleniyor?
Eğitimde iterator protokolü, next metodu ve value done nesnesi tanıtılır; Symbol.iterator ile özel yinelenebilir nesneler kurulur ve for...of ile kullanılır. Ardından function* ve yield ile üreteçler yazılır, tembel değerlendirme ve sonsuz diziler bellek dostu biçimde canlı kodla modellenir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Observer ve Iterator kalıpları önce temel bir örnekle gösterilir, sonra pub sub, EventTarget, reaktif veri ve üreteçler gibi gerçek senaryolarda derinleştirilir. Yüz yüze veya online yapılabilir ve kuruma 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 davranışsal kalıpları 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. Design Patterns in JavaScript: Observer & Iterator Behaviora 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

JavaScript ve TypeScriptNode.js ile Mikroservis Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js ile Mikroservis Geliştirme Eğitimi

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

Node.js ile mikroservis mimarisi: servis tasarımı, REST ve gRPC, mesajlaşma, API gateway, Docker, Kubernetes ve gözlemlenebilirlik eğitimi.

Detayları Gör →
JavaScript ve TypeScriptNode.js için JavaScript Geliştiricileri Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js için JavaScript Geliştiricileri Eğitimi

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

JavaScript geliştiricileri için ileri Node.js: event loop, akışlar, asenkron desenler, worker threads, API, test, güvenlik ve dağıtım eğitimi.

Detayları Gör →
JavaScript ve TypeScriptNode.js Uygulama Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js Uygulama Geliştirme Eğitimi

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

Node.js ile event loop, Express REST API, MongoDB, JWT kimlik doğrulama, test, clustering ve dağıtımı öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptNode.js, External Modules, & Operators Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js, External Modules, & Operators Eğitimi

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

Node.js modül sistemi, npm ile harici modül kullanımı ve JavaScript operatörlerini (spread, destructuring, nullish) öğreten uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptNode.js, Lists, & Form Views Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Node.js, Lists, & Form Views Eğitimi

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

Node.js ve Express ile şablon motoru, liste görünümleri, sayfalama, form işleme, doğrulama ve CRUD arayüzü geliştirmeyi öğreten uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptProgramming with TypeScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Programming with TypeScript Eğitimi

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

TypeScript ile tip sistemi, arayüzler, sınıflar, generics, utility ve ileri tipler, decorators ve build entegrasyonunu öğreten uygulamalı eğitim.

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