DESIGN PATTERNS IN JAVASCRIPT: MEDIATOR, STATE, & COMMAND BEHAVIORAL PATTERNS EĞİTİMİ

Nesneler arası davranışı düzene sokun

Mediator, State ve Command ile esnek iletişim, durum ve işlem yönetimi JavaScript'te

Design Patterns in JavaScript: Mediator, State & Command Behavioral Patterns Eğitimi, nesneler arası iletişimi ve davranışı düzenleyen üç davranışsal kalıbı uygulamalı öğretir.

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

Eğitim Hakkında

İletişimi toplayan Mediator, durum nesneleriyle State ve işlemi nesneleştiren Command'a akış

Design Patterns in JavaScript: Mediator, State & Command Behavioral Patterns Eğitimi, nesneler arası iletişimi ve davranışı düzenleyen üç davranışsal kalıbı uygulamalı öğretir. Katılımcılar Mediator ile bileşenler arası bağımlılığı tek merkeze toplar, State ile durum nesneleri kurarak karmaşık koşulları sadeleştirir. Command ile isteği nesneye dönüştürerek geri alma, kuyruk ve makro işlemleri kurar. Her kalıp gerçek senaryolarla canlı kodda uygulanır.

Süre ve Format

3 Gün. Her gün bir davranışsal kalıba ayrılır; kalıp önce karmaşık örnekle gösterilir sonra Mediator, State ve Command ile sadeleştirilir.

Seviye

Orta Seviye — Mediator, State ve Command davranışsal kalıplarıyla nesneler arası iletişim ve davranışı düzenleme

Öğrenme Metodu

Her kalıp karmaşık bir davranış sorunu üzerinden kurulur; iletişim, durum ve işlem senaryoları canlı kodla adım adım uygulanır.

Neden Bu Eğitim?

🗣️Düzenli iletişim

Mediator ile bileşenler arası doğrudan bağımlılığı tek merkeze toplar, karmaşık iletişim ağını sadeleştirir ve bakımı kolaylaştırırsınız.

🔀Temiz durum

State ile iç içe koşulları durum nesnelerine dönüştürür, karmaşık if zincirlerini okunur ve genişletilebilir hale getirirsiniz.

↩️İşlem kontrolü

Command ile isteği nesneye çevirir, geri alma, yineleme, kuyruk ve makro gibi güçlü işlem yeteneklerini kazanırsınız.

Anahtar Konular

javascript design patterns eğitimibehavioral patterns eğitimicommand pattern javascriptstate patternmediator kalıbıdavranışsal tasarım kalıplarıjavascript tasarım kalıplarıdurum makinesi eğitimigeri alma yinelemejavascript ileri eğitim
“Davranışsal kalıplar nesnelerin ne yaptığını değil, nasıl konuştuğunu ve değiştiğini düzenler; bu düzen karmaşıklığı yönetilebilir kılar.”

Ö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
Nesne ve metot

Nesne metotları, this ve referans hakkında temel fikir modülleri kolaylaştırır.

3
Olay anlayışı

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

4
Editör ortamı

VS Code gibi bir editör ve Node ya da güncel tarayıcı örnekleri çalıştırmak için 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ı Mediator kalıbını kavrar, bileşenler arası doğrudan bağımlılığı tek aracıya taşır, sohbet odası ve olay toplayıcı gibi senaryoları kurmayı öğrenir.
Modül 1
Mediator Kavramı
  • Çok noktalı iletişimin karmaşası
  • Mediator kalıbının çözdüğü sorun
  • Aracı ile meslektaş nesne rolleri
  • Doğrudan bağımlılığın kaldırılması
  • Hava trafik kulesi benzetmesiyle anlama
  • Mediator ile gözlemci arasındaki fark
Modül 2
Bileşen Kaydı ve Yönlendirme
  • Bileşenlerin aracıya kaydedilmesi
  • Mesajın aracı üzerinden iletilmesi
  • Aracının yönlendirme sorumluluğu
  • Bileşenlerin birbirini tanımaması
  • Aracıya referansın geçirilmesi
  • Yeni bileşen eklemenin kolaylığı
Modül 3
Sohbet Odası Örneği
  • Kullanıcıların odaya katılması
  • Mesajın tüm üyelere dağıtılması
  • Özel mesajın tek hedefe iletimi
  • Kullanıcının odadan ayrılma yönetimi
  • Aracıda mesajın biçimlendirilmesi
  • Örnekte gevşek bağlılığın görülmesi
Modül 4
Olay Toplayıcı ve Pratik
  • Olay toplayıcının aracı olarak rolü
  • Yayınla ve abone ol arayüzü tasarımı
  • Bileşenler arasında olay akışı yönetimi
  • Merkezi aracının aşırı yüklenmesi
  • Tanrı aracı nesnesi riskinden kaçınma
  • Mediator'ın uygun olduğu durumlar
Günün hedefiKatılımcı State kalıbını kavrar, davranışı durum nesnelerine devreder, karmaşık koşul zincirlerini sadeleştirir ve durum geçişlerini güvenle yönetmeyi öğrenir.
Modül 1
State Kalıbı Kavramı
  • Nesnenin duruma göre davranış değiştirmesi
  • State kalıbının çözdüğü temel sorun
  • Bağlam ve durum nesnesi rolleri
  • Durum makinesi kavramıyla ilişkisi
  • Trafik ışığı veya sipariş örneği
  • State ile strateji kalıbı farkı
Modül 2
Durum Nesneleri Tasarımı
  • Her durumun ayrı nesneye alınması
  • Ortak durum arayüzünün tanımlanması
  • Davranışın durum nesnesine devri
  • Bağlamın geçerli durumu tutması
  • Duruma özgü metotların yazılması
  • Durum nesnelerinin paylaşılması
Modül 3
Durum Geçişleri Yönetimi
  • Geçiş kurallarının tanımlanması
  • Bağlamın durumunu değiştirmesi
  • Durumun kendi geçişini tetiklemesi
  • Geçersiz geçişlerin engellenmesi
  • Duruma giriş ve çıkış eylemleri
  • Geçiş tablosuyla kuralların netleşmesi
Modül 4
Koşul Sadeleştirme ve Pratik
  • İç içe if zincirinin sorunları
  • switch yerine durum nesnesi kullanımı
  • Yeni durum eklemenin kolaylığı
  • Açık kapalı ilkesine uyum sağlama
  • Form sihirbazında durum yönetimi örneği
  • Durumun aşırı parçalanması riski
Günün hedefiKatılımcı Command kalıbını kavrar, isteği nesneye dönüştürür, çağırıcı ve alıcıyı ayırır, geri alma, kuyruk ve makro işlemleri kurmayı öğrenir.
Modül 1
Command Kalıbı Kavramı
  • İsteğin nesneye dönüştürülmesi fikri
  • Command kalıbının çözdüğü sorun
  • Çağırıcı, komut ve alıcı rolleri
  • İstemcinin komut nesnesini oluşturması
  • Davranışın parametreleştirilmesi
  • Command ile strateji kalıbı farkı
Modül 2
Çağırıcı ve Alıcı Ayrımı
  • Komutun execute metodunun rolü
  • Alıcı nesnenin gerçek işi yapması
  • Çağırıcının komutu tetiklemesi
  • İsteyen ile yapan arasındaki ayrım
  • Düğmeye komut bağlama örneğiyle uygulama
  • Gevşek bağlılığın komutla kazanılması
Modül 3
Geri Alma ve Yineleme
  • Komuta geri alma undo metodu ekleme
  • Komut öncesi durumun saklanması
  • Geçmiş yığınıyla adım adım geri alma
  • Yeniden yapma redo yığınının yönetimi
  • Metin düzenleyici geri alma örneği
  • Geri alınamayan komutların yönetimi
Modül 4
Kuyruk, Makro ve Pratik
  • Komut nesnelerinin kuyruğa alınması
  • Kuyruktaki komutların sırayla işlenmesi
  • Makro komutla komut birleştirme
  • Komut günlüğü ve yeniden oynatma
  • Gecikmeli ve zamanlanmış komut
  • Üç davranışsal kalıbın birlikte kullanımı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Mediator kalıbı

Bileşenler arası doğrudan bağımlılığı tek aracıya taşır, karmaşık iletişim ağını sadeleştirir ve bakımı kolaylaştırırsınız.

✅
Merkezi iletişim

Sohbet odası ve olay toplayıcı gibi senaryolarda mesaj yönlendirmeyi aracıya devreder, bileşenleri birbirinden ayırırsınız.

✅
State kalıbı

Davranışı durum nesnelerine devreder, nesnenin duruma göre farklı davranmasını temiz ve genişletilebilir biçimde kurarsınız.

✅
Durum geçişleri

Durum makinesi mantığıyla geçiş kurallarını tanımlar, geçersiz geçişleri engeller ve durum akışını güvenle yönetirsiniz.

✅
Koşul sadeleştirme

İç içe if ve switch zincirlerini durum nesneleriyle sadeleştirir, kodu okunur ve açık kapalı ilkesine uygun kılarsınız.

✅
Command kalıbı

İsteği nesneye dönüştürür, çağırıcı ile alıcıyı ayırır ve davranışı parametreleştirerek esnek işlem tasarımı kurarsınız.

✅
Geri alma yeteneği

Komutlara geri alma ve yineleme ekler, geçmiş yığınıyla kullanıcıya güçlü undo ve redo deneyimi sunarsınız.

✅
Kuyruk ve makro

Komutları kuyruğa alır, makro komutlarla birleştirir ve komut günlüğüyle yeniden oynatma gibi ileri senaryolar kurarsınız.

Kimler İçin Uygundur?

  • Nesneler arası karmaşık iletişimi ve durum yönetimini düzenlemek isteyen JavaScript geliştiricileri
  • davranışsal kalıpları gerçek projede uygulamak isteyen ön yüz
  • Node geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Nesneler arası karmaşık iletişimi ve durum yönetimini düzenlemek isteyen JavaScript geliştiricileri, davranışsal kalıpları gerçek projede uygulamak isteyen ön yüz ve Node geliştiricileri için uygundur. Temel JavaScript, nesne ve metot bilgisi beklenir.
Command kalıbı ne işe yarar?
Command kalıbı, bir isteği execute ve undo metotları taşıyan bir nesneye dönüştürür. Çağırıcı ile alıcıyı ayırarak gevşek bağlılık sağlar ve geri alma, yineleme, komut kuyruğu, makro komut ve yeniden oynatma gibi güçlü işlem yeteneklerini mümkün kılar. Eğitimde bunlar canlı kodla kurulur.
State ile Strateji kalıbı aynı mı?
İkisi benzer yapıdadır ancak amaçları farklıdır. Strateji, dışarıdan seçilen değiştirilebilir algoritmaları temsil eder. State ise nesnenin iç durumuna göre davranışının değişmesini ve durumlar arası geçişi yönetir. Eğitimde bu ayrım örneklerle netleştirilir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün bir davranışsal kalıba ayrılır. Her kalıp önce karmaşık bir örnekle gösterilir, sonra Mediator, State ve Command ile sadeleştirilir. Yüz yüze veya online yapılabilir; içerik kurumun kod tabanına ve projelerine 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 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: Mediator, State, & Command Be 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, 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 →
JavaScript ve TypeScriptRunning Node.js Applications in IIS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Running Node.js Applications in IIS Eğitimi

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

Node.js uygulamalarını IIS'te iisnode, URL Rewrite, ARR ters vekil, SSL, günlükleme ve dağıtım ile barındırmayı öğreten uygulamalı kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptSelecting in jQuery and Basic Animation Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Selecting in jQuery and Basic Animation Eğitimi

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

jQuery ile CSS seçicileri, DOM gezinme ve manipülasyon, fade ve slide efektleri ile animate'i öğreten uygulamalı ön yüz eğitimi.

Detayları Gör →
JavaScript ve TypeScriptSmart Contracts & Hyperledger Fabric: Working with Fabric Chaincode in Node.js Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Smart Contracts & Hyperledger Fabric: Working with Fabric Chaincode in Node.js Eğitimi

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

Hyperledger Fabric mimarisinden Node.js ile chaincode geliştirmeye: Contract, ChaincodeStub, CouchDB sorguları, özel veri ve dağıtım eğitimi.

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

Svelte JS Eğitimi

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

Svelte reaktivitesinden store, geçiş ve SvelteKit ile sunucu tarafı render içeren tam uygulamaya kadar uygulamalı Svelte JS eğitimi.

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