JAVASCRIPT FRONT-END DEVELOPMENT: ERRORS, EVENTS, OBJECTS, & NEW FEATURES EĞİTİMİ

Hatalar, olaylar ve modern JavaScript

try/catch, DOM olayları, olay delegasyonu, nesneler, prototip ve ES6+ yeni özellikler

JavaScript Front-end Development: Errors, Events, Objects, & New Features Eğitimi, güçlü ön yüz uygulamaları için dört temel konuyu derinlemesine işler.

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

Eğitim Hakkında

Hata yönetiminden DOM olaylarına, nesnelerden modern dil özelliklerine uygulamalı bir program

JavaScript Front-end Development: Errors, Events, Objects, & New Features Eğitimi, güçlü ön yüz uygulamaları için dört temel konuyu derinlemesine işler. Katılımcılar try/catch ile hata yönetimini ve özel hata türlerini öğrenir; DOM olaylarını, olay yayılımını ve delegasyonu kavrar. Nesne literalleri, metotlar, this ve prototip zinciri işlenir; destructuring, spread, optional chaining gibi modern ES6+ özellikler gerçek kod örnekleriyle pekiştirilir.

Süre ve Format

3 Gün. Her gün dört modül; her konu kısa anlatımın ardından tarayıcıda gerçek DOM ve kod örnekleriyle uygulamalı işlenir.

Seviye

Orta Seviye — hata yönetimi, DOM olayları, nesneler ve modern dil özelliklerine odaklanan program

Öğrenme Metodu

Her konu canlı kodlama ve tarayıcı denemeleriyle gösterilir; katılımcılar örnekleri yazarak hata, olay ve nesne kalıplarını pekiştirir.

Neden Bu Eğitim?

🛡️Sağlam hata yönetimi

try/catch, özel hatalar ve asenkron hata yakalama ile uygulamanızı çökmelere karşı dayanıklı ve öngörülebilir kılarsınız.

🖱️Etkileşimli arayüzler

DOM olaylarını, yayılımı ve delegasyonu kavrayarak kullanıcı etkileşimine doğru ve verimli yanıt veren arayüzler kurarsınız.

🧩Modern ve okunur kod

Nesne kalıplarını ve ES6+ özellikleri kullanarak çağdaş çatıların beklediği temiz ve bakımı kolay JavaScript yazarsınız.

Anahtar Konular

javascript eğitimijavascript hata yönetimijavascript dom olaylarıjavascript event eğitimijavascript nesneler kursujavascript prototip eğitimimodern javascript eğitimiön yüz geliştirme eğitimijavascript try catchfrontend javascript kursu
“Sağlam uygulamalar hataları öngörür, olaylara doğru yanıt verir ve veriyi temiz nesnelerle modeller; modern JavaScript bunu kolaylaştırır.”

Ön Koşullar

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

1
Temel JavaScript

Değişken, fonksiyon, dizi ve koşul gibi temel JavaScript kavramlarına aşinalık beklenir; konular buna dayanır.

2
HTML ve DOM

Temel HTML yapısına ve DOM elemanlarına aşinalık, olay işleme örneklerini bağlamında anlamayı kolaylaştırır.

3
Tarayıcı ve konsol

Geliştirici konsolunu kullanabilmek ve hata mesajlarını okuyabilmek, denemeler ve hata ayıklama için faydalıdır.

4
Kod editörü

VS Code gibi bir editör ve basit bir HTML sayfası hazırlayabilme, uygulamalı örnekler için ö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ı try/catch/finally ile hata yakalamayı, yerleşik hata türlerini, throw ile özel hata üretmeyi ve asenkron kodda hata yönetimini öğrenir.
Modül 1
try, catch ve finally
  • try bloğunda riskli kodu izole etme
  • catch ile hata nesnesini yakalama
  • finally ile temizlik işlemlerini yürütme
  • Hata nesnesinin name ve message alanları
  • İç içe try/catch ve kapsam yönetimi
  • Hatayı bastırma ve yeniden fırlatma
Modül 2
Yerleşik Hata Türleri
  • Error temel nesnesi ve özellikleri
  • TypeError ve ReferenceError durumları
  • SyntaxError ve ayrıştırma hataları
  • RangeError ile geçersiz değer aralığı
  • Hata yığını (stack trace) okuma
  • instanceof ile hata türü ayırma
Modül 3
throw ve Özel Hata Sınıfları
  • throw ile kendi hatanı fırlatma
  • Error'dan türeyen özel hata sınıfı
  • Anlamlı ve açıklayıcı hata mesajı tasarlama
  • Hata nesnesine kod ve ek bağlam ekleme
  • Doğrulama hatalarını modelleme
  • Hata zinciri (cause) ile köken izleme
Modül 4
Asenkron Hatalar ve Hata Ayıklama
  • Promise reddini catch ile yakalama
  • async/await ile try/catch kullanımı
  • Yakalanmamış reddi (rejection) izleme
  • console.error ve debug yöntemleri
  • Tarayıcıda kesme noktası (breakpoint) kullanımı
  • Sık görülen hata tuzaklarını önleme
Günün hedefiKatılımcı addEventListener ile olay dinler, olay nesnesini kullanır, yakalama ve kabarma aşamalarını kavrar ve olay delegasyonuyla verimli etkileşim kurar.
Modül 1
Olay Dinleyicileri
  • addEventListener ile olay bağlama
  • removeEventListener ile dinleyici kaldırma
  • Satır içi olay ve dinleyici farkı
  • Aynı olaya birden çok dinleyici
  • once, capture ve passive seçenekleri
  • Dinleyici fonksiyon referansı yönetimi
Modül 2
Olay Nesnesi ve Türleri
  • event nesnesi ve target özelliği
  • click, input ve change olayları
  • Klavye olayları: keydown ve keyup
  • Fare olayları ve koordinat bilgisi
  • preventDefault ile varsayılanı engelleme
  • Form gönderme (submit) olayını yönetme
Modül 3
Olay Yayılımı ve Delegasyon
  • Yakalama (capturing) ve kabarma (bubbling)
  • stopPropagation ile yayılımı durdurma
  • currentTarget ile target farkı
  • Olay delegasyonu ile tek dinleyici
  • Dinamik elemanlar için delegasyon
  • Performans için delegasyon avantajı
Modül 4
DOM Manipülasyonu ve Etkileşim
  • querySelector ile eleman seçme
  • classList ile sınıf ekleme ve kaldırma
  • textContent ve innerHTML güncelleme
  • createElement ile eleman oluşturma
  • append ve remove ile ağaç değiştirme
  • Veri niteliği (data-*) ile durum tutma
Günün hedefiKatılımcı nesne literalleri ve metotları yazar, this ve prototip zincirini kavrar, sınıfları kullanır ve destructuring, spread, optional chaining gibi modern özellikleri uygular.
Modül 1
Nesne Literalleri ve Metotlar
  • Nesne literali ile özellik tanımlama
  • Metot tanımı ve kısa söz dizimi
  • Nokta ve köşeli parantez erişimi
  • Hesaplanmış (computed) özellik adı
  • Object.keys, values ve entries
  • Nesnede getter ve setter tanımı
Modül 2
this, Prototip ve Kalıtım
  • Fonksiyon çağrısında this bağlamı
  • call, apply ve bind ile this ayarı
  • Prototip zinciri ve özellik arama
  • Object.create ile prototip belirleme
  • Kurucu (constructor) fonksiyon kalıbı
  • hasOwnProperty ile kendi özelliği
Modül 3
Sınıflar (class) ve Söz Dizimi
  • class ve constructor söz dizimi
  • Örnek metodu ve statik üye tanımı
  • extends ve super ile sınıf kalıtımı
  • Özel (private) alan #field kullanımı
  • Sınıfta getter ve setter tanımlama
  • Sınıf ile prototip arasındaki ilişki
Modül 4
Modern ES6+ Özellikler
  • Destructuring ile nesneden değer alma
  • Spread ve rest ile nesne işleme
  • Optional chaining ?. ile güvenli erişim
  • Nullish birleştirme ?? operatörü
  • Şablon dizgileriyle metin üretme
  • Kısa devre atama operatörleri (??=, ||=)

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Hata yakalama

try/catch/finally ile riskli kodu güvenle izole eder, hataları yakalayıp temizlik işlemlerini doğru yürütürsünüz.

✅
Özel hatalar

Yerleşik hata türlerini tanır ve Error'dan türeyen anlamlı özel hata sınıflarıyla doğrulama hatalarını modellersiniz.

✅
Asenkron hata yönetimi

Promise reddini ve async/await hatalarını güvenle yakalayarak uygulamanızı beklenmedik çökmelere karşı korursunuz.

✅
Olay işleme

addEventListener ile olayları dinler, olay nesnesini kullanır ve kullanıcı etkileşimlerine doğru biçimde yanıt verirsiniz.

✅
Olay delegasyonu

Yakalama ve kabarma aşamalarını kavrar, olay delegasyonuyla dinamik arayüzleri verimli ve ölçeklenebilir kurgularsınız.

✅
DOM manipülasyonu

Eleman seçme, oluşturma ve güncelleme metotlarıyla sayfa içeriğini dinamik ve kontrollü biçimde değiştirirsiniz.

✅
Nesne ve prototip

Nesne literalleri, this, prototip zinciri ve sınıfları kullanarak sağlam ve yeniden kullanılabilir yapılar kurarsınız.

✅
Modern özellikler

Destructuring, spread, optional chaining ve nullish birleştirme ile kısa, güvenli ve çağdaş JavaScript yazarsınız.

Kimler İçin Uygundur?

  • JavaScript temeli olan
  • hata yönetimi
  • olay işleme
  • nesne yapıları
  • modern dil özelliklerini sağlamlaştırmak isteyen ön yüz geliştiriciler ve web geliştirme öğrenen kişiler için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
JavaScript temeli olan, hata yönetimi, olay işleme, nesne yapıları ve modern dil özelliklerini sağlamlaştırmak isteyen ön yüz geliştiriciler ve web geliştirme öğrenen kişiler için uygundur. Değişken, fonksiyon ve koşul gibi temel kavramlara aşinalık beklenir.
Temel JavaScript bilmeden katılabilir miyim?
Eğitim orta seviyededir ve temel JavaScript kavramlarının bilindiğini varsayar. Değişken, fonksiyon, dizi ve koşul gibi konulara aşina değilseniz önce bir temel JavaScript programı almanız, ardından bu eğitimle hata, olay ve nesne konularına geçmeniz önerilir.
Hangi konular işleniyor?
Eğitim try/catch hata yönetimi, hata türleri ve özel hata sınıflarıyla başlar; DOM olayları, olay nesnesi, yayılım ve delegasyonu kapsar. Son gün nesne literalleri, this, prototip, sınıflar ve destructuring, spread, optional chaining gibi modern ES6+ özellikler uygulamalı işlenir.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Her konu kısa anlatımın ardından tarayıcıda gerçek DOM ve kod örnekleriyle uygulamalı işlenir. Yüz yüze veya online olarak verilebilir ve kurumun ihtiyacına göre örnekler 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 hata yönetimi, olay işleme ile nesne çalışmalarını 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. JavaScript Front-end Development: Errors, Events, Objects, & Sertifika Kodu DV-2026XX00 Tarih 14.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 TypeScriptApplication Development with Node.js: Build Apps using Modules & MEAN Stack Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Build Apps using Modules & MEAN Stack Eğitimi

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

Node.js modül sistemi ve MEAN yığınıyla tam yığın geliştirme: CommonJS, ESM, npm, MongoDB, Express ve Angular ile uçtan uca uygulama eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Language Fundamentals Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Language Fundamentals Eğitimi

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

Node.js dil temelleri: çalışma zamanı, event loop, modüller, npm, asenkron programlama, fs, stream ve http ile backend'e giriş eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Managing Advanced Application Elements Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Managing Advanced Application Elements Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

İleri Node.js: stream, cluster, worker threads, önbellek, güvenlik, WebSocket, test ve Docker ile üretim ölçeğinde uygulama yönetimi eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Microservices Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Microservices Eğitimi

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

Node.js ile mikroservis mimarisi: servis tasarımı, REST ve gRPC, mesaj kuyruğu, API gateway, dayanıklılık ve Docker ile dağıtım eğitimi.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Microservices Frameworks, & Utilities Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Microservices Frameworks, & Utilities Eğitimi

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

Node.js ile mikroservis mimarisi, NestJS, Moleculer, gRPC, mesaj kuyrukları, API Gateway, dayanıklılık ve Docker dağıtımını öğreten uygulamalı eğitim.

Detayları Gör →
JavaScript ve TypeScriptApplication Development with Node.js: Node Clusters & Memory Optimizations Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

Application Development with Node.js: Node Clusters & Memory Optimizations Eğitimi

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

Node.js cluster, worker_threads, V8 bellek modeli, çöp toplama, bellek sızıntısı tespiti ve profilleme ile ölçekleme optimizasyonunu öğreten eğitim.

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