DESIGN PATTERNS IN JAVASCRIPT: MODULE, REVEALING MODULE, FACADE, DECORATOR, & MIXIN STRUCTURAL PATTERNS EĞİTİMİ

Kodu modülerleştirin ve genişletin

Module, Facade, Decorator ve Mixin ile modüler ve genişleyebilir JavaScript kodu

Design Patterns in JavaScript: Module, Revealing Module, Facade, Decorator & Mixin Structural Patterns Eğitimi, kodu modülerleştiren ve genişleten beş yapısal kalıbı uygulamalı öğretir.

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

Eğitim Hakkında

Kapanışla Module, sade arayüz sunan Facade ve davranış ekleyen Decorator ile Mixin'e akış

Design Patterns in JavaScript: Module, Revealing Module, Facade, Decorator & Mixin Structural Patterns Eğitimi, kodu modülerleştiren ve genişleten beş yapısal kalıbı uygulamalı öğretir. Katılımcılar Module ve Revealing Module ile kapanış üzerinden özel ve genel üyeleri ayırır, Facade ile karmaşık alt sistemi sade bir arayüzün arkasına alır. Decorator ile nesneye dinamik davranış ekler, Mixin ile kompozisyon yoluyla yetenekleri paylaşmayı gerçek örneklerle öğrenir.

Süre ve Format

3 Gün. Her gün dört modül; her kalıp önce dağınık örnekle gösterilir sonra Module, Facade, Decorator ve Mixin ile yeniden kurulur.

Seviye

Orta Seviye — Module, Revealing Module, Facade, Decorator ve Mixin kalıplarıyla kodu düzenleme ve genişletme

Öğrenme Metodu

Her kalıp gerçek bir düzenleme sorunu üzerinden kurulur; modülerleştirme, sadeleştirme ve genişletme canlı kodla uygulanır.

Neden Bu Eğitim?

📦Modüler kod

Module ve Revealing Module ile kapanış üzerinden özel ve genel üyeleri ayırır, genel kapsamı kirletmeyen düzenli kod yazarsınız.

🎭Sade arayüz

Facade ile karmaşık alt sistemi tek bir sade arayüzün arkasına alır, kullanımı kolaylaştırır ve bağımlılığı azaltırsınız.

➕Esnek genişletme

Decorator ile nesneye dinamik davranış ekler, Mixin ile yetenekleri kompozisyonla paylaşır ve kalıtıma esnek alternatif kurarsınız.

Anahtar Konular

javascript design patterns eğitimimodule pattern javascriptdecorator patternmixin kalıbıfacade patternrevealing module patternjavascript tasarım kalıplarıyapısal tasarım kalıplarıkompozisyon eğitimijavascript ileri eğitim
“İyi kod kalıtımla değil, doğru biçimde bir araya getirmekle büyür; modülerlik ve kompozisyon bu büyümeyi sağlıklı 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 kapanış gibi temel JavaScript kavramlarına aşinalık beklenir.

2
Kapanış ve kapsam

Kapanış ve kapsam zinciri hakkında temel fikir Module modüllerini kolaylaştırır.

3
Nesne ve prototip

Object.assign, nesne yayma ve prototip hakkında temel bilgi Mixin 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ı Module ve Revealing Module kalıplarını kavrar, IIFE ve kapanışla özel ile genel üyeleri ayırır, genel kapsamı kirletmeden kod düzenlemeyi öğrenir.
Modül 1
Modül İhtiyacı ve IIFE
  • Genel kapsamın kirlenmesi sorunu
  • İsim çakışması ve küresel değişken riski
  • IIFE ile hemen çağrılan fonksiyon
  • IIFE'nin özel kapsam oluşturması
  • Modülün bağımsız bir birim olması
  • Modül öncesi ve sonrası karşılaştırma
Modül 2
Klasik Module Kalıbı
  • Kapanışla özel değişken ve fonksiyon
  • Genel API nesnesinin döndürülmesi
  • Özel üyelere dışarıdan erişimin engeli
  • Sayaç veya yapılandırma modülü örneği
  • Durumun modül içinde korunması
  • Modülün tek sorumluluk ilkesine uyumu
Modül 3
Revealing Module Kalıbı
  • Tüm üyelerin özel tanımlanması
  • Genel eşleme ile üyeleri açığa çıkarma
  • Okunur ve tutarlı genel arayüz
  • Genel ad ile özel ad arasında eşleme
  • Klasik modülle karşılaştırması
  • Bağlanma ve geçersiz kılma sınırları
Modül 4
ES Modülleri ile İlişki
  • import ve export ile modülerlik
  • ES modülünün doğal kapsülleme sağlaması
  • Klasik modül deseninin bugünkü yeri
  • Modül birleştirici araçların rolü
  • Adlandırılmış ve varsayılan dışa aktarma
  • Modül deseninden ES modüllerine geçiş
Günün hedefiKatılımcı Facade kalıbını kavrar, karmaşık alt sistemi sade bir arayüzün arkasına alır, kullanımı kolaylaştırır ve bağımlılığı tek noktada toplamayı öğrenir.
Modül 1
Facade Kalıbı Kavramı
  • Karmaşık alt sistemin kullanım zorluğu
  • Facade kalıbının amacı ve rolü
  • Sade bir ön yüz arayüzünün sunulması
  • Facade ile Adapter arasındaki fark
  • Bina girişi benzetmesiyle anlama
  • Facade'ın gizlediği karmaşıklık
Modül 2
Alt Sistemi Soyutlama
  • Çok adımlı işlemin tek metoda alınması
  • Alt sistem nesnelerinin facade içinde koordinasyonu
  • İstemcinin yalnızca facade'ı tanıması
  • Alt sistem değişiminin istemciyi etkilememesi
  • Facade ardında birden çok sınıfın gizlenmesi
  • İnce ve kalın facade arasındaki denge
Modül 3
Kütüphane ve API Örtme
  • Üçüncü taraf kütüphanenin sarılması
  • Tarayıcı API'lerinin sade arayüze alınması
  • fetch ve depolama işlemlerinin örtülmesi
  • jQuery benzeri sade seçici facade
  • Bağımlılığın tek noktada toplanması
  • Facade ile testin kolaylaşması
Modül 4
Facade Sınırları ve Pratik
  • Facade'ın her ayrıntıyı gizlememesi
  • Gerektiğinde alt sisteme doğrudan erişim
  • Aşırı büyüyen facade nesnesi riski
  • Tanrı nesnesine dönüşmekten kaçınma
  • Katmanlı mimaride facade'ın yeri
  • Facade'ın uygun olduğu durumlar
Günün hedefiKatılımcı Decorator ile nesneye dinamik davranış ekler, Mixin ile yetenekleri kompozisyonla paylaşır ve kalıtıma esnek bir alternatif kurmayı öğrenir.
Modül 1
Decorator Kavramı
  • Nesneye dinamik davranış ekleme ihtiyacı
  • Decorator kalıbının amacı ve rolü
  • Alt sınıf patlamasından kaçınma
  • Nesneyi sarmalayarak davranış ekleme
  • Kahve ve ek malzeme dekorasyon örneği
  • Decorator ile kalıtım arasındaki fark
Modül 2
Decorator Uygulaması
  • Nesnenin başka nesneyle sarılması
  • Sarmalamada aynı arayüzün korunması
  • Davranışın öncesi ve sonrası eklenmesi
  • Birden çok dekoratörün zincirlenmesi
  • Fonksiyon dekorasyonu örneğiyle uygulama
  • ES decorator önerisine kısa bakış
Modül 3
Mixin Kalıbı Kavramı
  • Yeteneklerin sınıflar arası paylaşımı
  • Çoklu kalıtım eksikliğine çözüm
  • Mixin ile davranış ekleme fikri
  • Kompozisyonun kalıtıma üstünlüğü
  • Mixin'de isimlendirme çakışması riski
  • Mixin ile kalıtım karşılaştırması
Modül 4
Mixin Uygulaması ve Pratik
  • Object.assign ile prototip birleştirme
  • Nesne yayma ile yetenek ekleme
  • Fabrika fonksiyonuyla mixin birleştirme
  • Serileştirilebilir gibi davranış mixini
  • Decorator ve Mixin karşılaştırması
  • Beş kalıbın birlikte kullanımı

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Module kalıbı

IIFE ve kapanışla özel ve genel üyeleri ayırır, genel kapsamı kirletmeyen bağımsız ve düzenli modüller kurarsınız.

✅
Revealing Module

Tüm üyeleri özel tanımlayıp genel eşlemeyle açığa çıkarır, okunur ve tutarlı bir genel arayüz tasarlarsınız.

✅
ES modül ilişkisi

Klasik modül deseni ile ES modüllerini karşılaştırır, import ve export ile modern modülerliği doğru kullanırsınız.

✅
Facade kalıbı

Karmaşık alt sistemi sade bir arayüzün arkasına alır, kullanımı kolaylaştırır ve bağımlılığı tek noktada toplarsınız.

✅
Kütüphane örtme

Üçüncü taraf kütüphane ve tarayıcı API'lerini facade ile sarar, bağımlılık değişimini tek noktada yönetirsiniz.

✅
Decorator kalıbı

Nesneyi sarmalayarak dinamik davranış ekler, alt sınıf patlamasından kaçınır ve dekoratörleri esnekçe zincirlersiniz.

✅
Mixin kalıbı

Object.assign ve kompozisyonla yetenekleri sınıflar arası paylaşır, çoklu kalıtım eksikliğine esnek çözüm kurarsınız.

✅
Kompozisyon bakışı

Kalıtım yerine kompozisyonu tercih eder, Decorator ve Mixin ile genişletilebilir ve bakımı kolay tasarımlar üretirsiniz.

Kimler İçin Uygundur?

  • Kodunu modülerleştirmek
  • karmaşıklığı gizlemek ve nesneleri esnek biçimde genişletmek isteyen JavaScript geliştiricileri
  • ön yüz
  • Node geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Kodunu modülerleştirmek, karmaşıklığı gizlemek ve nesneleri esnek biçimde genişletmek isteyen JavaScript geliştiricileri, ön yüz ve Node geliştiricileri için uygundur. Temel JavaScript, fonksiyon ve kapanış bilgisi beklenir; kalıp deneyimi gerekmez.
Module ile ES modülleri arasındaki fark nedir?
Klasik Module kalıbı, IIFE ve kapanış kullanarak özel ve genel üyeleri ayırır ve tek bir dosyada kapsülleme sağlar. ES modülleri ise import ve export ile dil düzeyinde doğal kapsülleme sunar. Eğitim her ikisini karşılaştırır ve klasik desenden ES modüllerine geçişi gösterir.
Decorator ile Mixin ne zaman kullanılır?
Decorator, var olan bir nesneyi sararak çalışma zamanında dinamik davranış eklemek için kullanılır ve dekoratörler zincirlenebilir. Mixin ise Object.assign veya kompozisyonla yetenekleri birden çok sınıf arasında paylaşmak içindir. Eğitimde ikisi örneklerle karşılaştırılır.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Her kalıp önce dağınık bir örnekle gösterilir, sonra Module, Facade, Decorator ve Mixin ile yeniden kurulur. 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 yapı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: Module, Revealing Module, Fac 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 TypeScriptUnit Testing in JavaScript: Mocha & Chai Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Unit Testing in JavaScript: Mocha & Chai Eğitimi

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

Mocha ile test çalıştırıp Chai'nin assert, expect ve should stilleriyle doğrulama yazma; asenkron, sinon-chai ve chai-http ile uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptUnit Testing in JavaScript: Mocha & Unit.js Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Unit Testing in JavaScript: Mocha & Unit.js Eğitimi

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

Mocha ile test çalıştırıp Unit.js'in akıcı test.value API'siyle doğrulama yazma; casus, HTTP testi ve given-when-then ile uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptUnit Testing in JavaScript: Should.js & Must.js Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Unit Testing in JavaScript: Should.js & Must.js Eğitimi

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

Node.js'te Should.js ve Must.js ile BDD tarzı unit test: zincirlenebilir assertion, deep equality, hata ve promise doğrulama, custom assertion kurumsal eğitimi.

Detayları Gör →
JavaScript ve TypeScriptUnit Testing in JavaScript: SinonJS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Unit Testing in JavaScript: SinonJS Eğitimi

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

SinonJS ile JavaScript unit test: spy, stub, mock, fake timer, sahte sunucu ve sandbox kullanarak bağımlılıkları izole eden testler yazan kurumsal eğitim.

Detayları Gör →
JavaScript ve TypeScriptUsing Gulp.js Plugins for JavaScript Analysis Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Using Gulp.js Plugins for JavaScript Analysis Eğitimi

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

Gulp.js eklentileriyle JavaScript kod analizi: ESLint, JSHint, JSCS linting, Plato ve complexity ile karmaşıklık, jsinspect ve CI entegrasyonu kurumsal eğitimi.

Detayları Gör →
JavaScript ve TypeScriptWeb Fundamentals: Dynamic Web Pages with JavaScript Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Web Fundamentals: Dynamic Web Pages with JavaScript Eğitimi

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

JavaScript ile dinamik web sayfaları: DOM manipülasyonu, olay yönetimi, form doğrulama ve fetch ile API'den veri çekmeyi öğreten temel seviye kurumsal eğitim.

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