Blog
Mert Özen'in yazılım geliştirme, backend, frontend ve DevOps üzerine blog yazıları.
TypeScript Nedir, Neden Var? JavaScript'e Eklenen Tip Katmanı
TypeScript'in JavaScript'e eklediği tip katmanını, compile time ile runtime farkını, type check'in neleri yakaladığını ve TypeScript 7 ile gelen değişiklikleri örneklerle görüyoruz.
JavaScript RegEx Temelleri: Regular Expression'larla Metin Aramak ve Doğrulamak
RegEx ile test, match, matchAll ve replace kullanıyor; karakter class'larını, quantifier'ları, grupları ve g, i, m flag'lerini öğ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 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.