Revision 1056594 of Belajar Pengembangan Web

<div>
<p class="summary">Selamat Datang di Area Belajar MDN. Seri artikel ini bertujuan untuk memberikan paduan&nbsp;lengkap untuk pengembang&nbsp;web pemula dengan semua yang mereka butuhkan untuk memulai coding website sederhana.</p>
</div>

<p>Tujuan dari area MDN bukan untuk membawa anda dari "Pemula" hingga "Ahli" akan tetapi akan membawa anda dari&nbsp;"Pemula" hingga "Titik nyaman". Dari sana anda diharapkan dapat memulai belajar sendiri, belajar dari&nbsp;<a href="https://developer.mozilla.org/en-US/">Seluruh&nbsp;MDN</a>, &nbsp;dan sumber lain dari tingkat menengah hingga lanjutan yang sesuai dengan pengetahuan anda sebelumnya.</p>

<p>Jika anda adalah pemula, pengembangan web akan sangat menantang&nbsp;— kami bertujuan untuk menuntun anda agar belajar dengan nyaman, dengan memberikan topik yang detail untuk digunakan untuk belajar. Anggap rumah sendiri baik anda adalah seorang pelajar yang belajar pengembagan web&nbsp;( untuk anda sendiri&nbsp;atau bagian dari pelajaran di kelas), seorang pengajar mencari materi kelas, seorang penghobi, atau orang lain yang hanya ingin mengetahui bagaimana kerja teknologi web.</p>

<div class="warning">
<p><strong>Penting</strong>: Area Belajar adalah pada tahap awal dalam hal pembuatan konten saat ini, akan ditambahkan dengan lebih teratur. Jika Anda memiliki pertanyaan tentang topik yang ingin anda lihat tertutup, atau merasa hilang, lihat bagian&nbsp;{{anch("Contact us")}} di bawah untuk informasi cara menghubungi.</p>
</div>

<h2 id="Kemana_untuk_memulai">Kemana untuk memulai</h2>

<ul class="card-grid">
 <li><span>Pemula</span> Jika Anda seorang pemula dalam&nbsp;pengembangan web, kami&nbsp;merekomendasikan&nbsp;Anda untuk mulai dengan bekerja melalui modul&nbsp;<a href="/en-US/docs/Learn/Getting_started_with_the_web">Persiapan Memulai Web</a>&nbsp;kami, yang memberikan pengenalan praktis untuk pengembangan web.</li>
 <li><span>Pertanyaan Spesifik</span> Jika Anda memiliki pertanyaan spesifik tentang pengembangan web, bagian <a href="/en-US/docs/Learn/Common_questions">Pertanyaan Umum</a>&nbsp;kami mungkin dapat membantu Anda.</li>
 <li><span>Memiliki pengetahuan&nbsp;dasar</span>Jika anda telah memiliki sedikit pengetahuan dasar, langkah selanjutnya adalah mempelajari detail&nbsp;{{glossary("HTML")}} dan&nbsp;{{glossary("CSS")}}: mulai dengan modul&nbsp;<a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">Mengenal HTML</a>&nbsp;kami dan lanjut ke modul&nbsp;<a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">Mengenal CSS</a>.</li>
 <li><span>Berlanjut ke scripting</span>Jika anda telah nyaman dengan pengetahuan&nbsp;HTML dan&nbsp;CSS anda, atau anda memang sedang tertarik dengan&nbsp;coding, anda dapat mempelajari&nbsp;{{glossary("JavaScript")}}. Bagian Javascript&nbsp;MDN telah tesedia&nbsp;<a href="/en-US/docs/Web/JavaScript/Guide">Petunjuk JavaScript</a>&nbsp;yang ditujukan untuk pemula.</li>
</ul>

<div class="note">
<p><strong>Catatan</strong>: &nbsp;<a href="/en-US/docs/Glossary">Daftar Istilah</a>&nbsp;kami menyediakan definisi&nbsp;terminologi.</p>
</div>

<div class="note">
<p><strong>Catatan</strong>: Selanjutnya kami akan menyediakan lebih banyak materi belajar. Menu&nbsp;"Materi belajar lanjutan" terdapat pada sebelah kiri di setiap materi pembelajaran di MDN, &nbsp;Walaupun bukan merupakan bagian dari Area belajar, akan tetapi tetap berguna.</p>
</div>

<p>{{LearnBox({"title":"Random glossary entry"})}}</p>

<h2 id="Hubungi_Kami">Hubungi Kami</h2>

<p>Jika anda ingin menghubungi kami tentang hal apapun, anda dapat mengirimkan pesan ke&nbsp;<a href="/en-US/docs/MDN/Community/Conversations#Asynchronous_discussions">mailing lists</a>&nbsp;atau&nbsp;<a href="https://developer.mozilla.org/en-US/docs/MDN/Community/Conversations#Chat_in_IRC">Channel IRC</a>. Kami akan menanggapi apapun yang menurut anda salah atau kurang pada situs, meminta topik pembelajaran baru, meminta bantuan tentang item yang tidak dimengerti, atau yang lainnya.</p>

<p>Jika anda tertarik dalam membantu dan mengembangkan konten, lihat bagian <a href="/en-US/Learn/How_to_contribute">Bagaimana anda bisa membantu</a>, dan langsung terhubung! Kami akan lebih senang berkomunikasi dengan anda, baik anda pelajar, pengajar, web developer yang berpengalaman, atau orang lain yang tertarik membantu mengembangkan pengalaman belajar.</p>

<p>{{CommunityBox("Learn", "dev-mdc", "mozilla.dev.mdc", "mdn")}}</p>

<h2 id="Lihat_Juga">Lihat Juga</h2>

<dl>
 <dt><a href="https://www.codecademy.com/">Codecademy</a></dt>
 <dd>Situs interaktif terbaik untuk belajar bahasa pemrograman dari awal.</dd>
 <dt><a href="https://code.org/">Code.org</a></dt>
 <dd>Teori coding dasar dan praktek, terutama ditujukan untuk anak-anak / pemula.</dd>
 <dt><a href="https://teach.mozilla.org/web-literacy/">Web Literacy Map</a></dt>
 <dd>Sebuah kerangka kerja untuk entry-level kecakapan membaca dan menulis web &amp; keterampilan abad ke-21, yang juga menyediakan akses ke kegiatan mengajar diurutkan berdasarkan kategori.</dd>
 <dt><a href="https://teach.mozilla.org/activities">Teaching activities</a></dt>
 <dd>Serangkaian kegiatan mengajar untuk mengajarkan (dan belajar) yang dibuat oleh Mozilla Foundation, meliputi segala sesuatu dari keaksaraan web dasar dan privasi untuk JavaScript dan hacking Minecraft.</dd>
</dl>

<h6 id="Subnav">Subnav</h6>

<ol>
 <li><a href="/id/Learn/Getting_started_with_the_web">Persiapan memulai web</a></li>
 <li><a href="#">Bahan pembelajaran inti</a>
  <ol>
   <li><a href="/id/Learn/HTML">HTML — Membuat Struktur Web</a></li>
   <li><a href="/id/Learn/CSS">CSS — memperindah Web</a><span style="display:none"> </span></li>
  </ol>
 </li>
 <li><a href="/id/Learn/Other_learning_material">Bahan Pembelajaran Lanjutan</a>
  <ol>
   <li><a href="/id/Learn/JavaScript">JavaScript — dynamic scripting</a></li>
   <li><a href="/id/docs/Learn/WebGL">WebGL — graphics processing</a></li>
  </ol>
 </li>
 <li><a href="/id/docs/Learn/Common_questions">Pertanyaan Umum</a>
  <ol>
   <li><a href="/id/docs/Learn/HTML/Howto">Pertanyaan HTML</a></li>
   <li><a href="/id/docs/Learn/CSS/Howto">Pertanyaan CSS</a></li>
   <li><a href="/id/Learn/Common_questions#How_the_Web_works">Bagaimana Web bekerja</a></li>
   <li><a href="/id/Learn/Common_questions#Tools_and_setup">Alat dan persiapan</a></li>
   <li><a href="https://developer.mozilla.org/id/Learn/Common_questions#Design_and_accessibility">Desain dan&nbsp;aksesibilitas</a></li>
  </ol>
 </li>
 <li><a href="/id/Learn/How_to_contribute">Cara Berkontribusi</a></li>
</ol>