WEB FRONT-END VE PAKET GÜNCELLEMELERİ EĞİTİMİ

Bağımlılıkları güvenle güncel tutmayı öğrenin

npm, semantik sürümleme, güvenlik denetimi ve kırıcı değişiklik yönetimiyle paket güncelleme

Web Front-End ve Paket Güncellemeleri Eğitimi, ön yüz projelerindeki bağımlılıkları güvenli biçimde güncel tutmayı uygulamalı öğretir.

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

Eğitim Hakkında

npm bağımlılık yönetiminden semantik sürümlemeye, güvenlik denetiminden kırıcı değişiklik geçişine

Web Front-End ve Paket Güncellemeleri Eğitimi, ön yüz projelerindeki bağımlılıkları sağlıklı ve güvenli biçimde güncel tutmayı uygulamalı öğretir. npm ve paket yöneticilerinin çalışma mantığı, package.json ve lockfile yapısı, semantik sürümleme ve sürüm aralığı işaretleri ele alınır. Güvenlik açıklarının denetimi, kırıcı değişikliklerin okunması ve kademeli geçiş anlatılır. Program otomatik güncelleme araçları, test güvencesi ve güncelleme politikasıyla tamamlanır.

Süre ve Format

4 Gün. Her gün dört modül; gerçek bir ön yüz projesinin bağımlılıkları denetlenir, güvenlik açıkları kapatılır ve sürümler kademeli olarak güncellenir.

Seviye

Orta Seviye — npm bağımlılık yönetimi, sürüm güncelleme, güvenlik açıkları ve kırıcı değişiklik yönetimi

Öğrenme Metodu

Eski bağımlılıklara sahip gerçek bir proje dört gün boyunca denetlenip güncellenir; her modülde bir güncelleme adımı uygulanır.

Neden Bu Eğitim?

🔒Güvenlik önceliği

Bağımlılıklardaki bilinen açıkları zamanında kapatarak projenizi ve kullanıcılarınızı güvenlik risklerine karşı korursunuz.

🧩Teknik borç

Güncellemeleri biriktirmek yerine düzenli yöneterek büyük, riskli ve pahalı geçişlerin önüne geçmeyi öğrenirsiniz.

🛠️Sürdürülebilirlik

Yeni özelliklerden ve iyileştirmelerden yararlanırken projenin bakımını kolay ve uzun ömürlü tutmayı sağlarsınız.

Anahtar Konular

npm paket yönetimi eğitimibağımlılık güncellemesemantik sürümlemenpm audit güvenlikfront-end bağımlılık yönetimipackage.json eğitimidependabot renovatekırıcı değişiklik geçişiyazılım bağımlılık güvenliğinode paket güncelleme
“Bağımlılıkları güncel tutmak bir seferlik iş değil, düzenli bir alışkanlıktır; küçük adımlar büyük geçiş risklerini ortadan kaldırır.”

Ön Koşullar

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

1
JavaScript ve proje

Bir ön yüz projesinde çalışmış olmak ve JavaScript modüllerine aşinalık, güncelleme senaryolarını kolaylaştırır.

2
Komut satırı

Terminal ve temel komut kullanımı beklenir; npm komutları ve çıktılarının okunması eğitim boyunca sık kullanılır.

3
Node.js kurulumu

Güncel bir Node.js ve npm sürümünün kurulu olması, paket işlemlerini uygulamalı yapabilmek için gereklidir.

4
Sürüm kontrolü

Git ile dal açma ve commit temel bilgisi, güncellemeleri güvenle denemek ve geri alabilmek için faydalı olur.

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ı npm ve alternatif paket yöneticilerinin çalışma mantığını, package.json ve lockfile yapısını ve bağımlılık ağacının nasıl çözümlendiğini kavrar.
Modül 1
Paket Yöneticileri
  • npm, Yarn ve pnpm arasındaki temel farklar
  • Kayıt (registry) kavramı ve paket indirme
  • Global ve yerel kurulum ayrımı
  • npx ile paketi kurmadan çalıştırma
  • pnpm'in disk verimli bağlantı modeli
  • Takıma uygun yöneticiyi seçme ölçütleri
Modül 2
package.json Anatomisi
  • dependencies ve devDependencies ayrımı
  • peerDependencies ve optionalDependencies
  • scripts ile komut tanımı ve yaşam döngüsü
  • engines ile Node sürüm kısıtı belirtme
  • overrides ile alt bağımlılık zorlaması
  • Alan sözdizimi ve geçerli yapı denetimi
Modül 3
Lockfile ve Belirlenim
  • package-lock.json'un rolü ve içeriği
  • Belirlenimli (deterministic) kurulum önemi
  • npm ci ile temiz ve hızlı kurulum
  • Lockfile'ın sürüm kontrolüne eklenmesi
  • Çakışan lockfile değişikliklerini çözme
  • Lockfile olmadan oluşan sürüm kayması
Modül 4
Bağımlılık Ağacı
  • node_modules yapısı ve çözümleme
  • Düzleştirme (hoisting) ve ikiz sürümler
  • npm ls ile bağımlılık ağacını inceleme
  • Geçişli (transitive) bağımlılık kavramı
  • Phantom dependency sorununu fark etme
  • Ağaç derinliğinin boyut ve performansa etkisi
Günün hedefiKatılımcı semantik sürümlemeyi (SemVer) ve sürüm aralığı işaretlerini okur, güncel olmayan paketleri tespit eder ve güvenli güncelleme stratejileri uygular.
Modül 1
Semantik Sürümleme
  • major.minor.patch anlamı ve kuralları
  • Kırıcı değişiklik, özellik ve düzeltme ayrımı
  • Ön sürüm etiketleri: alpha, beta, rc
  • 0.x sürümlerinde kararlılık beklentisi
  • Yayın öncesi ve yayın sonrası sürüm izleme
  • SemVer'e uymayan paketlerin riski
Modül 2
Sürüm Aralığı İşaretleri
  • Caret (^) ile uyumlu minor güncellemeler
  • Tilde (~) ile sınırlı patch güncellemeler
  • Sabit sürüm ve aralık (>=, <) kullanımı
  • latest ve dist-tag ile sürüm seçimi
  • Aralığın lockfile ile ilişkisi
  • Aralıkların güvenlik ve kararlılık dengesi
Modül 3
Güncel Durum Tespiti
  • npm outdated ile geride kalan paketler
  • Wanted ve latest sütunlarının yorumu
  • npm view ile sürüm geçmişini inceleme
  • Terkedilmiş (deprecated) paket uyarıları
  • Bakımı duran paketleri tespit etme
  • Güncelleme önceliklerini belirleme
Modül 4
Güvenli Güncelleme
  • npm update ile aralık içi güncelleme
  • major geçiş için ayrı dal açma
  • Tek seferde çok paket güncellemeden kaçınma
  • Güncelleme sonrası build ve test çalıştırma
  • Hatada hızlı geri alma (rollback) yöntemi
  • Değişiklik günlüğü (changelog) okuma alışkanlığı
Günün hedefiKatılımcı npm audit ile güvenlik açıklarını tespit eder, önem derecelerini yorumlar ve açıkları güncelleme veya override ile güvenli biçimde kapatır.
Modül 1
Güvenlik Denetimi
  • npm audit ile açık taraması çalıştırma
  • Önem düzeyleri: low, moderate, high, critical
  • CVE ve güvenlik danışmanlığı kaydı okuma
  • Geçişli bağımlılıktaki açıkları izleme
  • audit raporunu doğru yorumlama
  • Yanlış pozitif ve kabul edilen riskler
Modül 2
Açık Kapatma Yöntemleri
  • npm audit fix ile otomatik düzeltme
  • -force bayrağının taşıdığı riskler
  • overrides ile alt bağımlılık sabitleme
  • Düzeltmesi olmayan açıkta geçici önlem
  • Alternatif paketle değiştirme kararı
  • Düzeltme sonrası yeniden denetim
Modül 3
Tedarik Zinciri Güvenliği
  • Kötü amaçlı paket ve typosquatting riski
  • Paket yayıncısı ve indirme sayısı kontrolü
  • install sırasında çalışan script riski
  • -ignore-scripts ile güvenli kurulum
  • Lockfile ile bütünlük (integrity) doğrulama
  • Özel kayıt (registry) ve kapsam kullanımı
Modül 4
Sürekli Denetim Akışı
  • Dependabot ile otomatik güvenlik PR'ları
  • Renovate ile toplu güncelleme yönetimi
  • CI boru hattına audit adımı ekleme
  • Güvenlik uyarılarının ekibe bildirimi
  • Güncelleme sıklığı ve politika belirleme
  • Denetim sonuçlarının raporlanması
Günün hedefiKatılımcı kırıcı değişiklikleri changelog üzerinden okur, migration kılavuzlarını uygular, geçişi test güvencesiyle yapar ve bir güncelleme politikası oluşturur.
Modül 1
Kırıcı Değişiklik Okuma
  • Release notes ve changelog inceleme
  • BREAKING CHANGE işaretlerini tanıma
  • Kaldırılan (removed) API tespiti
  • Deprecation uyarılarını erkenden ele alma
  • Codemod ile otomatik kod dönüşümü
  • Geçişin etki alanını önceden kestirme
Modül 2
Major Geçiş Uygulaması
  • React, Vue gibi çatıların major geçişi
  • Resmi migration kılavuzunu izleme
  • Kademeli geçiş ve uyumluluk katmanı
  • Eşlik eden eklentilerin sürüm uyumu
  • TypeScript tip tanımlarının güncellenmesi
  • Geçiş sonrası uyarıların temizlenmesi
Modül 3
Test ile Güvence
  • Güncelleme öncesi test kapsamını artırma
  • Birim ve entegrasyon testiyle regresyon yakalama
  • Görsel ve E2E testle arayüz doğrulama
  • CI'da güncelleme dalını otomatik test etme
  • Smoke test ile kritik akışları koruma
  • Başarısız testte güncellemeyi durdurma
Modül 4
Güncelleme Politikası
  • Düzenli güncelleme takvimi oluşturma
  • Patch, minor ve major için farklı akış
  • Sorumlu belirleme ve gözden geçirme
  • Riskli paketler için ekstra dikkat kuralı
  • Güncelleme kararlarının belgelenmesi
  • Takım için güncelleme kontrol listesi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Paket yönetimi

npm, Yarn ve pnpm'in çalışma mantığını, package.json ve lockfile yapısını kavrayarak bağımlılıkları bilinçli yönetirsiniz.

✅
Bağımlılık ağacı

node_modules yapısını, geçişli bağımlılıkları ve ikiz sürümleri inceleyerek sorunların kaynağını teşhis edebilirsiniz.

✅
Semantik sürümleme

SemVer kurallarını ve caret, tilde gibi aralık işaretlerini okuyarak güncellemelerin etkisini önceden kestirebilirsiniz.

✅
Güncel durum

npm outdated ve view ile geride kalan, terkedilmiş paketleri tespit edip güncelleme önceliklerini belirleyebilirsiniz.

✅
Güvenlik denetimi

npm audit ile açıkları tespit eder, önem düzeyini yorumlar ve güncelleme veya override ile güvenle kapatabilirsiniz.

✅
Tedarik zinciri

Kötü amaçlı paket, install script ve bütünlük risklerini tanıyarak tedarik zinciri güvenliğini koruyabilirsiniz.

✅
Kırıcı değişiklik

Changelog ve migration kılavuzlarını okuyarak major geçişleri kademeli ve test güvenceli biçimde uygulayabilirsiniz.

✅
Güncelleme politikası

Dependabot ve Renovate ile sürekli denetim kurar, ekibiniz için sürdürülebilir bir güncelleme politikası oluşturursunuz.

Kimler İçin Uygundur?

  • Ön yüz projelerinde biriken paket borcunu yönetmek
  • güvenlik açıklarını kapatmak
  • bağımlılıkları kırıcı değişiklikleri kontrol ederek güncel tutmak isteyen geliştiriciler ve yazılım ekipleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Ön yüz projelerinde biriken paket borcunu yönetmek, güvenlik açıklarını kapatmak ve bağımlılıkları kontrollü güncellemek isteyen geliştiriciler ve yazılım ekipleri için uygundur. Bir ön yüz projesinde çalışmış olmak, JavaScript modüllerine aşinalık ve temel komut satırı bilgisi beklenir.
npm audit her açığı otomatik kapatır mı?
Hayır. npm audit fix birçok açığı aralık içinde otomatik kapatır ancak kimi açıkların düzeltmesi major geçiş gerektirir ve otomatik uygulanmaz. Bazı durumlarda override ile alt bağımlılık sabitlenir veya paket değiştirilir. Eğitimde raporun doğru yorumlanması ve her senaryoya uygun kapatma yöntemi gösterilir.
Bağımlılıkları ne sıklıkla güncellemeliyim?
Güvenlik yamaları çıktıkça hızlıca uygulanmalı; minor güncellemeler için düzenli bir takvim (örneğin aylık) önerilir; major geçişler ise planlı ve test güvenceli yapılmalıdır. Eğitimde patch, minor ve major için ayrı akışlar ile Dependabot ve Renovate kullanan sürdürülebilir bir politika oluşturulur.
Eğitimin süresi ve formatı nedir?
Eğitim dört gün sürer ve her gün dört modülden oluşur. Eski bağımlılıklara sahip gerçek bir proje denetlenir, güvenlik açıkları kapatılır ve sürümler kademeli güncellenir. Yüz yüze veya online yapılabilir; içerik kurumun kullandığı paket yöneticisi ve çatılara 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 yapılan güncelleme çalışmasını belgeler; kurumsal gruplara özel olarak mevcut projenizin denetimi ve güncelleme planı ile genişletilebilir.

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. Web Front-End ve Paket Güncellemeleri 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

Web Geliştirme GenelSıfırdan Front-End (Web Arayüz) Mühendisi & Uzmanı Yetiştirme ve Geliştirme Programı Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Sıfırdan Front-End (Web Arayüz) Mühendisi & Uzmanı Yetiştirme ve Geliştirme Programı Eğitimi

5 günUzmanOnline / Yüz Yüze / Hibrit

HTML, CSS, JavaScript, TypeScript, React ve Vue ile sıfırdan üretim düzeyi ön yüz mühendisliği öğreten beş günlük kapsamlı kurumsal program.

Detayları Gör →
Web Geliştirme GenelWCAG Odaklı Erişilebilir Web Geliştirme Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

WCAG Odaklı Erişilebilir Web Geliştirme Eğitimi

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

WCAG 2.2 ilkeleri, ARIA, klavye erişimi ve erişilebilirlik testiyle herkes için kullanılabilir web geliştirmeyi öğreten uygulamalı kurumsal eğitim.

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

WordPress Eğitimi

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

WordPress kurulumu, Gutenberg, tema ve eklenti yönetimi, SEO, güvenlik ve bakımı uygulamalı öğreten kurumsal web sitesi yönetimi eğitimi.

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

WordPress Fundamentals Eğitimi

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

WordPress kurulumu, panel, Gutenberg ile içerik ve temel tema/eklenti kullanımını sıfırdan öğreten başlangıç düzeyi uygulamalı kurumsal eğitim.

Detayları Gör →
Web Geliştirme GenelWordPress ile E-Ticaret Sayfası Geliştirme​ Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

WordPress ile E-Ticaret Sayfası Geliştirme​ Eğitimi

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

WooCommerce ile WordPress üzerinde ürün, ödeme, kargo, vergi ve sipariş yönetimiyle online mağaza kurmayı öğreten uygulamalı kurumsal e-ticaret eğitimi.

Detayları Gör →
Web Geliştirme GenelWordPress | An Introduction Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

WordPress | An Introduction Eğitimi

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

Yönetim paneli, Gutenberg, tema, eklenti, SEO ve güvenlikle kod yazmadan sıfırdan WordPress sitesi kurup yönetmeyi öğreten uygulamalı eğitim.

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