Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
JavaScript Gelişmiş Event'ler: Bubbling, Capturing, Event Delegation ve CustomEvent
Event'in capturing, target ve bubbling aşamalarını, stopPropagation'ı, tek listener'la event delegation'ı, once/passive/signal seçeneklerini, CustomEvent'i ve pointer event'lerini örneklerle görüyoruz.
JavaScript ile Gelişmiş DOM: Gezinme, closest, dataset, template ve Toplu Güncelleme
DOM ağacında parent/children/sibling ve closest ile geziniyor; dataset, insertAdjacentHTML, DocumentFragment, template, cloneNode ve getBoundingClientRect'i görüyor, reflow'a girip toplu güncelleme yapıyoruz.
Tarayıcıda TypeScript: DOM Tipleri, querySelector ve Event'ler
lib.dom tiplerini, querySelector'ın dönüş tiplerini ve generic kullanımını, HTMLInputElement gibi element type'larını, event tiplerini ve event.target tuzağını görüyor, tsc çıktısını bir module script ile sayfada çalıştırıyoruz.
JavaScript ile Form İşlemleri: Değer Okuma, Submit ve Basit Doğrulama
Form alanlarından value, checked ve selectedIndex ile değer okuyor, submit event'ini yakalıyor, boş alan, e-posta ve uzunluk kontrolü yazıp hataları sayfada gösteriyor, HTML'in yerleşik doğrulamasını tanıyoruz.
JavaScript Event'leri: addEventListener ile Tıklama, Klavye ve Input
addEventListener ile click, input, keydown ve submit event'lerini dinliyor; event object'indeki target ve key'i, preventDefault'u, removeEventListener'ı ve inline onclick'in neden önerilmediğini öğreniyoruz.
JavaScript DOM'a Giriş: Element'leri Seçmek, Değiştirmek ve Oluşturmak
Tarayıcının HTML'den kurduğu DOM ağacını tanıyor; querySelector ile element seçiyor, textContent ile innerHTML farkını ve XSS riskini görüyor, classList ve createElement ile sayfayı canlı değiştiriyoruz.