Merge pull request sumn2u#15 from gnwx/main

Translated bom

Author: sumn2u

tr/browser-object-model-bom/README.md

@@ -0,0 +1,22 @@
+---
+layout: editorial
+chapter: 16
+pageNumber: 79
+---
+
+# Bölüm 16
+# Browser Object Model
+
+Tarayıcı obje modeli (Browser Object Model), tarayıcı penceresi ile etkileşim kurmamızı sağlar. `window` objesi tarayıcının penceresini temsil eder ve tüm tarayıcılar tarafından desteklenir.
+
+`window`, tarayıcı için varsayılan objedir, bu nedenle tüm fonksiyonları doğrudan çağırabiliriz.
+
+```javascript
+window.alert("Welcome to Learn JavaScript"); 
+
+alert("Welcome to Learn JavaScript")
+```
+
+Benzer bir şekilde, history, screen, navigator, location gibi diğer özellikleri de window objesinin altında çağırabiliriz.
+
+

tr/browser-object-model-bom/cookies.md

@@ -0,0 +1,44 @@
+---
+chapter: 16
+pageNumber: 84
+---
+# Çerezler 🍪
+
+Çerezler, bir bilgisayarda depolanan ve tarayıcı tarafından erişilebilen bilgi parçacıklarıdır.
+
+Web tarayıcısı ile sunucu arasındaki iletişim durumsuzdur, kendisinden önceki isteklerin bilgisini içermez yani her isteği bağımsız olarak işler. Kullanıcı bilgilerini depolamamız ve bu bilgileri tarayıcıya kullanılabilir hale getirmemiz gereken durumlar vardır. Bu gibi durumlarda çerezler aracılığıyla bilgi, gerektiğinde bilgisayardan alınabilir.
+Çerezler `name-value` (isim-değer) çifti olarak kaydedilir.
+
+```javascript
+book = Learn Javascript
+```
+
+
+`document.cookie` özelliği, çerezleri oluşturmak, okumak ve silmek için kullanılır. Çerez oluşturmak oldukça kolaydır, sadece ismi ve değeri sağlamanız gerekmektedir.
+
+```javascript
+document.cookie = "book=Learn Javacript";
+```
+
+
+Varsayılan olarak, bir tarayıcı kapatıldığında bir çerez silinir. Kalıcı olmasını sağlamak için son kullanma tarihini (UTC zaman diliminde) belirtmemiz gerekmektedir.
+
+```javascript
+document.cookie = "book=Learn Javacript; expires=Fri, 08 Jan 2022 12:00:00 UTC";
+```
+
+Çerezin hangi sayfa yoluna (*path*) ait olduğunu söylemek için bir parametre ekleyebiliriz. Varsayılan olarak, çerez şu anki sayfaya aittir.
+
+```javascript
+document.cookie = "book=Learn Javacript; expires=Fri, 08 Jan 2022 12:00:00 UTC; path=/";
+```
+
+İşte basit bir çerez örneği.
+
+```javascript
+let cookies = document.cookie;
+// tüm çerezlere ulaşmanın basit bir yolu.
+
+document.cookie = "book=Learn Javacript; expires=Fri, 08 Jan 2022 12:00:00 UTC; path=/";
+// çerez oluşturma
+```

tr/browser-object-model-bom/history.md

@@ -0,0 +1,43 @@
+---
+chapter: 16
+pageNumber: 85
+description: History object manages the browser's history stack.
+---
+
+# Geçmiş
+
+Bir web tarayıcısını açtığımızda ve bir web sayfasında gezindiğimizde, geçmiş belleğinde yeni bir girdi oluşturur. Farklı sayfalarda gezinmeye devam ettikçe yeni girdiler geçmiş belleğine eklenir.
+
+Geçmiş objesine erişmek için şunları kullanabiliriz:
+
+```javascript
+window.history
+// veya
+history
+```
+
+Farklı geçmiş verileri arasında gezinmek için **history** objesinin `go()`, `foward()` ve `back()` fonksiyonlarını kullanabiliriz. 
+
+1. **go\(\)**: Geçmiş belleğinin belirli URL'sinde gezinmek için kullanılır.
+
+ ```javascript
+ history.go(-1); // sayfayı geri taşır
+ history.go(0); // şu anki sayfayı yeniler
+ history.go(); // şu anki sayfayı yeniler
+ history.go(1) // sayfayı ileri taşır
+ ```
+
+ > _**Note:**_ geçmiş belleğindeki geçerli sayfa konumu **0**'dır.
+
+2. **back\(\)** : Geriye gitmek için `back()` fonksiyonu kullanılır.
+
+ ```javascript
+ history.back();
+ ```
+
+3. **forward\(\)**: Tarayıcı geçmişindeki bir sonraki listeyi yükler. Tarayıcıdaki ileri düğmesine tıklamaya benzer.
+
+ ```javascript
+ history.forward();
+ ```
+

tr/browser-object-model-bom/location.md

@@ -0,0 +1,32 @@
+---
+chapter: 16
+pageNumber: 86
+---
+# Location
+
+`location` objesi, belgenin geçerli (URL) konumunu almak için kullanılır ve konumunu manipüle etmek için farklı yöntemler sağlar. Geçerli konuma şu şekilde erişilebilir
+
+```javascript
+window.location
+//veya
+document.location
+//veya
+location
+```
+
+> _**Note**_: `window.location` ve `document.location` aynı konum objesine referans verir.
+
+Aşağıdaki URL örneğini ele alalım ve `location` objesinin farklı özelliklerini inceleyelim
+
+[`http://localhost:3000/js/index.html?type=listing&page=2#title`](http://localhost:8080/js/index.html?type=listing\&page=2#title)
+
+```javascript
+location.href //mevcut URL'yi yazdırır.
+location.protocol //protokolleri yazdırır örn: http,https
+location.host //hostname'i port ile birlikte yazdırır örn: localhost:3000
+location.hostname //hostname'i yazdırır örn: localhost, www.example.com
+location.port //port numarasını yazdırır örn: 3000
+location.pathname //sayfa yolunu(*path*) yazdırır örn: /js/index.html
+location.search //sorgu dizelerini yazdırır örn: ?type=listing&page=2
+location.hash //title gibi bileşen tanımlayıcısını yazdırır
+```

tr/browser-object-model-bom/navigator.md

@@ -0,0 +1,34 @@
+---
+chapter: 16
+pageNumber: 83
+---
+# Navigator
+
+
+`window.navigator` veya `navigator` özelliği salt okunur bir özelliktir ve tarayıcıyla ilgili çeşitli yöntem ve fonksiyonları içerir.
+
+Birkaç örneğine bakalım:
+
+1. **navigator.appName**: Tarayıcı uygulamasının adını verir
+
+ ```javascript
+ navigator.appName; 
+ // "Netscape"
+ ```
+
+ > _**Note:**_ "Netscape" IE11, Chrome, Firefox ve Safari için uygulama adıdır.
+2. **navigator.cookieEnabled**: Tarayıcıdaki çerez değerine bağlı olarak bir boolean değeri döndürür.
+
+ ```javascript
+ navigator.cookieEnabled;
+ //true
+ ```
+3. **navigator.platform**: İşletim sistemi hakkında bilgi sağlar.
+
+ ```javascript
+ navigator.platform;
+ "MacIntel"
+ ```
+
+
+

tr/browser-object-model-bom/popup.md

@@ -0,0 +1,46 @@
+---
+chapter: 16
+pageNumber: 81
+---
+# Popup
+
+Popups (Açık pencereler) bilgi göstermek, kullanıcı onayı almak veya ek belgelerden kullanıcı girişi almak için ek bir yoldur. Bir popup yeni bir URL'ye gidebilir ve açılan pencereye bilgi gönderebilir. **Uyarı kutusu** (*Alert box*), **Onay kutusu** (*Confirmation box*) ve **Girdi kutusu** (*Prompt box*) pop-up bilgilerini gösterebileceğimiz global fonksiyonlardır.
+
+1. **alert()**: Kullanıcıya bilgi görüntüler ve devam etmek için bir "**OK**" butonu vardır.
+
+ ```javascript
+ alert("Örnek alert mesajı!");
+ ```
+2. **confirm()**: Bir şeyi onaylamak veya kabul etmek için bir etkileşim kutusu olarak kullanın. Devam etmek için "**Ok**" ve "**Cancel**" vardır. Kullanıcı "**Ok**" seçeneğine tıklarsa "true", "**Cancel**" seçeneğine tıklarsa "false" döndürür. 
+
+ ```javascript
+ let txt;
+ if (confirm("Bir butona basın!")) {
+ txt = "OK Butonuna bastınız!";
+ } else {
+ txt = "Cancel butonuna bastınız!";
+ }
+ ```
+3. **prompt()**: "**Ok "** ve "**İptal "** düğmeleri ile kullanıcı girdi alır. Kullanıcı herhangi bir girdi değeri sağlamazsa `null` döndürür.
+
+ ```javascript
+ //syntax 
+ //window.prompt("sometext","defaultText");
+
+ let person = prompt("Lütfen adınızı girin", "Harry Potter");
+
+ if (person == null || person == "") {
+ txt = "Kullanıcı prompt girmedi";
+ } else {
+ txt = "Merhaba " + person + "! Bugün nasılsınız?";
+ }
+ ```
+
+
+
+
+
+
+
+
+

tr/browser-object-model-bom/screen.md

@@ -0,0 +1,31 @@
+---
+chapter: 16
+pageNumber: 82
+---
+# Screen
+
+`screen` objesi, geçerli pencerenin oluşturulduğu ekran hakkında bilgi içerir. `screen` objesine erişmek için `window` objesinin `screen` özelliğini kullanabiliriz.
+
+```javascript
+window.screen
+//veya
+screen
+```
+
+`window.screen` objesinin farklı özellikleri vardır, bunlardan bazıları aşağıda listelenmiştir:
+
+| Property | Description |
+| :--- | :--- |
+| `height` | Ekranın piksel yüksekliğini temsil eder. |
+| `left` | Mevcut ekranın sol tarafının piksel mesafesini temsil eder. |
+| `pixelDepth` | Ekranın bit derinliğini döndüren salt okunur bir özelliktir. |
+| `top` | Mevcut ekranın üst kısmının piksel mesafesini temsil eder. |
+| `width` | Ekranın piksel genişliğini temsil eder. |
+| `orientation` | Ekran Oryantasyon API'sinde (*Screen Orientation API*) belirtildiği şekilde ekran oryantasyonunu döndürür |
+| `availTop` | Sistem öğeleri tarafından alınmayan üstteki ilk pikseli döndüren salt okunur bir özelliktir. |
+| `availWidth` | Sistem öğeleri hariç ekranın piksel genişliğini döndüren salt okunur bir özelliktir. |
+| `colorDepth` | Renkleri temsil etmek için kullanılan bit sayısını döndüren salt okunur bir özelliktir. |
+
+
+
+

tr/browser-object-model-bom/window.md

@@ -0,0 +1,31 @@
+---
+chapter: 16
+pageNumber: 80
+---
+# Window
+
+`window` objesi tarayıcı penceresini temsil eder ve tarayıcılar tarafından desteklenir. Global değişkenler, objeler ve fonksiyonlar da pencere objesinin bir parçasıdır. 
+
+
+Global **değişkenler**, window objesinin **özellikleridir** ve **fonksiyonlar**, window objesinin **metodlarıdır**.
+
+Ekran özelliklerine bir göz atalım. Bu özellikler tarayıcı penceresinin boyutunu belirlemek için kullanılır ve piksel cinsinden ölçülür. 
+
+* `window.innerHeight` - tarayıcı penceresinin iç yüksekliği
+* `window.innerWidth` - tarayıcı penceresinin iç genişliği
+
+> _**Note**_: `window.document` ve `document.location` ifadeleri, (DOM) pencere objesinin bir parçası olduğu için aynı anlama gelir.
+
+Pencere metodlarından birkaç örnek:
+
+
+* `window.open()` - yeni bir pencere açar
+* `window.close()` - mevcut pencereyi kapatır
+* `window.moveTo()` - mevcut pencereyi taşır
+* `window.resizeTo()` - şu anki pencereyi yeniden boyutlandır
+
+
+ 
+
+
+