Mert Özen Her Satırda Daha İleri
Anasayfa Videolar Javascript Temel Seviye: Browser Object Model (BOM)
Javascript Temel Seviye

Javascript Temel Seviye: Browser Object Model (BOM)

11 Nis 2025 09:49
YouTube'da izle
Açıklama

Bu video, web geliştirme süreçlerinde tarayıcıyı kontrol etmemizi sağlayan Browser Object Model (BOM) yapısını temel seviyede açıklamaktadır. BOM, HTML içeriğinden bağımsız olarak tarayıcı penceresi ve özellikleri ile etkileşime girmemizi sağlar.

Videoda ele alınan ana başlıklar şunlardır:

  • Window Nesnesi (0:44-2:30): JavaScript'in en temel ve global nesnesidir. alert, prompt ve confirm gibi kullanıcı etkileşim kutuları bu nesne üzerinden yönetilir.
  • Navigator Nesnesi (2:32-3:04): Kullanıcının tarayıcısı ve cihazı hakkında (tarayıcı bilgisi, dil, çevrimiçi durumu gibi) teknik bilgiler sağlar.
  • Location Nesnesi (3:05-6:13): URL yönetimi, sayfayı yeniden yükleme (reload) ve sayfa yönlendirmeleri (assign, replace) için kullanılır.
  • History Nesnesi (6:14-7:49): Kullanıcının tarayıcı geçmişinde ileri (forward) veya geri (back) gitmesini, ayrıca geçmiş uzunluğunu yönetmesini sağlar.
  • Screen Nesnesi (7:50-9:36): Kullanıcının ekran çözünürlüğü ve ekran boyutları hakkında bilgi verir. Bu kısımda window.innerWidth/innerHeight ile screen.width/height arasındaki farklara dikkat çekilmiştir.