Web Uygulama Kütüphaneleri Eğitimi

Eğitim Hakkında

Web uygulaması için kütüphane ekosistemi

Eğitim, modern web uygulamalarında sık kullanılan kütüphaneleri ve bunları yönetme pratiğini kapsar: npm/package.json ve semantik sürümleme, Vite ile bundle, Lodash ile veri dönüşümü, Axios ve Fetch ile HTTP, Day.js ile tarih, Chart.js ile grafik, Bootstrap ve Tailwind CSS ile arayüz, Zod ile doğrulama, durum yönetimi (Zustand, Redux Toolkit), bağımlılık güvenliği ve kütüphane seçim kriterleri.

Süre ve Format

2 Gün. Her gün dört modül; Paket Yönetimi ve Yardımcı Kütüphaneler; Arayüz, Grafik ve Bağımlılık Yönetimi ekseninde ilerleyen uygulamalı program.

Seviye

Orta Seviye — JavaScript kütüphaneleri: DOM, HTTP, durum yönetimi, arayüz ve bundler

Öğrenme Metodu

Her kütüphane aynı örnek panel uygulamasına eklenerek denenir; paket boyutu, güvenlik ve alternatifleri karşılaştırılır.

Neden Bu Eğitim?

📦Doğru seçim

Boyut, bakım ve lisans kriterleriyle kütüphane seçersiniz.

🧰Hazır yetenek

Tarih, grafik, HTTP ve doğrulama için olgun kütüphanelerle hız kazanırsınız.

🔒Güvenli bağımlılık

npm audit ve sürüm kilitleme ile tedarik zinciri riskini azaltırsınız.

Anahtar Konular

web uygulama kütüphaneleriJavaScript kütüphanelerinpmViteLodashAxiosChart.jsTailwind CSSBootstrapbağımlılık yönetimi

“Her bağımlılık bir borçtur; değeri borcundan büyük olanı seçin.”

Ön Koşullar

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

1

JavaScript

ES6+ modüller, Promise ve async/await.

2

HTML ve CSS

Temel arayüz bilgisi.

3

Komut satırı

Node.js ve npm kurulumu.

4

Editör

VS Code veya benzeri editö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ı projeyi npm ve Vite ile kurar, veri, HTTP ve tarih kütüphanelerini uygular.

Modül 1

npm ve Modüller

package.json, dependencies ve devDependencies
Semantik sürümleme ve ^ ~ aralıkları
package-lock.json ve npm ci
ES modules ve CommonJS farkı
CDN ve import map kullanımı
npm scripts

Modül 2

Vite ve Bundle

Vite geliştirme sunucusu ve HMR
Üretim build ve tree-shaking
Ortam değişkenleri (.env)
Kod bölme ve dinamik import
Paket boyutu analizi
Source map

Modül 3

Veri ve HTTP

Lodash: map, groupBy, debounce, cloneDeep
Fetch API ve hata yönetimi
Axios interceptor ve iptal
Zod ile şema doğrulama
Day.js ile tarih biçimlendirme
Yeniden deneme ve önbellek (TanStack Query)

Modül 4

DOM ve Etkileşim

jQuery'nin yeri ve modern vanilla alternatifleri
DOM seçim ve olay delegasyonu
Sortable, Flatpickr gibi eklentiler
Tarayıcı depolama
Erişilebilirlik uyumu
Performans ölçümü

Günün hedefiKatılımcı arayüz ve görselleştirme kütüphanelerini entegre eder, bağımlılıkları güvenle yönetir.

Modül 1

CSS Çerçeveleri

Bootstrap grid, bileşenler ve utility sınıfları
Tailwind CSS yardımcı sınıf yaklaşımı
Tema ve özelleştirme
Responsive tasarım kırılma noktaları
Karanlık mod
Çerçeve karşılaştırma

Modül 2

Grafik ve Tablo

Chart.js çizgi, çubuk, pasta grafik
Veri seti ve opsiyon yapılandırması
ECharts / D3 ne zaman
DataTables ve AG Grid
Sayfalama ve sanallaştırma
Erişilebilir grafik

Modül 3

Durum Yönetimi

Küçük uygulamada yerel durum
Zustand ile basit store
Redux Toolkit slice ve selector
Sunucu durumu ve istemci durumu ayrımı
Form yönetimi: React Hook Form
Durum kalıcılığı

Modül 4

Güvenlik ve Seçim

npm audit ve Dependabot
Lisans denetimi
Bakım aktivitesi ve paket sağlığı
Tedarik zinciri saldırıları ve lock dosyası
Kütüphane yerine kendi kodu kararı
Güncelleme ve kırılma değişikliği stratejisi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅

Paket yönetimi

npm ve semantik sürümleme ile bağımlılıkları yönetebilirsiniz.

✅

Bundle

Vite ile geliştirme ve üretim build kurabilirsiniz.

✅

Veri işleme

Lodash ve Day.js ile veri ve tarih dönüşümü yapabilirsiniz.

✅

HTTP istemcisi

Fetch ve Axios ile hata dayanıklı API çağrısı yazabilirsiniz.

✅

Doğrulama

Zod ile şema tabanlı doğrulama uygulayabilirsiniz.

✅

Arayüz

Bootstrap veya Tailwind ile responsive arayüz kurabilirsiniz.

✅

Grafik

Chart.js ile veri görselleştirebilirsiniz.

✅

Güvenlik

Bağımlılık güvenliği ve lisans denetimi yapabilirsiniz.

Kimler İçin Uygundur?

Web geliştiricileri
front-end'e geçen backend geliştiricileri
ekip standartlarını belirleyen teknik liderler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?

Web geliştiricileri ve ekip standartlarını belirleyen teknik liderler için uygundur.

Belirli bir framework gerekir mi?

Hayır, örnekler framework bağımsız vanilla JavaScript ile yapılır; React örnekleri ayrıca gösterilir.

jQuery hâlâ öğretiliyor mu?

Mevcut projeleri anlamak için kısaca işlenir, modern alternatifleri öne çıkarılır.

Güvenlik konusu var mı?

Evet, npm audit, lisans ve tedarik zinciri riskleri ayrı modüldür.

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

WEB APPLICATION LIBRARIES EĞİTİMİ