Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
JavaScript BOM: window, location, navigator ve Timer'lar
Tarayıcı object'lerini tanıyoruz: global window, adresi okuyan location, history ile gezinme, navigator ve screen bilgileri, setTimeout ve setInterval ile timer'lar, alert, confirm ve prompt'un neden az kullanıldığı.
JavaScript ile Form İşlemleri: Değer Okuma, Submit ve Basit Doğrulama
Form field'lerinden value, checked ve selectedIndex ile değer okuyor, submit event'ini yakalıyor, boş field, 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.
JavaScript JSON: JSON.stringify, JSON.parse, try/catch ve Deep Copy
JSON'un syntax kurallarını, JSON.stringify ile girinti ve replacer'ı, hangi değerlerin kaybolduğunu, JSON.parse ve reviver'ı, bozuk JSON'u try/catch ile yakalamayı ve deep copy'de structuredClone'u öğreniyoruz.
JavaScript Object'leri: Object Literal, Property, Object.keys ve structuredClone
Object literal'i, nokta ve köşeli parantezle property erişimini, iç içe object'leri, method ve this'i, in ile Object.keys/values/entries'i, for...in'i, spread ile shallow, structuredClone ile deep copy'yi öğreniyoruz.
JavaScript Fonksiyonları: Declaration, Arrow Function, Parametreler ve return
Function declaration, expression ve arrow function farkını, parametre ve argümanı, varsayılan parametreleri, return'ü, callback olarak fonksiyon vermeyi, fonksiyon scope'unu ve iyi fonksiyon yazmayı öğreniyoruz.
JavaScript Array'leri: push, pop, slice, splice, Spread ve sort Tuzağı
Array oluşturmayı, at() ile erişimi, push/pop/shift/unshift'i, slice ile splice farkını, spread ile kopyalamayı, forEach'i, sort'un sayıları neden yanlış sıraladığını ve referans tuzağını öğreniyoruz.
JavaScript Number ve Math: 0.1 + 0.2, Sayı Dönüşümü, Rastgele Sayı ve Biçimlendirme
JavaScript'in tek number tipini, 0.1 + 0.2 hassasiyet sorununu, Number ve parseInt farkını, NaN ve bigint'i, Math ile yuvarlama ve rastgele sayıyı, Intl.NumberFormat ile para biçimlendirmeyi öğreniyoruz.
JavaScript String'leri: Template Literal, String Method'ları ve Immutability
Tırnak türlerinden template literal'e, at() ile sondan erişimden slice, includes, replaceAll, split ve padStart'a kadar string'leri öğreniyor; immutability'yi, Türkçe İ ve emoji tuzaklarını görüyoruz.
JavaScript Döngüleri: for, while, for...of ve for...in
for, while ve do...while döngülerini, array'ler ve string'ler için for...of'u, object'ler için for...in'i, break ve continue'yu ve sekmeyi kilitleyen sonsuz döngü tuzağını örneklerle görüyoruz.
JavaScript Koşul İfadeleri: if/else, Ternary Operatörü ve switch
if/else if/else zincirini, ternary operatörünü, switch'te fall-through ve break'i, koşullarda truthy/falsy tuzaklarını, erken return fikrini ve okunabilir koşul yazmayı örneklerle görüyoruz.