Frameworks & Modules Eğitimi

Eğitim Hakkında

Modül sistemleri ve framework mimarisi

Eğitim, JavaScript ekosisteminde modüler uygulama geliştirmeyi anlatır: ES Modules ve CommonJS farkı, import/export, dinamik import, npm paket yapısı, semantik sürümleme, monorepo ve workspaces, kendi paketini yayınlama, Express ile middleware ve router modülleri, bağımlılık enjeksiyonu, Vite ve Rollup ile paketleme, tree shaking ve modüler test düzeni.

Süre ve Format

2 Gün. Her gün dört modül; Modül Sistemleri ve npm; Framework ve Paketleme ekseninde ilerleyen uygulamalı program.

Seviye

Orta Seviye — JavaScript modül sistemleri (ESM, CommonJS), npm paketleri ve Node.js framework mimarisi

Öğrenme Metodu

Küçük bir uygulama adım adım modüllere bölünür, paket olarak yayınlanır, bundler ile paketlenir ve testlenir.

Neden Bu Eğitim?

📦Modüler kod

Büyük kod tabanını bağımsız modüllere ayırırsınız.

🧰Paket yönetimi

npm, sürümleme ve workspaces ile bağımlılıkları kontrol edersiniz.

⚡Hafif paket

Bundler ve tree shaking ile çıktı boyutunu küçültürsünüz.

Anahtar Konular

javascript modüles modulescommonjsnpm workspacesnpm paket yayınlamaexpress middlewarevite rolluptree shakingnode.js

“Modüler kod, değişimi küçük parçalara bölen koddur.”

Ön Koşullar

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

1

JavaScript

ES6+ sözdizimi, fonksiyon ve nesne bilgisi.

2

Node.js kurulumu

Node 20+ ve npm kurulu ortam.

3

Terminal

Komut satırı kullanımı.

4

Git

Temel Git komutları.

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ı modül sistemlerini doğru kullanır, npm paketlerini yapılandırır ve yayınlar.

Modül 1

ES Modules

import/export ve default export
Named export ve re-export
Dinamik import() ve lazy yükleme
Top-level await
Döngüsel bağımlılık sorunu
Tarayıcıda type=module

Modül 2

CommonJS ve Birlikte Çalışma

require ve module.exports
package.json type alanı
exports haritası ve koşullu export
ESM-CJS interop
.mjs ve .cjs uzantıları
__dirname karşılığı import.meta.url

Modül 3

npm ve Sürümleme

package.json alanları
dependencies, devDependencies, peerDependencies
Semantik sürümleme ve caret/tilde
package-lock.json
npm audit ve güvenlik güncelleme
npx ve script yazımı

Modül 4

Monorepo ve Paket Yayını

npm workspaces ile çok paketli depo
Paket yapısı ve files alanı
npm pack ile yerel deneme
Registry'ye publish ve scope
Changesets ile sürüm yönetimi
Özel registry (Verdaccio)

Günün hedefiKatılımcı framework'ü modüler kurgular, bundler ile paketler ve testler.

Modül 1

Express Mimarisi

Router modüllerine bölme
Middleware zinciri ve sıralama
Hata yakalayan middleware
Yapılandırma modülü (dotenv)
Servis ve repository katmanı
Bağımlılık enjeksiyonu elle ve container ile

Modül 2

Eklenti ve Genişletilebilirlik

Plugin deseni ve kayıt API'si
Event emitter ile gevşek bağlılık
Hook sistemi tasarımı
Modül sınırı ve kamu API'si
Barrel dosyaları ve tuzakları
Sürüm uyumluluğu yönetimi

Modül 3

Bundler ve Optimizasyon

Vite ve Rollup yapılandırması
Tree shaking koşulları
Code splitting
Kaynak haritaları
Kütüphane modunda paket üretimi
Bundle analiz araçları

Modül 4

Test ve Kalite

Vitest/Jest ile modül testleri
Mock ve spy kullanımı
ESM ortamında test yapılandırması
Kapsama raporu
ESLint import kuralları
CI'da paket doğrulama

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

ESM ve CJS

İki modül sistemini ve birlikte çalışmayı doğru yönetebilirsiniz.

✅

Dinamik import

Gerektiğinde yüklenen modüllerle başlangıcı hızlandırabilirsiniz.

✅

Sürümleme

Semantik sürümleme ve lock dosyalarını bilinçli kullanabilirsiniz.

✅

Workspaces

Çok paketli monorepo kurabilirsiniz.

✅

Paket yayını

Kendi npm paketinizi hazırlayıp yayınlayabilirsiniz.

✅

Express modülerliği

Router ve middleware ile modüler uygulama kurabilirsiniz.

✅

Bundler

Vite/Rollup ile tree shaking uygulayabilirsiniz.

✅

Modül testi

Vitest ile izole modül testleri yazabilirsiniz.

Kimler İçin Uygundur?

Orta seviyede JavaScript bilen
büyüyen kod tabanlarını modüler yapıya kavuşturmak isteyen frontend
Node.js geliştiricileri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Orta seviyede JavaScript bilen, büyüyen kod tabanlarını modüler yapıya kavuşturmak isteyen frontend ve Node.js geliştiricileri için uygundur.

Framework olarak hangisi kullanılır?

Node.js tarafında Express, paketlemede Vite ve Rollup kullanılır; modül kavramları diğer framework'lere de taşınabilir.

TypeScript içerir mi?

Örnekler JavaScript'tir; TypeScript için tsconfig modül ayarları kısaca gösterilir.

Gerçek bir paket yayınlanacak mı?

Özel registry (Verdaccio) kullanıldığı için herkese açık registry'ye yayın gerekmez.

Eğitim sonunda sertifika verilir mi?

Katılımcılara Digital Vizyon Akademi Katılım ve Başarı Sertifikası verilir.

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

FRAMEWORKS & MODULES EĞİTİMİ