Skip to content

Commit dbde429

Browse files
gnwxsumn2u
gnwx
authored and
sumn2u
committed
translated last files
1 parent 56e91a7 commit dbde429

File tree

3 files changed

+262
-0
lines changed

3 files changed

+262
-0
lines changed

‎tr/date-and-time.md‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
---
2+
layout: editorial
3+
chapter: 10
4+
pageNumber: 64
5+
---
6+
7+
# Bölüm 10
8+
9+
# Date and Time (Tarih ve Saat)
10+
11+
`date` nesnesi tarih ve saati depolar ve onu yönetmek için yöntemler sağlar. Tarih nesneleri statiktir ve varsayılan bir tarayıcı zaman dilimini kullanarak tam metinli bir dize olarak tarihi görüntüler.
12+
`date` oluşturmak için `new Date()` yapıcısını kullanırız ve aşağıdaki şekillerde oluşturulabilir:
13+
14+
```javascript
15+
new Date()
16+
new Date(date string)
17+
new Date(year,month)
18+
new Date(year,month,day)
19+
new Date(year,month,day,hours)
20+
new Date(year,month,day,hours,minutes)
21+
new Date(year,month,day,hours,minutes,seconds)
22+
new Date(year,month,day,hours,minutes,seconds,ms)
23+
new Date(milliseconds)
24+
```
25+
26+
{% hint style="warning" %}
27+
Aylar `0` ile `11` arasında belirtilebilir, daha fazlası bir sonraki yıla akacaktır.
28+
{% endhint %}
29+
30+
`date` tarafından desteklenen yöntemler ve özellikleri aşağıda açıklanmaktadır:
31+
32+
| Name | Description |
33+
| ---------------------- | ---------------------------------------------------------------------------------------------- |
34+
| `constructor` | `Date` nesnesinin prototipini oluşturan işlevi döndürür |
35+
| `getDate()` | Bir ayın 1-31. gününü döndürür |
36+
| `getDay()` | Bir haftanın 0-6. gününü döndürür |
37+
| `getFullYear()` | 4 basamaklı yılı döndürür |
38+
| `getHours()` | 0-23 saatini döndürür |
39+
| `getMilliseconds()` | 0-999 milisaniyeyi döndürür |
40+
| `getMinutes()` | 0-59 dakikaları döndürür |
41+
| `getMonth()` | 0-11 ayı döndürür |
42+
| `getSeconds()` | 0-59 saniyeleri döndürür |
43+
| `getTime()` | 1970 Ocak 1'den beri milisaniye cinsinden belirli bir tarihin sayısal değerini döndürür |
44+
| `getTimezoneOffset()` | Dakika cinsinden zaman dilimi ofsetini döndürür |
45+
| `getUTCDate()` | Evrensel zamana göre bir ayın 1-31. gününü döndürür |
46+
| `getUTCDay()` | Evrensel zamana göre 0-6. günü döndürür |
47+
| `getUTCFullYear()` | Evrensel zamana göre 4 basamaklı yılı döndürür |
48+
| `getUTCHours()` | Evrensel zamana göre 0-23 saatini döndürür |
49+
| `getUTCMilliseconds()` | Evrensel zamana göre 0-999 milisaniyeyi döndürür |
50+
| `getUTCMinutes()` | Evrensel zamana göre 0-59 dakikaları döndürür |
51+
| `getUTCMonth()` | Evrensel zamana göre 0-11 ayı döndürür |
52+
| `getUTCSeconds()` | Evrensel zamana göre 0-59 saniyeleri döndürür |
53+
| `now()` | 1970 Ocak 1'den beri milisaniye cinsinden sayısal değeri döndürür |
54+
| `parse()` | Tarih dizesini ayrıştırır ve 1970 Ocak 1'den beri milisaniye cinsinden sayısal değeri döndürür |
55+
| `prototype` | Özellikler eklemek için izin verir |
56+
| `setDate()` | Bir ayın gününü ayarlar |
57+
| `setFullYear()` | Yılı ayarlar |
58+
| `setHours()` | Saati ayarlar |
59+
| `setMilliseconds()` | Milisaniyeleri ayarlar |
60+
| `setMinutes()` | Dakikaları ayarlar |
61+
| `setMonth()` | Ayı ayarlar |
62+
| `setSeconds()` | Saniyeleri ayarlar |
63+
| `setTime()` | Zamanı ayarlar |
64+
| `setUTCDate()` | Evrensel zamana göre ayın gününü ayarlar |
65+
| `setUTCFullYear()` | Evrensel zamana göre yılı ayarlar |
66+
| `setUTCHours()` | Evrensel zamana göre saati ayarlar |
67+
| `setUTCMilliseconds()` | Evrensel zamana göre milisaniyeleri ayarlar |
68+
| `setUTCMinutes()` | Evrensel zamana göre dakikaları ayarlar |
69+
| `setUTCMonth()` | Evrensel zamana göre ayı ayarlar |
70+
| `setUTCSeconds()` | Evrensel zamana göre saniyeleri ayarlar |
71+
| `toDateString()` | İnsan tarafından okunabilir formatta tarihi döndürür |
72+
| `toISOString()` | Tarihi ISO formatına göre döndürür |
73+
| `toJSON()` | JSON tarihi olarak biçimlendirilmiş bir dize döndürür |
74+
| `toLocaleDateString()` | Yerel ayar kurallarına göre tarih içeren bir dize döndürür |
75+
| `toLocaleTimeString()` | Yerel ayar kurallarına göre zaman içeren bir dize döndürür |
76+
| `toLocaleString()` | Yerel ayar kurallarına göre tarih ve saat içeren bir dize döndürür |
77+
| `toString()` | Belirtilen tarihi string temsilini döndürür |
78+
| `toTimeString()` | _time_ kısmını insan tarafından okunabilir bir formatta döndürür |
79+
| `toUTCString()` | Tarihi evrensel formata göre bir dizeye dönüştürür |
80+
| `toUTC()` | 1970 Ocak 1'den beri UTC formatında milisaniye cinsinden değeri döndürür |
81+
| `valueOf()` | `Date`'nin ilkel değerini döndürür |

‎tr/events.md‎

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,77 @@
1+
---
2+
layout: editorial
3+
chapter: 17
4+
pageNumber: 87
5+
---
6+
7+
# Bölüm 17
8+
9+
# Events (Olaylar)
10+
11+
Programlamada, events (_olaylar_), bir sistem tarafından size bildirilen ve bunlara yanıt verebilmeniz için sistemdeki eylemler veya olaylardır. Örneğin, reset düğmesine tıkladığınızda girişi temizler.
12+
13+
Klavyeden gelen etkileşimler, anahtarın durumunu serbest bırakılmadan önce yakalamak için sürekli olarak okunmalıdır. Diğer zaman alıcı hesaplamalar yapmak, bir klavye basımını kaçırmanıza neden olabilir. Bu, bazı ilkel makinelerin giriş işleme mekanizması used to. Bir adım daha ileri gitmek, bir kuyruk kullanmaktır, yani yeni olaylar için kuyruğu periyodik olarak kontrol eden ve buna tepki veren bir programdır. Bu yaklaşıma _polling_ denir.
14+
15+
Bu yaklaşımın ana dezavantajı, her an kuyruğa bakması gerektiğinden, bir olay tetiklendiğinde kesintilere neden olmasıdır. Bunun için daha iyi bir mekanizma, kod bir olay gerçekleştiğinde bilgilendirmektir. Modern tarayıcılar bunu, belirli olaylar için işlevleri _handlers_ olarak kaydetmemize izin vererek yaparlar.
16+
17+
```javascript
18+
<p>Click me to activate the handler.</p>
19+
<script>
20+
window.addEventListener("click", () => {
21+
console.log("clicked");
22+
});
23+
</script>
24+
```
25+
26+
Burada, `addEventListener` `window` nesnesi (tarayıcı tarafından sağlanan yerleşik nesne) üzerinde çağrılır ve tüm `window` için bir handler kaydeder. `addEventListener` yöntemini çağırmak, ilk argümanında tanımlanan olay meydana geldiğinde ikinci argümanının çağrılmasını kaydeder.
27+
28+
{% hint style="info" %}
29+
Olay dinleyicileri, yalnızca olay, kaydolundukları nesnenin bağlamında gerçekleştiğinde çağrılır.
30+
{% endhint %}
31+
32+
Bazı yaygın HTML olayları burada belirtilmiştir:
33+
34+
| Event | Description |
35+
| ------------- | -------------------------------------------------------------- |
36+
| `onchange` | Form girişinin değeri değiştirildiğinde veya değiştirildiğinde |
37+
| `onclick` | Kullanıcı, öğeye tıkladığında |
38+
| `onmouseover` | Fare imleci öğenin üzerine geldiğinde |
39+
| `onmouseout` | Fare imleci öğeden ayrıldığında |
40+
| `onkeydown` | Kullanıcı anahtarı basıp sonra bırakır |
41+
| `onload` | Tarayıcı yüklemeyi tamamladığında |
42+
43+
Çocukları olan düğümlere kaydedilen handlers, çocuklardan da olaylar alabilir. Örneğin, bir paragraf içindeki bir düğme tıklandığında, paragrafta kaydedilen handlers de tıklama olayını alır.
44+
45+
Olay handler, event nesnesi üzerindeki `stopPropagation` yöntemini çağırarak, daha ilerideki handlers'ın olayı almasını engelleyebilir. Bu, örneğin, tıklanabilir bir elemanın içinde bir düğmeniz varsa ve bir düğme tıklamasından dış elemanın tıklanabilir davranışını tetiklemek istemiyorsanız kullanışlıdır.
46+
47+
```javascript
48+
<p>A paragraph with a <button>button</button>.</p>
49+
<script>
50+
let para = document.querySelector("p"),
51+
button = document.querySelector("button");
52+
para.addEventListener("mousedown", () => {
53+
console.log("Paragraph handler.");
54+
});
55+
button.addEventListener("mousedown", event => {
56+
console.log("Button handler.");
57+
event.stopPropagation();
58+
});
59+
</script>
60+
```
61+
62+
Burada, `mousedown` handlers hem paragraf hem de düğme tarafından kaydedilir. Düğmeye tıklandığında, düğme için handler `stopPropagation` çağırır, bu da paragraftaki handler'ın çalışmasını engelleyecektir.
63+
64+
Olayların varsayılan bir davranışı olabilir. Örneğin, bağlantılar, bağlantının hedefine tıklandığında gezinir, aşağı ok düğmesine tıklandığında sayfanın altına yönlendirilir vb. Bu varsayılan davranışlar, event nesnesi üzerindeki `preventDefault` yöntemini çağırarak önlenebilir.
65+
66+
```javascript
67+
<a href="https://developer.mozilla.org/">MDN</a>
68+
<script>
69+
let link = document.querySelector("a");
70+
link.addEventListener("click", event => {
71+
console.log("Nope.");
72+
event.preventDefault();
73+
});
74+
</script>
75+
```
76+
77+
Burada, tıklandığında bağlantının varsayılan davranışı önlenir, yani bağlantının hedefine yönlendirilmez.

‎tr/regular-expression.md‎

Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
1+
---
2+
layout: editorial
3+
chapter: 14
4+
pageNumber: 73
5+
---
6+
7+
# Bölüm 14
8+
9+
# Regular Expression (Düzenli İfadeler)
10+
11+
Bir düzenli ifade, bir `RegEx` (Regular Expression) nesnesi olarak oluşturulabilir veya bir öntanımlı değer olarak bir `(/)`(forward slash) karakterleri ile bir desen içine yazılabilir. Düzenli ifade oluşturmak için kullanılan sözdizimleri aşağıda gösterilmiştir.
12+
13+
```javascript
14+
// using regular expression constructor
15+
new RegExp(pattern[, flags]);
16+
17+
// using literals
18+
/pattern/modifiers
19+
```
20+
21+
Literaller kullanarak düzenli ifade oluşturmak için bayraklar isteğe bağlıdır. Yukarıda bahsedilen yöntemi kullanarak aynı düzenli ifadeyi oluşturmak için bir örnek aşağıda gösterilmiştir.
22+
23+
```javascript
24+
let re1 = new RegExp("xyz");
25+
let re2 = /xyz/;
26+
```
27+
28+
Her iki yol da bir regex nesnesi oluşturacak ve aynı yöntemlere ve özelliklere sahip olacaktır. Düzenli ifade oluşturmak için dinamik değerlere ihtiyaç duyabileceğimiz durumlar vardır, bu durumda literaller çalışmaz ve constructor'a gitmemiz gerekir.
29+
30+
{% hint style="info" %}
31+
Düzenli ifadenin bir parçası olmak için bir forward slash (/) kullanmak istediğimiz durumlarda, forward slash `(/)` karakterini backslash `(\)` ile kaçırmamız gerekir.
32+
{% endhint %}
33+
34+
Durumlara duyarlı aramalar yapmak için kullanılan farklı değiştiriciler aşağıda listelenmiştir:
35+
36+
- `g` - global arama (ilk eşleşmeden sonra durmaz, tüm eşleşmeleri bulur)
37+
- `i` - duruma duyarlı arama
38+
- `m` - çok satırlı eşleme
39+
40+
Bir düzenli ifadede, bir dizi karakteri bulmak için _Brackets_ (_Köşeli Parantezler_) kullanılır. Bazıları aşağıda listelenmiştir.
41+
42+
- `[abc]` - brackets arasında herhangi bir karakter bul
43+
- `[^abc]` - brackets arasında olmayan bir karakter bul
44+
- `[0-9]` - brackets arasında herhangi bir rakam bul
45+
- `[^0-9]` - brackets arasında olmayan herhangi bir karakter bul (sayılar dışında)
46+
- `(x|y)`- | ile ayrılmış alternatiflerden herhangi birini bul
47+
48+
Düzenli ifadede özel bir anlama sahip olan _Metacharacters_ (_özel karakterlerdir_). Bu karakterler aşağıda daha ayrıntılı olarak açıklanmıştır:
49+
50+
| Metacharacter | Description |
51+
| ------------- | ----------------------------------------------------------------------- | --- |
52+
| `.` | Bir karakter hariç yeni satır veya bir sonlandırıcı eşleştirir |
53+
| `\w` | Alfanumerik karakter (`[a-zA-Z0–9_]`) eşleştirir |
54+
| `\W` | `[^a-zA-Z0–9_]` ile aynı olan bir non word karakteri eşleştirir |
55+
| `\d` | `[0-9]` ile aynı olan herhangi bir rakam karakterini eşleştirir |
56+
| `\D` | Sayısal olmayan herhangi bir karakterle eşleşir |
57+
| `\s` | Bir boşluk karakteriyle eşleştirme (boşluklar, sekmeler vb.) |
58+
| `\S` | Boşluk olmayan bir karakterle eşleştirme |
59+
| `\b` | Bir kelimenin başında / sonunda eşleştirir |
60+
| `\B` | Match but not at the begining / end of a word |
61+
| `\0` | `NULL` karakterini eşleştirir |
62+
| `\n` | Yeni bir satır karakterini eşleştirir |
63+
| `\f` | Form feed karakterini eşleştirir |
64+
| `\r` | Carriage return karakterini eşleştirir |
65+
| `\t` | Tab karakterini eşleştirir |
66+
| `\v` | Tab vertical karakterini eşleştirir |
67+
| `\xxx` | Bir octal sayı ile belirtilen karakteri eşleştirir (ex:`xxx`) |
68+
| `\xdd` | Bir hexadecimal sayı ile belirtilen karakteri eşleştirir dd |
69+
| `\udddd` | Bir hexadecimal sayı ile belirtilen Unicode karakterini eşleştirir dddd | |
70+
71+
RegEx tarafından desteklenen özellikler ve yöntemler aşağıda listelenmiştir.
72+
73+
| Name | Description |
74+
| ------------- | ---------------------------------------------------------------------------- |
75+
| `constructor` | RegExp nesnesinin protipini oluşturan fonksiyonu döndürür |
76+
| `global` | `g` düzenleyicisinin ayarlı olup olmadığını kontrol eder |
77+
| `ignoreCase` | `i` düzenleyicisinin ayarlanıp ayarlanmadığını kontrol eder |
78+
| `lastIndex` | Bir sonraki eşleşmenin başlatılacağı dizini belirtir |
79+
| `multiline` | m düzenleyicisinin ayarlı olup olmadığını kontrol eder |
80+
| `source` | Dizenin metnini döndürür |
81+
| `exec()` | Eşleşmeyi test eder ve ilk eşleşmeyi döndürür, eşleşme yoksa `null` döndürür |
82+
| `test()` | Eşleşmeyi test eder ve `true` veya `false` döndürür |
83+
| `toString()` | Düzenli ifadenin dize değerini döndürür |
84+
85+
{% hint style="warning" %}
86+
Bir `complie()` yöntemi düzenli ifadeyi uyumlu hale getirir ve kullanımdan kaldırılmıştır.
87+
{% endhint %}
88+
89+
Düzenli ifadelerin (_regular expressions _) bazı örnekleri burada gösterilmektedir.
90+
91+
```javascript
92+
let text = "The best things in life are free";
93+
let result = /e/.exec(text); // looks for a match of e in a string
94+
// result: e
95+
96+
let helloWorldText = "Hello world!";
97+
// Look for "Hello"
98+
let pattern1 = /Hello/g;
99+
let result1 = pattern1.test(helloWorldText);
100+
// result1: true
101+
102+
let pattern1String = pattern1.toString();
103+
// pattern1String : '/Hello/g'
104+
```

0 commit comments

Comments
 (0)