JavaScript Fetch API (Basit API Kullanımı)

javascript

Web geliştirme süreçlerinde sıkça ihtiyaç duyulan işlemlerden biri, başka bir kaynaktan veri çekmektir. İşte tam da bu noktada Fetch API, JavaScript’in modern ve sade veri alma aracıdır. XMLHttpRequest’in yerini alarak daha okunabilir ve yönetilebilir bir yapı sunar. Bu yazıda, JavaScript…

JavaScript JSON ve Veri Yapıları

javascript

JavaScript dünyasında veri yönetiminin temeli, veri yapıları ve JSON (JavaScript Object Notation) ile atılır. Kod içerisinde bilgileri saklamak, taşımak ve düzenli bir şekilde işlemek için doğru veri yapısını seçmek büyük önem taşır. Modern web uygulamalarının temelinde, doğru yapılandırılmış veriler yatar.…

JavaScript LocalStorage ve SessionStorage

javascript

Modern JavaScript ile birlikte gelen Web Storage API, geliştiricilere verileri kullanıcının tarayıcısında kolayca saklama imkânı sunar. Bu API iki ana yapıdan oluşur: LocalStorage ve SessionStorage. Her ikisi de key-value (anahtar-değer) çifti olarak veri saklamanızı sağlar, fakat saklama süresi ve kapsamları…

JavaScript ES6+ Özellikleri

javascript

JavaScript, 2015 yılında yayınlanan ECMAScript 6 (ES6) ile birlikte ciddi bir evrim geçirdi. Bu sürüm ve sonrası, dilin hem okunabilirliğini hem de performansını artıran onlarca yeni özellik getirdi. JavaScript ES6+ özellikleri sayesinde artık daha modern, kısa ve etkili kodlar yazmak…

JavaScript Zamanlayıcılar

javascript

JavaScript zamanlayıcılar, kodların belirli bir süre sonra veya belli aralıklarla çalışmasını sağlayan yapılar sunar. Genellikle setTimeout ve setInterval fonksiyonları kullanılır. Bu özellikler sayesinde bir web sayfasında dinamik etkileşimler oluşturmak oldukça kolaydır. Örneğin, bir uyarı mesajının 3 saniye sonra gösterilmesi ya…

JavaScript’te Hata Yakalama ve Debugging

javascript

JavaScript’te Hatalar Nedir? Hatalar (errors), bir JavaScript kodu çalıştırıldığında beklenmeyen bir durum oluştuğunda meydana gelir. Bu hatalar kullanıcı deneyimini olumsuz etkileyebilir, uygulamanın durmasına neden olabilir. JavaScript’te 3 ana hata türü vardır: try…catch Bloğu ile Hata Yakalama JavaScript’te hataları kontrol altına…

JavaScript ile Form İşlemleri

javascript

Formlar Nedir ve Neden Önemlidir? Formlar, web sayfaları üzerinde kullanıcıdan bilgi toplamanın en yaygın yoludur. Ad, soyad, e-posta, parola gibi veriler genellikle bir form aracılığıyla toplanır. JavaScript ile form işlemleri sayesinde bu verileri: Bu süreç hem kullanıcı deneyimini artırır hem…

JavaScript Olaylar (Events) Nedir?

javascript

JavaScript’te Olay (Event) Nedir? JavaScript’te olaylar (events), kullanıcı veya tarayıcı tarafından tetiklenen aksiyonlardır. Kullanıcının bir butona tıklaması, bir formu doldurması, klavyeye basması ya da sayfanın yüklenmesi gibi etkileşimler birer “olay” olarak tanımlanır. Bu olaylara tepki vermek, yani etkileşimi yakalayıp işlemler…

JavaScript DOM Manipülasyonu

javascript

DOM Nedir? DOM (Document Object Model), web sayfalarının tarayıcı tarafından nasıl temsil edildiğini açıklayan bir yapıdır. HTML belgesi, ağaç yapısında düğümler (nodes) olarak modellenir. Bu yapı sayesinde JavaScript ile sayfa içeriğine erişebilir, değiştirebilir, silebilir veya yeni içerikler ekleyebilirsiniz. DOM, tarayıcı…

JavaScript Nesneler (Objects)

javascript

JavaScript’te nesneler (objects), birden fazla veriyi ve fonksiyonu bir arada tutan yapı taşlarıdır. Nesneler, verileri anahtar-değer çiftleri (key-value pairs) şeklinde organize eder. Bu sayede karmaşık verileri düzenlemek, ilişkilendirmek ve kolayca yönetmek mümkün olur. Nesneler, gerçek hayattaki nesnelere benzetilir; örneğin bir…