Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
TypeScript Kurulumu: Kodu Çalıştırmak ile Tip Denetimi Aynı Şey Değil
TypeScript Playground, npm ile kurulum, tsc --init, npx tsc --noEmit ve Node 26 ile node file.ts: kodu çalıştırmanın neden tip denetimi anlamına gelmediğini ve ilk hata mesajını okumayı görüyoruz.
TypeScript Nedir, Neden Var? JavaScript'e Eklenen Tip Katmanı
TypeScript'in JavaScript'e eklediği tip katmanını, derleme zamanı ile çalışma zamanı farkını, tip denetiminin neleri yakaladığını ve TypeScript 7 ile gelen değişiklikleri örneklerle görüyoruz.
JavaScript RegEx Temelleri: Düzenli İfadelerle Metin Aramak ve Doğrulamak
Düzenli ifadelerle test, match, matchAll ve replace kullanıyor; karakter class'larını, niceleyicileri, grupları ve g, i, m bayraklarını öğrenip e-posta, telefon ve posta kodu kontrolü yazıyor, RegExp.escape'i tanıyoruz.
JavaScript Date Temelleri: Tarih Oluşturmak, Hesaplamak ve Biçimlendirmek
Date object'inin aslında bir timestamp olduğunu görüyor; tarih oluşturmayı, sıfırdan başlayan ay tuzağını, get/set method'larını, iki tarih arası farkı ve toLocaleDateString ile Intl.DateTimeFormat biçimlendirmesini öğreniyoruz.
JavaScript BOM: window, location, navigator ve Zamanlayıcılar
Tarayıcı object'lerini tanıyoruz: global window, adresi okuyan location, history ile gezinme, navigator ve screen bilgileri, setTimeout ve setInterval ile zamanlayıcılar, alert, confirm ve prompt'un neden az kullanıldığı.
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.
JavaScript JSON: JSON.stringify, JSON.parse, try/catch ve Derin Kopya
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 derin kopyada 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 sığ, structuredClone ile derin kopyayı öğ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.