1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
|
---
title: Front-end web developer
slug: Öğren/Front-end_web_developer
tags:
- Araçlar
- Başlangıç
- CSS
- HTML
- JavaScript
- Web Standartları
- Ön Uç
- Öğrenme
translation_of: Learn/Front-end_web_developer
---
<p>{{öğrenme kenarı}}</p>
<p>Ön uç geliştirici öğreticimize hoş geldiniz!</p>
<p>Burada size, ön uç geliştirici olabilmeniz için bilmeniz gereken her şeyi içeren yapılandırılmış bir kurs sunuyoruz.Her bölüm üzerinde çalışın, ilerledikçe yeni beceriler kazanın. (ya da var olan becerilerinizi geliştirin) Her bölümde, diğer bölüme geçmeden önce bilginizi ölçen alıştırma veya değerlendirmeler içerir.</p>
<h2 id="Kapsanan_Konular">Kapsanan Konular</h2>
<p>Kapsanan konular şöyledir:</p>
<ul>
<li>Basit kurulum ve çalışma metodu</li>
<li>Web standartları ve en iyi uygulamalar (erişilebilirlik ve web tarayıcıları ile uyumluluk gibi)</li>
<li>HTML, web içeriğinin yapısını ve anlamını veren bir işaretleme dili</li>
<li>CSS, web sayfalarının biçimlendirmesini sağlayan dil</li>
<li>JavaScript, webde dinamik fonksiyonlar oluşturmak için kullanılan script dilidir</li>
<li>Modern web istemci tarafı kullanılan araçlar.</li>
</ul>
<p>Bölümler arasında sırayla da çalışabilirsiniz, tüm bölümler birbirinden bağımsızdır. Örnek olarak; HTML biliyorsanız direkt olarak CSS bölümüne geçebilirsiniz.</p>
<h2 id="Önkoşullar">Önkoşullar</h2>
<p>Bu kursa başlamanız için önceden herhangi bir bilg birikiminizin olmasına gerek yok. Tüm ihtiyacınız; modern web tarayıcılarını çalıştırabilen bir bilgisayar, internet bağlantısı ve güçlü bir öğrenme arzusu.</p>
<p>Ön uç geliştirici olmanın size uygun olmayacağını düşünüyorsanız ya da daha basit bir şekilde temelden öğrenmek istiyorsanız, <a href="/en-US/docs/Learn/Getting_started_with_the_web">Web ile başlama</a> modülümüzü kullanabilirsiniz.</p>
<h2 id="Yardım_istemek">Yardım istemek</h2>
<p>Ön uç web geliştirmeyi öğrenmeyi olabildiğince rahat ve anlaşılır bir şekilde ele aldık, ancak takıldığınız yerler ya da çalışmayan kodlar olacaktır.</p>
<p>Panik yapmayın. İster yeni başlayan biri olun ya da daha profesyonel biri olun, hepimiz takılıp kalırız.<a href="/en-US/docs/Learn/Learning_and_getting_help"> Öğrenme ve yardım alma</a> makalemiz, kendinize yardım aramak ve bilgi edinmek için bir dizi ipucu sağlar. Eğer hâlâ sorun yaşıyorsanız lütfen <a href="https://discourse.mozilla.org/c/mdn/learn/">Söylem forumumuza</a> yazmaktan çekinmeyin.</p>
<p>Hadi başlayalım. İyi şanslar!</p>
<h2 id="Öğrenme_Yolu">Öğrenme Yolu</h2>
<h3 id="Başlangıç">Başlangıç</h3>
<p>Tamamlama süresi: 1.5–2 saat</p>
<h4 id="Önkoşullar_2">Önkoşullar</h4>
<p>Temel bilgisayar bilgisi, okuryazarlığı dışında hiçbir şey.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Kursun bu bölümünde herhangi bir değerlendirme yoktur. Fakat atlamadığınızdan emin olun.Bu, kursun ilerleyen bölümlerindeki alıştırmalar için hazırlanmanızı ve çalışmaya hazır olmanızı sağlamak için önemlidir.</p>
<h4 id="Kılavuzlar">Kılavuzlar</h4>
<ul>
<li><a href="/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Temel yazılımı yükleme</a>— temel araç kurulumu (15 dakika okuma)</li>
<li><a href="/en-US/docs/Learn/Getting_started_with_the_web/The_web_and_web_standards">Webin arka plan ve webin standartları hakkında</a> (45 dakika okuma)</li>
<li><a href="/en-US/docs/Learn/Learning_and_getting_help">Öğrenme ve yardım alma</a> (45 dakika okuma)</li>
</ul>
<h3 id="HTML_ile_semantik_ve_yapı">HTML ile semantik ve yapı</h3>
<p>Tamamlama süresi: 35–50 saat</p>
<h4 id="Önkoşullar_3">Önkoşullar</h4>
<p>Temel bilgisayar okuryazarlığı ve temel bir web geliştirme ortamı dışında hiçbir şey.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_2">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Her modüldeki değerlendirmeler, konuyla ilgili bilginizi test etmek için tasarlanmıştır. Değerlendirmeleri başarıyla tamamlamak, bir sonraki modüle geçmeye hazır olduğunuzu onaylar.</p>
<h4 id="Modüller">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML'ye giriş</a> (15–20 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/HTML/Multimedia_and_embedding">Multimedya ve yerleştirme</a> (15–20 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/HTML/Tables">HTML tabloları </a>(5–10 saat okuma/alıştırmalar)</li>
</ul>
<h3 id="CSS_ile_stil_ve_düzen">CSS ile stil ve düzen</h3>
<p>Tamamlama süresi: 90–120 saat</p>
<h4 id="Önkoşullar_4">Önkoşullar</h4>
<p>CSS'e başlamadan önce temel HTML bilgisine sahip olmanız önerilir. En azından <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML'ye Giriş</a> kısmını okuyabilirsin.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_3">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Her modüldeki değerlendirmeler, konuyla ilgili bilginizi test etmek için tasarlanmıştır. Değerlendirmeleri başarıyla tamamlamak, bir sonraki modüle geçmeye hazır olduğunuzu onaylar.</p>
<h4 id="Modüller_2">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/CSS/First_steps">CSS'in ilk adımları</a> (10–15 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/CSS/Building_blocks">CSS'in yapı taşları</a> (35–45 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/CSS/Styling_text">Metin şekillendirme</a> (15–20 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/CSS/CSS_layout">CSS düzeni </a>(30–40 saat okuma/alıştırmalar)</li>
</ul>
<h4 id="Ek_kaynaklar">Ek kaynaklar</h4>
<ul>
<li><a href="/en-US/docs/Web/CSS/Layout_cookbook">CSS düzeni yemek kitabı</a></li>
</ul>
<h3 id="JavaScript_ile_etkileşim">JavaScript ile etkileşim</h3>
<p>Tamamlama süresi: 135–185 saat</p>
<h4 id="Önkoşullar_5">Önkoşullar</h4>
<p>Javascript'e başlamadan önce temel HTML bilgisine sahip olmanız önerilir. En azından <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML'ye Giriş</a> kısmını okuyabilirsin.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_4">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Her modüldeki değerlendirmeler, konuyla ilgili bilginizi test etmek için tasarlanmıştır. Değerlendirmeleri başarıyla tamamlamak, bir sonraki modüle geçmeye hazır olduğunuzu onaylar.</p>
<h4 id="Modüller_3">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript'in ilk adımları </a>(30–40 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/JavaScript/Building_blocks">JavaScript'in yapı taşları </a>(25–35 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/JavaScript/Objects">Javascript nesnelerine giriş</a> (25–35 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/JavaScript/Client-side_web_APIs">İstemci tarafı web API'ler</a> (30–40 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/JavaScript/Asynchronous">Eşzamansız JavaScript</a> (25–35 saat okuma/alıştırmalar)</li>
</ul>
<h3 id="Web_formları_-_Kullancıcı_verileriyle_çalışma">Web formları - Kullancıcı verileriyle çalışma</h3>
<p>Tamamlama süresi: 40–50 saat</p>
<h4 id="Önkoşullar_6">Önkoşullar</h4>
<p>Formlar, HTML, CSS ve Javascript bilgisi gerektirir. Formlarla çalışmanın karmaşıklığı göz önüne alındığında, bu özel ve üzerinde durulması gereken bir konudur.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_5">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Her modüldeki değerlendirmeler, konuyla ilgili bilginizi test etmek için tasarlanmıştır. Değerlendirmeleri başarıyla tamamlamak, bir sonraki modüle geçmeye hazır olduğunuzu onaylar.</p>
<h4 id="Modüller_4">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/Forms">Web formları</a> (40–50 saat)</li>
</ul>
<h3 id="Webin_herkes_için_çalışmasını_sağlama">Web'in herkes için çalışmasını sağlama</h3>
<p>Tamamlama süresi: 60–75 saat</p>
<h4 id="Önkoşullar_7">Önkoşullar</h4>
<p>Bu bölümde çalışmadan önce HTML, CSS ve Javascript bilmek iyi bir fikirdir. Tekniklerin ve en iyi uygulamaların çoğu birden fazla teknolojinin bir arada bulunması ile ilgilidir.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_6">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Her modüldeki değerlendirmeler, konuyla ilgili bilginizi test etmek için tasarlanmıştır. Değerlendirmeleri başarıyla tamamlamak, bir sonraki modüle geçmeye hazır olduğunuzu onaylar.</p>
<h4 id="Modüller_5">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing">Çarpraz tarayıcı testi</a>(25–30 saat okuma/alıştırmalar)</li>
<li><a href="/en-US/docs/Learn/Accessibility">Erişilebilirlik</a> (20–25 saat okuma/alıştırmalar)</li>
</ul>
<h3 id="Modern_Araçlar">Modern Araçlar</h3>
<p>Tamamlama süresi: 55–90 saat</p>
<h4 id="Önkoşullar_8">Önkoşullar</h4>
<p>Üzerinde yoğunlaşılacak bu araçlar, birden çok teknolojiler ile çalıştığından dolayı HTML, CSS ve Javascript bilmek iyi bir fikirdir.</p>
<h4 id="Devam_etmeye_hazır_olduğumu_nasıl_bileceğim_7">Devam etmeye hazır olduğumu nasıl bileceğim?</h4>
<p>Bu modül setinde özel değerlendirme makaleleri, testleri yoktur. İkinci ve üçüncü modüllerin sonundaki olay çalışması eğitimleri, sizi modern aletlerin temellerini kavramaya hazırlar.</p>
<h4 id="Modüller_6">Modüller</h4>
<ul>
<li><a href="/en-US/docs/Learn/Tools_and_testing/GitHub">Git ve GitHub</a> (5 saat okuma)</li>
<li><a href="/en-US/docs/Learn/Tools_and_testing/Understanding_client-side_tools">İstemci tarafı web geliştirme araçlarını tanıma</a> (20–25 saat okuma)</li>
<li>
<p><a href="/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">İstemci tarafı Javascript araçlarını anlama </a>(30-60 saat okuma/alıştırmalar)</p>
</li>
</ul>
|
