Skip to content

Commit 6f2e4b2

Browse files
committed
Various fixes - upon checking with Gitbook
1 parent 3e72df9 commit 6f2e4b2

6 files changed

Lines changed: 42 additions & 36 deletions

File tree

tr/css/README.md

100755100644
Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -42,27 +42,27 @@ Sunucuda `collectstatic` komutunu çalıştırdığımız zaman gördüğün gib
4242

4343
Bunu blog uygulamamızın içerisinde `static` isimli bir klasör oluşturarak yapacağız:
4444

45-
‘’’
45+
```
4646
djangogirls
4747
├── blog
4848
│ ├── migrations
4949
│ └── static
5050
└── mysite
51-
‘’’
51+
```
5252

5353
Django uygulama klasörlerinizin altındaki "static" isimli tüm klasörleri otomatik olarak bulacak ve içindekileri statik dosya olarak kullanabilecektir.
5454

5555
## İlk CSS dosyanız!
5656

5757
Şimdi web sayfamıza kendi stilimizi eklemek için bir CSS dosyası oluşturalım. `static` klasörü içinde `css` adlı yeni bir klasör oluşturalım. Şimdi de `css` klasörü içinde `blog.css` adlı yeni bir dosya oluşturalım. Hazır mısınız?
5858

59-
‘’’
59+
```
6060
djangogirls
6161
└─── blog
6262
└─── static
6363
└─── css
6464
└─── blog.css
65-
‘’’
65+
```
6666

6767
Şimdi CSS yazma zamanı! `blog/static/css/blog.css` dosyasını kod editöründe açın.
6868

@@ -76,41 +76,41 @@ Ancak az da olsa yapalım. Acaba başlığımızın rengini mi değiştirsek? Bi
7676

7777
`blog/static/css/blog.css` dosyanıza şu kodu eklemelisiniz:
7878

79-
‘’’css
79+
```css
8080
h1 a {
8181
color: #FCA205;
8282
}
83-
‘’’
83+
```
8484

8585
`h1 a` bir CSS Seçicisidir (Selector). Bu demek oluyor ki biz stilimizi, bir `h1` öğesi içerisinde olan tüm `a` öğelerine (örneğin kodumuzun içerisinde `<h1><a href="">link</a></h1>` gibi bir şey olduğunda) uyguluyoruz. Bu durumda, rengi `#FCA205` yani turuncu yapmasını söylüyoruz. Elbette, buraya kendi arzu ettiğin rengi koyabilirsin!
8686

8787
Bir CSS dosyasında, HTML dosyasındaki öğeler için stil belirleriz. Öğeler, öğenin ismi (örn. `a`, `h1`, `body`), `sınıf` özniteliği (attribute) ya da `id` özniteliği ile tanımlanırlar. Sınıf ve id (kimlik), bir elemente senin tarafından verilen isimlerdir. Sınıflar bir öğe grubunu tanımlar, id'ler ise belirli bir öğeye işaret ederler. Örneğin şu aşağıdaki etiket CSS tarafından, `a` etiket adı, `external_link` sınıfı ya da `link_to_wiki_page` id'si kullanılarak tanımlanabilir:
8888

89-
‘’’html
89+
```html
9090
<a href="http://en.wikipedia.org/wiki/Django" class="external_link" id="link_to_wiki_page">
91-
‘’’
91+
```
9292

9393
Daha fazla bilgi için [w3schools'da CSS seçicileri][4]ni okuyabilirsin.
9494

9595
[4]: http://www.w3schools.com/cssref/css_selectors.asp
9696

9797
Sonrasında, ayrıca HTML şablonumuza (template) bir takım CSS eklemeleri yaptığımızı bildirmemiz gerekiyor. `blog/templates/blog/post_list.html` dosyasını açın ve en başına şu satırı ekleyin:
9898

99-
‘’’html
99+
```html
100100
{% load staticfiles %}
101-
‘’’
101+
```
102102

103103
Burada yaptığımız yalnızca statik dosyaları yüklemek. :) Sonrasında, `<head>` ve `</head>`, tagları arasına, Bootstrap CSS dosyalarına yönelik bağlantılardan sonra (web tarayıcımız dosyaları yazıldıkları sırasıyla okuduğundan, bizim dosyamızdaki kodlar Bootstrap dosyasının içerisindekileri geçersiz kılabilir), şu satırı ekleyin:
104104

105-
‘’’html
105+
```html
106106
<link rel="stylesheet" href="{% static 'css/blog.css' %}">
107-
‘’’
107+
```
108108

109109
Az evvel şablonumuza (template) CSS dosyamızın nerede olduğunu söylemiş olduk.
110110

111111
Dosyanız şu şekilde gözüküyor olmalı:
112112

113-
‘’’html
113+
```html
114114
{% load staticfiles %}
115115
<html>
116116
<head>
@@ -133,7 +133,7 @@ Dosyanız şu şekilde gözüküyor olmalı:
133133
{% endfor %}
134134
</body>
135135
</html>
136-
‘’’
136+
```
137137

138138
Tamamdır, dosyayı kaydedip sayfayı yenileyebilirsiniz.
139139

@@ -143,11 +143,11 @@ Tamamdır, dosyayı kaydedip sayfayı yenileyebilirsiniz.
143143

144144
Güzel! Şimdi de sitemizi biraz rahatlatıp sol kenar boşluğunu (margin'i) arttırsak mı? Hadi deneyelim!
145145

146-
‘’’css
146+
```css
147147
body {
148148
padding-left: 15px;
149149
}
150-
‘’’
150+
```
151151

152152

153153
Bunu CSS dosyanıza ekleyin, dosyayı kaydedin ve nasıl çalıştığını görelim!
@@ -158,20 +158,20 @@ Bunu CSS dosyanıza ekleyin, dosyayı kaydedin ve nasıl çalıştığını gör
158158

159159
Belki de başlığımızın yazı tipini özelleştirebiliriz? Aşağıdaki satırı `blog/templates/blog/post_list.html` dosyasının içinde `<head>` bölümüne yapıştırın:
160160

161-
‘’’html
161+
```html
162162
<link href="http://fonts.googleapis.com/css?family=Lobster&subset=latin,latin-ext" rel="stylesheet" type="text/css">
163-
‘’’
163+
```
164164

165165
Bu satır *Lobster* adlı bir fontu Google Fonts (https://www.google.com/fonts) sitesinden sayfamıza aktarır.
166166

167167
Şimdi `blog/static/css/blog.css` dosyamızdaki `h1 a` deklarasyon bloğunun içine (`{` ve `}` kodları arasına) `font-family: 'Lobster';` satırını ekleyip sayfayı yenileyin:
168168

169-
‘’’css
169+
```css
170170
h1 a {
171171
color: #FCA205;
172172
font-family: 'Lobster';
173173
}
174-
‘’’
174+
```
175175

176176
![Şekil 14.3][7]
177177

@@ -183,25 +183,25 @@ Yukarıda bahsettiğimiz üzere, CSS'te class (sınıf) diye bir kavram var. Cla
183183

184184
Devam edelim ve HTML kodumuzun bir kısmına isim verelim. Başlığı içeren `div`'e `page-header` isimli bir class ekleyelim:
185185

186-
‘’’html
186+
```html
187187
<div class="page-header">
188188
<h1><a href="/">Django Girls Blog</a></h1>
189189
</div>
190-
‘’’
190+
```
191191

192192
Şimdi de gönderi metnini içeren `div`'e `post` isimli bir sınıf ekleyelim.
193193

194-
‘’’html
194+
```html
195195
<div class="post">
196196
<p>yayınlanma tarihi: {{ post.yayinlanma_tarihi }}</p>
197197
<h1><a href="">{{ post.baslik }}</a></h1>
198198
<p>{{ post.yazi|linebreaks }}</p>
199199
</div>
200-
‘’’
200+
```
201201

202202
Şimdi farklı seçicilere (selectors) bildirim (deklarasyon) blokları ekleyeceğiz. `.` ile başlayan seçiciler sınıflara işaret eder. Web'de, aşağıdaki kodu anlamanıza yardımcı olacak pek çok güzel CSS öğreticisi ve açıklama mevcut. Şimdilik sadece bu kodu kopyalayıp `blog/static/css/blog.css` dosyamıza yapıştıralım:
203203

204-
‘’’css
204+
```css
205205
.page-header {
206206
background-color: #ff9400;
207207
margin-top: 0;
@@ -250,24 +250,24 @@ h1, h2, h3, h4 {
250250
.post h1 a, .post h1 a:visited {
251251
color: #000000;
252252
}
253-
‘’’
253+
```
254254

255255

256256
Sonrasında blog postlarımızı gösteren HTML kodunun etrafını class deklarasyonları ile saralım. Aşağıdaki kodları değiştirin:
257257

258-
‘’’html
258+
```html
259259
{% for post in posts %}
260260
<div class="post">
261261
<p>yayınlanma tarihi: {{ post.yayinlanma_tarihi }}</p>
262262
<h1><a href="">{{ post.baslik }}</a></h1>
263263
<p>{{ post.yazi|linebreaks }}</p>
264264
</div>
265265
{% endfor %}
266-
‘’’
266+
```
267267

268268
bununla değiştirelim:
269269

270-
‘’’html
270+
```html
271271
<div class="content container">
272272
<div class="row">
273273
<div class="col-md-8">
@@ -283,7 +283,7 @@ bununla değiştirelim:
283283
</div>
284284
</div>
285285
</div>
286-
‘’’
286+
```
287287

288288
Bu dosyaları kaydedin ve web sayfanızı yenileyin.
289289

tr/django_installation/instructions.md

100755100644
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ python3 -m venv myvenv
2828
Yeni bir `virtualenv` oluşturmak için konsolu açıp (nasıl yapıldığını birkaç adım önce anlatmıştık - hatırlıyorsunuz değil mi?) `C:\Python34\python -m venv myvenv` komutunu çalıştırın. Şöyle görünmeli:
2929

3030
```
31-
C:\Users\İsim\djangogirls> C:\Python34\python -m venv myvenv
31+
C:\Users\isim\djangogirls> C:\Python34\python -m venv myvenv
3232
```
3333

3434
`C:\Python34\python` dizini önceden Python'u kurduğunuz dizin ve `myvenv` ise `virtualenv`'inizin ismi olacaktır. İstediğiniz herhangi bir ismi kullanabilirsiniz, ama küçük harfle yazılmasına ve boşluk, aksan karakterleri (örn: å) ve özel karakterleri kullanmamaya dikkat edin. Ayrıca ismi kısa tutmak iyi bir fikir olabilir, zira bu ismi çok kullanıyor olacaksınız!

tr/extend_your_application/README.md

100755100644
Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ Halihazırda bir `Post` modelimiz var, dolayısıyla `models.py` dosyasına bir
2929
```
3030

3131

32-
{% raw %}Gönderi listesindeki bir gönderinin başlığından bir gönderinin detay sayfasına bir link (bağlantı) olsun istiyoruz. `<h1><a href="">{{ post.baslik }}</a></h1>`'i gönderinin detay sayfasına link verecek şekilde değiştirelim:{% endraw %}
32+
{% raw %}Gönderi listesindeki bir gönderinin başlığından bir gönderinin detay sayfasına bir link (bağlantı) olsun istiyoruz. `<h1><a href="">{{ post.baslik }}</a></h1>`'i gönderinin detay sayfasına link verecek şekilde değiştirelimi:{% endraw %}
3333

3434
```html
3535
<h1><a href="{% url 'post_detail' pk=post.pk %}">{{ post.baslik }}</a></h1>
@@ -63,7 +63,13 @@ urlpatterns = [
6363
]
6464
```
6565

66-
Şu kısım `^post/(?P<pk>[0-9]+)/$` korkutucu gözüküyor, ama endişelenmeyin, açıklayacağız: - Gene `^` ile başlıyor. - "başlangıç' - `post/` sadece URL'nin başlangıçtan sonra **post** ve **/<1> ifadelerinin geçmesi gerektiği anlamına geliyor. Şimdilik iyi gidiyor. - `(?P<pk>[0-9]+)` - bu kısım biraz daha karışık. Buranın anlamı şu: Django bu alana yerleştirdiğimiz her şeyi alacak ve onu `pk` adında bir değişken olarak view'e aktaracak. `[0-9]` bize eşleşenlerin sadece rakam (yani harf olamaz) olabileceğini söylüyor (0 ile 9 arasındaki her şey). `+` en az bir veya daha fazla rakam olması gerektiğini ifade ediyor. Yani `http://127.0.0.1:8000/post//` eşleşmez ama `http://127.0.0.1:8000/post/1234567890/` eşleşir! - `/` - gene **/** - `$` - "son"!</p>
66+
Şu kısım `^post/(?P<pk>[0-9]+)/$` korkutucu gözüküyor, ama endişelenmeyin, açıklayacağız:
67+
- Gene `^` ile başlıyor - "başlangıç'.
68+
- `post/` sadece URL'nin başlangıçtan sonra __post__ ve __/.__ ifadelerinin geçmesi gerektiği anlamına geliyor. Şimdilik iyi gidiyor.
69+
- `(?P<pk>[0-9]+)` - bu kısım biraz daha karışık. Buranın anlamı şu: Django bu alana yerleştirdiğimiz her şeyi alacak ve onu `pk` adında bir değişken olarak view'e aktaracak. `[0-9]` bize eşleşenlerin sadece rakam (yani harf olamaz) olabileceğini söylüyor (0 ile 9 arasındaki her şey). `+` en az bir veya daha fazla rakam olması gerektiğini ifade ediyor. Yani `http://127.0.0.1:8000/post//` eşleşmez ama `http://127.0.0.1:8000/post/1234567890/` eşleşir!
70+
- `/` - gene bir __/__'e ihtiyacımız var
71+
- `$` - "son"!
72+
6773
Bu şu demek, eğer tarayıcınıza `http://127.0.0.1:8000/post/5/` yazarsanız, Django `post_detail` adında bir *view* aradığınızı anlar ve `pk` eşittir `5` bilgisini *view*'e aktarır.
6874

6975
`pk`, `primary key`'in (tekil anahtarın) kısaltılmış hali. Bu isim sıklıkla Django projelerinde kullanılır. Değişkeninize istediğiniz ismi verebilirsiniz (hatırlayın: küçük harfler ve boşluk yerine `_`!). Örneğin `(?P<pk>[0-9]+)` yerine `post_id` değişkenini kullanabilirdik. O zaman şöyle olurdu: `(?P<post_id>[0-9]+)`.

tr/how_the_internet_works/README.md

100755100644
File mode changed.

tr/intro_to_command_line/README.md

100755100644
Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Ha, heyecan verici, değil mi?! İlk kodunuzu birkaç dakika içinde yazacaksın
66

77
Gelecek aşamalar size tüm "hacker"ların kullandığı siyah pencerenin nasıl kullanıldığını gösterecek. Başta biraz korkutucu görünebilir fakat bu sadece sizden komut bekleyen bir pencere.
88

9-
> **Not**Lütfen bu kitap boyunca 'dizin' veya 'klasör' terimlerini birbirinin yerine kullandığımızı ve aynı anlama geldiklerini unutmayınız.
9+
> **Not** Lütfen bu kitap boyunca 'dizin' veya 'klasör' terimlerini birbirinin yerine kullandığımızı ve aynı anlama geldiklerini unutmayınız.
1010
1111
## Komut satırı nedir?
1212

@@ -96,7 +96,7 @@ Muhtemelen makinenizde benzeri bir yazı göreceksiniz. Komut satırını açtı
9696

9797
> Not: 'pwd'nin anlamı "print working directory" yani "çalışma dizinini yazdır"dır.
9898
99-
* * *
99+
---
100100

101101
### Dosya ve dizinleri listele
102102

tr/python_introduction/README.md

100755100644
Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ Bunlar öğreneceğiniz her programlama dilinin temelleri. Biraz daha zor bir ş
119119
Traceback (most recent call last):
120120
File "<stdin>", line 1, in <module>
121121
TypeError: object of type 'int' has no len()
122-
```'
122+
```
123123

124124
İlk hatamızı aldık! Nesne türü "int" (tam sayılar, tüm sayılar) in uzunluğu olmadığını söylüyor. Şimdi ne yapabiliriz? Belki de rakamı bir string olarak yazabiliriz? Stringlerin bir uzunluğu var, değil mi?
125125

0 commit comments

Comments
 (0)