USING GULP.JS PLUGINS FOR JAVASCRIPT ANALYSIS EĞİTİMİ

Kod kalitesini Gulp ile otomatik ölçün

Gulp.js eklentileriyle linting, stil ve karmaşıklık analizini otomatik bir hatta dönüştürün

Using Gulp.js Plugins for JavaScript Analysis Eğitimi, Gulp.js görev koşucusuyla JavaScript kod kalitesini otomatik ölçmeyi öğretir.

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

Eğitim Hakkında

Akış tabanlı görevlerden ESLint'e, karmaşıklık metriklerinden sürekli entegrasyona kod analizi

Using Gulp.js Plugins for JavaScript Analysis Eğitimi, Gulp.js görev koşucusuyla JavaScript kod kalitesini otomatik ölçmeyi öğretir. Katılımcılar akış (stream) tabanlı görev mimarisini kurar, ESLint, JSHint ve JSCS ile linting ve stil denetimi, Plato ve complexity ile karmaşıklık, jsinspect ile kopya kod tespiti ve size ile paket boyutu analizini uygular. Watch ile anlık denetim, raporlama ve CI entegrasyonu işlenir. Program bir projeye tam kalite hattı kurmakla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; Gulp görevleri ve analiz eklentileri adım adım kodlanarak çalışan bir otomatik kalite hattına dönüştürülür.

Seviye

Orta Seviye — Gulp.js akış tabanlı görev koşucusuyla JavaScript kod analizi, linting ve kalite metrikleri

Öğrenme Metodu

Her eklenti önce tek başına sonra görev hattına eklenerek uygulanır; dört gün boyunca bir projeye tam kod analiz hattı adım adım kurulur.

Neden Bu Eğitim?

⚙️Otomatik kalite

Linting, stil ve karmaşıklık denetimini Gulp görevlerine bağlayarak kod kalitesini otomatik ve tekrarlanabilir biçimde ölçersiniz.

🌊Akış mimarisi

Gulp'ın stream tabanlı yaklaşımını kavrayarak dosyaları tek geçişte işleyen hızlı ve zincirlenebilir görev hatları tasarlarsınız.

🔁CI'ya hazır

Analiz görevlerini watch ve CI süreçlerine bağlayarak her commit'te kaliteyi otomatik doğrulayan bir akış kurmayı öğrenirsiniz.

Anahtar Konular

gulp.js eğitimigulp kod analizijavascript linting eğitimigulp eslintkod kalitesi otomasyonubuild otomasyonu eğitimijavascript karmaşıklık analizigulp task runner kursusürekli entegrasyon javascriptfront-end derleme hattı
“Kaliteyi ölçmediğiniz sürece yönetemezsiniz; Gulp ile kurduğunuz analiz hattı bu ölçümü her commit'te kendiliğinden yapar.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve hazırlık

1
JavaScript bilgisi

Fonksiyon, nesne, modül ve asenkron callback gibi temel JavaScript kavramlarına aşinalık gereklidir.

2
Node.js ve npm

Node.js kurulumu, npm ile paket yükleme ve package.json yapısına temel aşinalık beklenir.

3
Komut satırı

Terminalde komut çalıştırma ve proje dizininde gezinme gibi temel kabuk kullanımı önerilir.

4
Geliştirme ortamı

VS Code, terminal ve Node.js kurulu bir geliştirme ortamının hazır olması önerilir.

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ı Gulp.js'i kurar, akış tabanlı görev mimarisini kavrar, src, pipe ve dest ile dosya hattı kurar ve seri/paralel görev kompozisyonunu uygular.
Modül 1
Gulp Kurulumu ve Yapısı
  • npm ile gulp ve gulp-cli kurulumu
  • gulpfile.js yapısı ve temel görev tanımı
  • exports ile görevleri dışa aktarma
  • Görevi terminalden çalıştırma ve listeleme
  • Gulp 4 ile eski sürüm söz dizimi farkı
  • Proje dizin yapısı ve kaynak düzeni
Modül 2
Stream ve Pipe Mantığı
  • Node.js stream kavramı ve bellek verimi
  • gulp.src ile dosyaları akışa alma
  • pipe() ile dönüşümleri zincirleme
  • gulp.dest ile çıktıyı diske yazma
  • Vinyl dosya nesnesi ve içeriği
  • Glob desenleriyle dosya seçimi
Modül 3
Görev Kompozisyonu
  • series ile görevleri sırayla çalıştırma
  • parallel ile görevleri eşzamanlı koşma
  • Varsayılan (default) görev tanımlama
  • Görevler arası bağımlılık yönetimi
  • Asenkron görev tamamlanma sinyalleri
  • return, callback ve Promise ile bitiş
Modül 4
Yardımcı Analiz Eklentileri
  • gulp-count ile işlenen dosya sayımı
  • gulp-size ile toplam dosya boyutu ölçümü
  • gulp-debug ile akıştaki dosyaları izleme
  • gulp-if ile koşullu görev dallanması
  • gulp-filter ile akışı geçici daraltma
  • gulp-plumber ile hata akışını koruma
Günün hedefiKatılımcı ESLint, JSHint ve JSCS eklentilerini Gulp görevlerine bağlar, kural setlerini yapılandırır, hataları raporlar ve hatada hattı durduracak akış kurar.
Modül 1
gulp-eslint ile Linting
  • gulp-eslint eklentisini görev hattına ekleme
  • .eslintrc ile kural seti yapılandırma
  • format() ile konsola rapor basma
  • failAfterError ile hatada hattı durdurma
  • Belirli kuralları açma ve kapatma
  • fix seçeneğiyle otomatik düzeltme
Modül 2
gulp-jshint ile Denetim
  • gulp-jshint ile olası hataları yakalama
  • .jshintrc ile denetim seçenekleri
  • jshint-stylish ile okunur rapor çıktısı
  • reporter ile özel raporlama biçimi
  • ESLint ile JSHint arasındaki fark
  • Eski kod tabanında kademeli benimseme
Modül 3
gulp-jscs ile Stil
  • gulp-jscs ile kod stili tutarlılığı
  • Girinti, tırnak ve boşluk kurallarını denetleme
  • Takım stil rehberini kurala dökme
  • JSCS'in ESLint'e devri ve geçiş notu
  • Stil ihlallerini otomatik düzeltme
  • Linting ile stili tek görevde birleştirme
Modül 4
Raporlama ve Hata Yönetimi
  • Hataları konsolda okunur biçimde sunma
  • JSON ve checkstyle formatında rapor üretme
  • Raporu dosyaya yazıp CI'ya taşıma
  • Uyarı ile hatayı ayırt eden eşik kurma
  • gulp-plumber ile akışı kesmeden toplama
  • Hatada çıkış kodu ile süreci işaretleme
Günün hedefiKatılımcı Plato ve complexity ile karmaşıklık, jsinspect ile kopya kod, size ile paket boyutu metriklerini üretir, eşikler belirler ve kaliteyi görselleştirir.
Modül 1
gulp-complexity ile Karmaşıklık
  • Siklomatik karmaşıklık kavramı ve önemi
  • gulp-complexity ile metrik üretme
  • Halstead ve bakım kolaylığı endeksi
  • cyclomatic eşik ile hattı durdurma
  • Karmaşık fonksiyonları tespit etme
  • Refaktör önceliklerini metrikle belirleme
Modül 2
gulp-plato ile Raporlama
  • gulp-plato ile HTML kalite raporu üretme
  • Zaman içinde metrik eğilimini izleme
  • Dosya bazlı karmaşıklık görselleştirme
  • Bakım kolaylığı skorunu yorumlama
  • Raporu statik dizinde yayımlama
  • Rapor üzerinden teknik borcu konuşma
Modül 3
jsinspect ile Kopya Tespiti
  • Kopya (duplicate) ve benzer kod kokusu
  • gulp-jsinspect ile tekrarları yakalama
  • threshold ile benzerlik eşiği ayarlama
  • Kopya kodun bakım maliyetine etkisi
  • Tespit edilen tekrarları soyutlama
  • DRY ilkesini metrikle destekleme
Modül 4
Boyut ve Bağımlılık Analizi
  • gulp-size ile çıktı boyutunu ölçme
  • gzip boyutuyla gerçek transfer tahmini
  • Bundle boyut bütçesi (budget) belirleme
  • Kullanılmayan kodu tespit etme yaklaşımı
  • Bağımlılık sayısının boyuta etkisi
  • Boyut artışını zaman içinde izleme
Günün hedefiKatılımcı watch ile anlık denetim kurar, source map yönetir, analiz görevlerini CI süreçlerine bağlar ve öğrendiklerini uçtan uca bir kalite hattında birleştirir.
Modül 1
Watch ile Anlık Denetim
  • gulp.watch ile dosya değişimini izleme
  • Değişen dosyada ilgili görevi tetikleme
  • İnkremental analiz ile hızlı geri bildirim
  • Kaydetmede otomatik lint ve rapor
  • Gözlem kapsamını glob ile sınırlama
  • Geliştirici deneyimini hızlandırma
Modül 2
Source Map ve Dönüşüm
  • gulp-sourcemaps ile kaynak eşleme
  • init ve write ile map akışı kurma
  • Analiz sonrası dönüşümleri izlenir kılma
  • Hata satırını orijinal koda eşleme
  • Üretim ile geliştirme map farkı
  • Map'leri CI çıktısına dahil etme
Modül 3
CI/CD Entegrasyonu
  • Analiz görevini npm script'e bağlama
  • GitHub Actions ile her push'ta çalıştırma
  • Lint ve karmaşıklık eşiğinde build kırma
  • Rapor artefaktlarını CI'da saklama
  • Pull request'te kalite kapısı kurma
  • Hata çıkış koduyla süreci durdurma
Modül 4
Bitirme Projesi: Kalite Hattı
  • Gerçek bir JavaScript projesi seçme
  • Lint, stil ve karmaşıklık görevlerini kurma
  • jsinspect ve size ile metrik ekleme
  • Watch ile geliştirme döngüsü kurma
  • Plato raporunu dizine yayımlama
  • Hattı CI'ya bağlayıp kalite kapısı açma

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Gulp mimarisi

Gulp.js'i kurar, akış tabanlı görev mimarisini kavrar ve src, pipe, dest ile zincirlenebilir dosya hatları tasarlarsınız.

✅
Görev kompozisyonu

series ve parallel ile görevleri sıralı ve eşzamanlı çalıştırır, asenkron bitiş sinyalleriyle güvenilir akışlar kurarsınız.

✅
Linting otomasyonu

gulp-eslint ve gulp-jshint ile kod hatalarını denetler, kural setlerini yapılandırır ve hatada hattı durduracak akış kurarsınız.

✅
Stil tutarlılığı

gulp-jscs ve ESLint stil kurallarıyla takım stil rehberini otomatik denetler ve ihlalleri raporlayıp düzeltirsiniz.

✅
Karmaşıklık ölçümü

gulp-complexity ve Plato ile siklomatik karmaşıklık ve bakım kolaylığı metriklerini üretir, refaktör önceliklerini belirlersiniz.

✅
Kopya kod tespiti

jsinspect ile tekrarlanan kodu yakalar, benzerlik eşiğini ayarlar ve DRY ilkesini metrikle destekleyerek bakım yükünü azaltırsınız.

✅
Boyut analizi

gulp-size ile çıktı ve gzip boyutunu ölçer, boyut bütçesi belirler ve artışı zaman içinde izleyerek performansı korursunuz.

✅
CI entegrasyonu

watch ile anlık denetim kurar, analiz görevlerini CI süreçlerine bağlar ve her commit'te çalışan bir kalite kapısı oluşturursunuz.

Kimler İçin Uygundur?

  • JavaScript projelerinde kod kalitesini otomatikleştirmek isteyen front-end
  • Node.js geliştiricileri ile derleme ve CI süreçlerini yöneten DevOps ve build mühendisleri için uygundur

Sıkça Sorulan Sorular

Gulp.js nedir ve kod analizinde nasıl kullanılır?
Gulp.js, akış (stream) tabanlı bir görev koşucusudur; dosyaları src ile alır, pipe ile dönüştürür ve dest ile yazar. Kod analizinde ESLint, JSHint, complexity ve jsinspect gibi eklentileri bu akışa bağlayarak linting, stil, karmaşıklık ve kopya kod denetimini tek bir otomatik hatta toplarsınız. Eğitimde bu hat adım adım kurulur.
Bu eğitim için hangi ön bilgi gerekir?
Temel JavaScript (fonksiyon, nesne, modül, callback), Node.js ve npm kullanımı ile terminalde komut çalıştırma deneyimi beklenir. Eğitim orta seviyedir; Gulp'a tümüyle yabancı olanlar da ilk gün akış mimarisini öğrenerek ilerleyebilir, ancak JavaScript temeli şarttır.
ESLint tek başına yeterliyken neden Gulp kullanılır?
ESLint tek başına linting yapar; ancak Gulp, linting'i stil denetimi, karmaşıklık ölçümü, kopya kod tespiti ve boyut analiziyle birlikte tek bir akışta çalıştırmanızı, watch ile anlık tetiklemenizi ve CI'ya bağlamanızı sağlar. Eğitim tam da bu çoklu analiz görevlerini bir kalite hattında birleştirmeye odaklanır.
Eğitimde hangi Gulp eklentileri kullanılıyor?
gulp-eslint, gulp-jshint ve gulp-jscs ile linting ve stil; gulp-complexity ve gulp-plato ile karmaşıklık ve raporlama; gulp-jsinspect ile kopya kod; gulp-size ile boyut; gulp-sourcemaps, gulp-plumber ve watch gibi yardımcı eklentiler işlenir. Ekibinizin kullandığı farklı eklentiler de 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 kurulan kalite hattı projesini belgeler; kurumsal gruplar için içerik, ekibin build araçlarına ve CI altyapısına göre özelleştirilebilir.

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. Using Gulp.js Plugins for JavaScript Analysis Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre4 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 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 →
JavaScript ve TypeScriptTypeScript ile Ölçeklenebilir Uygulama Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

TypeScript ile Ölçeklenebilir Uygulama Geliştirme Eğitimi

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

İleri TypeScript tipleri, SOLID ve bağımlılık enjeksiyonu, derleme, tanım dosyaları, linting ve test ile ölçeklenebilir uygulama geliştirme eğitimi.

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