---
title: Web Programlama Öğren
slug: Öğren
tags:
  - öğren
translation_of: Learn
---
<div class="summary">
<p>{{LearnSidebar}}</p>

<p>MDN öğrenme alanına hoşgeldiniz. Buradaki bir dizi makale tamamen yeni başlayanlar için web sayfaları kodlayabilmeleri için gerekli temel bilgileri vermeyi amaçlamaktadır.</p>

<p>Bu alanın amacı okuyucuyu "başlangıç" seviyesinden "uzman" seviyesine ulaştırmak değildir, ama "başlangıç" seviyesinden "anlama rahatlığı" seviyesine taşımaktır. Sonrasında, <a href="https://developer.mozilla.org/en-US/">MDN kaynağı</a>nın geriye kalanından ya da ön bilgi gerektiren diğer orta veya ileri seviye kaynaklardan öğrenerek kendi yolunuzu çizebilirsiniz.</p>

<p>Bu alanda tamamen yeni iseniz, web geliştiriciliği biraz zorlayıcı olabilir. Bu  nedenle, elinizden tutup, konuları doğru biçimde öğrenmeniz ve kendinizi rahat hissetmeniz için gerekli ayrıntıları sağlayacağız. Web geliştirmeyi öğrenen bir öğrenci (kendi kendine ya da sınıf içinde öğrenen) , kaynak araştıran bir öğretmen, amatör, ya da sadece web teknolojileri hakkında daha fazla bilgi edinmek isteyen biri olsanız da kendinizi evinizde hissetmelisiniz.</p>

<hr>
<h2 id="Yenilikler_Neler">Yenilikler Neler?</h2>

<p>Öğrenme alanındaki içerik düzenli olarak eklenmektedir. Yapılan değişikleri takip edebilmeniz için yayın notları kısmını başlattık. — sıksık tekrar gelip kontrol etmenizi öneririz!</p>

<p>Eğer eksik olduğunuz düşündüğünüz, ya da işlenmediğini düşündüğünüz herhangi bir konu hakkında sorularınız varsa <a href="https://discourse.mozilla.org/c/mdn">Discourse forumu</a>ndan soru sorabilirsiniz.</p>

<h3 id="Front-end_web_geliştiricisi_mi_olmak_istiyorsunuz">Front-end web geliştiricisi mi olmak istiyorsunuz?</h3>

<p>Hedefinize ulaşmanız için gereken önemli tüm bilgileri içeren kursu oluşturduk.</p>

<p><a class="cta primary" href="/docs/Learn/Front-end_web_developer">Hadi Başlayalım</a></p>
</div>

<h2 id="Nereden_Başlamalı">Nereden Başlamalı?</h2>

<ul class="card-grid">
 <li><span>Tamamen Yeniyim:</span>

  <p>Eğer web geliştirimine tamamen yeni iseniz <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Web geliştirmeye başlangıç </a>bölümünden pratik bir şekilde başlangıç yapabilirsiniz.</p>
 </li>
 <li><span>Bazı Sorularım Var!</span>
  <p>Eğer, aklınızda bir takım sorular varsa ve bunlara cevap arıyorsanız <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/Common_questions">Genel sorular</a> kısmına göz atabilirsiniz.</p>
 </li>
 <li><span>Temelerin Ötesinde:</span>
  <p>Eğer temeller haknda yeterince bilgi sahibi iseniz skıonraki adım {{glossary("HTML")}} ve {{glossary("CSS")}} konularını öğrenmek olabilir. Bunun için <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML'e Giriş Bölümü</a> ile başlayıp <a href="https://wiki.developer.mozilla.org/en-US/docs/Learn/CSS/First_steps">CSS İlk Adımlar</a> etkinliği ile devam edebilirsiniz.</p>
 </li>
 <li><span>Betik Kodlamaya Geçiş:</span>
  <p>Eğer HTML ve CSS ile sorunlarınızı halletiniz ise ya da daha çok kodlama ile ilgili iseniz, muhtemelen {{glossary("JavaScript")}} ya da sunucu taraflı kodlamaya geçebilirsiniz. If you are comfortable with HTML and CSS already, or you are mainly interested in coding, you'll want to move on to {{glossary("JavaScript")}} or server-side development. Begin with our JavaScript first steps and Server-side first steps modules.</p>
 </li>
</ul>

<div class="note">
<p><strong>Not</strong>: Gelecekte daha fazla öğrenme yolu yayınlamayı düşünüyoruz. Örneğin spesifik gelişmiş teknikler öğrenecek deneyimli geliştiriciler, Web'de yeni olan geliştiriciler veya tasarım tekniklerini öğrenmek isteyen insanlar için.</p>
</div>

<p>{{LearnBox({"title":"Hızlı öğrenme: Kelime hazinesi"})}}</p>

<h2 id="Diğer_insanlarla_birlikte_öğren">Diğer insanlarla birlikte öğren</h2>

<p>Eğer bir sorunuz varsa veya halen ne yapmanız gerektiğini merak ediyorsanız, Mozilla size yardım etmekten mutluluk duyacak akıl hocaları ve ögretmenler içeren web tutkunlarından oluşan global bir topluluktur. Onlarla WebMaker aracılığıyla iletişim kurun:</p>

<ul>
 <li><a href="http://discourse.webmaker.org/" rel="external">Discourse forum</a>'da akıl hocaları ve öğretmenlerle tanışın ve iletişim kurun.</li>
 <li><a href="https://events.webmaker.org/">Etkinlikleri bulun</a> ve Web'i müthiş insanlarla beraber öğrenin.</li>
</ul>

<h2 id="Bildiklerini_paylaş">Bildiklerini paylaş</h2>

<p>Bütün bu öğrenme alanı katkıda bulunan insanlar tarafından oluşturulmuştur. Yeni başlayan, öğretmen veya yetenekli bir web geliştirici de olsanız, size takımımızda ihtiyacımız var. Eğer ilgileniyorsanız, <a href="/en-US/Learn/How_to_contribute">nasıl yardım edebilirim</a>'e bir göz atın, ve sizi bizimle bizimle sohbet etmeniz için <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">mail listelerimize</a> ve <a href="/en-US/docs/MDN/Community#Get_into_IRC">IRC kanallarına</a> davet ediyoruz. :)</p>

<dl>
 <dt><a href="https://exlskills.com/learn-en/courses">EXLskills</a> </dt>
 <dd>Rehberlik ve proje tabanlı öğrenim ile teknoloji becerilerini öğrenmek için ücretsiz ve açık kurslar</dd>
</dl>

<h2 id="Subnav">Subnav</h2>

<ol>
 <li><a href="/en-US/Learn/Getting_started_with_the_web">Getting started with the web</a></li>
 <li><a href="/en-US/Learn/Skills">Learn the web</a>
  <ol>
   <li><a href="https://webmaker.org/en-US/literacy" rel="external">Web Literacy Map</a></li>
   <li><a href="/en-US/Learn/Web_Mechanics">Web mechanics</a></li>
   <li><a href="/en-US/Learn/Infrastructure">Infrastructure</a></li>
   <li><a href="/en-US/Learn/Coding-Scripting">Coding &amp; Scripting</a></li>
   <li><a href="/en-US/Learn/Design_and_Accessibility">Design &amp; Accessibility</a></li>
   <li><a href="/en-US/Learn/Composing_for_the_web">Writing &amp; planning</a></li>
  </ol>
 </li>
 <li><a href="#">Learn technologies</a>
  <ol>
   <li><a href="/en-US/Learn/HTML">HTML</a></li>
   <li><a href="/en-US/Learn/CSS">CSS</a></li>
   <li><a href="/en-US/Learn/JavaScript">JavaScript</a></li>
   <li><a href="/en-US/Learn/Python">Python</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/tutorial">Learning tutorials</a>
  <ol>
   <li><a href="/en-US/Learn/tutorial/How_to_build_a_web_site">How to build a web site?</a></li>
   <li><a href="/en-US/Learn/tutorial/Information_Security_Basics">Information security basics</a></li>
  </ol>
 </li>
 <li><a href="http://weblitmapper.webmakerprototypes.org/">Learning resources</a></li>
 <li><a href="/en-US/Learn/help">Getting help</a>
  <ol>
   <li><a href="/en-US/Learn/FAQ">FAQ</a></li>
   <li><a href="/en-US/docs/Glossary">Glossary</a></li>
   <li><a href="http://discourse.webmakerprototypes.org/" rel="external">Ask your questions</a></li>
   <li><a href="https://events.webmaker.org/" rel="external">Meet teachers and mentors</a></li>
  </ol>
 </li>
 <li><a href="/en-US/Learn/How_to_contribute">How to contribute</a></li>
</ol>