---
title: Teknologi Web untuk Pengembang
slug: Web
tags:
  - Landing
  - Web
translation_of: Web
---
<section id="Quick_Links">
<ol>
 <li><strong><a href="/ud/docs/Web">Teknologi Web untuk Pengembang</a></strong></li>
 <li class="toggle">
  <details><summary>Dasar-dasar</summary>
  <ol>
   <li><a href="/id/docs/Web/HTML">HTML</a></li>
   <li><a href="/id/docs/Web/CSS">CSS</a></li>
   <li><a href="/id/docs/Web/HTTP">HTTP</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary>Web scripting</summary>
  <ol>
   <li><a href="/id/docs/Web/JavaScript">JavaScript</a></li>
   <li><a href="/id/docs/Web/API">Web APIs</a></li>
   <li><a href="/en-US/docs/Web/Events">Events</a></li>
   <li><a href="/id/docs/Web/Web_components">Komponen-komponen Web</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary>Grafik</summary>
  <ol>
   <li><a href="/id/docs/Web/HTML/Canvas">Canvas</a></li>
   <li><a href="/id/docs/Web/SVG">SVG</a></li>
   <li><a href="/id/docs/Web/API/WebGL_API">WebGL</a></li>
  </ol>
  </details>
 </li>
 <li class="toggle">
  <details open><summary>Lainnya</summary>
  <ol>
   <li><a href="/id/docs/Web/Media">Teknologi media web</a></li>
   <li><a href="/eid/docs/WebAssembly">WebAssembly</a></li>
   <li><a href="/id/docs/Web/MathML">MathML</a></li>
   <li><a href="/id/docs/Web/XSLT">XSLT</a></li>
   <li><a href="/id/docs/Web/EXSLT">EXSLT</a></li>
   <li><a href="/id/docs/Web/XPath">XPath</a></li>
  </ol>
  </details>
 </li>
</ol>
</section>

<p class="summary">Sifat terbuka World Wide Web memberikan kesempatan luar biasa bagi orang-orang yang ingin membuat situs-situs web atau aplikasi daring. Untuk memanfaatkan kemampuan-kemampuan web, Anda perlu belajar cara menggunakannya. Jelajahi link dibawah ini untuk mempelajari lebih lanjut berbagai teknologi web.</p>

<div class="row topicpage-table">
<div class="section">
<h2 class="Documentation" id="Teknologi-teknologi_Web">Teknologi-teknologi Web</h2>

<h3 id="Dasar-dasar">Dasar-dasar</h3>

<dl>
 <dt><a href="/id/docs/Web/HTML">HTML</a></dt>
 <dd><strong>HyperText Markup Language (HTML)</strong> adalah bahasa yang digunakan untuk mendeskripsikan dan menentukan <em>konten</em> dari halaman Web.</dd>
 <dt><a href="/id/docs/Web/CSS">CSS</a></dt>
 <dd><strong>Cascading Style Sheets (CSS)</strong> digunakan untuk menentukan tampilan/gambaran konten Web.</dd>
 <dt><a href="/id/docs/Web/HTTP">HTTP</a></dt>
 <dd><strong lang="en">HyperText Transfer Protocol (HTTP)</strong> digunakan untuk mengantar HTML dan dokumen <span lang="en">hypermedia</span> lainnya pada web.</dd>
</dl>

<h3 id="Scripting">Scripting</h3>

<dl>
 <dt><a href="/id/docs/Web/JavaScript">JavaScript</a></dt>
 <dd><strong>JavaScript</strong> merupakan bahasa pemrograman yang berjalan di browser Anda. Anda dapat menggunakan untuk menambahkan interaktivitas dan fitur dinamis pada situs web atau aplikasi Anda.</dd>
 <dd>Dengan adanya {{glossary("Node.js")}}, Anda juga bisa menjalankan JavaScript pada server.</dd>
 <dt><a href="/id/docs/Web/Reference/API">Web APIs</a></dt>
 <dd><strong lang="en-US">Web Aplication Programming Interfaces (Web API)</strong> digunakan untuk melaksanakan tugas-tugas beragam, seperti memanipulasi <a href="/id/docs/DOM" lang="en">DOM</a>, memainkan audio maupun vidio atau membuat grafis <span lang="en">3D</span>.
 <ul>
  <li><a href="/id/docs/Web/API">Referensi Web API antarmuka</a> semua jenis daftar objek yang Anda dapat gunakan selagi mengembangkan untuk web.</li>
  <li><a href="/id/docs/WebAPI">Halaman WebAPI</a> semua daftar komunikasi, akses perangkat keras, dan API lainnya yang dapat Anda gunakan di aplikasi web.</li>
  <li><a href="/id/docs/Web/Events">Event reference</a> semua daftar <em lang="en">events</em> yang dapat Anda gunakan untuk melacak dan bereaksi pada hal-hal yang menarik yang telah terjadi di halaman web atau aplikasi Anda.</li>
 </ul>
 </dd>
 <dt><a href="/id/docs/Web/Web_components">Komponen-komponen Web</a></dt>
 <dd>Komponen-komponen web adalah serangkaian teknologi-teknologi berbeda yang memungkinkan Anda untuk membuat elemmen-elemen khusus yang dapat digunakan kembali dengan fungsionalitasnya dienkapsulasi (menjaga elemen didalamnya) jauh dari sisa kode Anda dan menggunakannya di aplikasi web Anda.</dd>
</dl>

<h3 id="Grafis">Grafis</h3>

<dl>
 <dt><a href="/id/docs/Web/HTML/Canvas">Canvas</a></dt>
 <dd>Elemen {{HTMLElement("canvas")}} menyediakan <em lang="en">API </em>untuk membuat grafik <span lang="en">2D</span> menggunakan JavaScript.</dd>
 <dt><a href="/id/docs/Web/SVG">SVG</a></dt>
 <dd>Scalable Vector Graphics (SVG) memungkinkan Anda mengunakan berbagai garis, kurva, dan bentuk-bentuk geometris lainnya untuk membuat grafik. Dengan vektor, Anda dapat membuat gambar yang diubah ukurannya tetap jernih pada ukuran apapun.</dd>
 <dt><a href="/id/docs/Web/API/WebGL_API">WebGL</a></dt>
 <dd>WebGL merupakan <em>API</em> JavaScript yang memungkinkan Anda menggambar grafis <span lang="en">3D</span> atau <span lang="en">2D</span> HTML elemen {{HTMLElement("canvas")}}. Teknologi ini memungkinan Anda melihat <em lang="en">OpenGL ES</em> standar di konten Web.</dd>
</dl>

<h3 id="Audio_vidio_dan_multimedia">Audio, vidio, dan multimedia</h3>

<dl>
 <dt><a href="/id/docs/Web/Media">Teknologi-teknologi media Web</a></dt>
 <dd>Sebuah daftar media API terhubung dengan link-link ke dokumentasi yang Anda perlukan masing-masing.</dd>
 <dt><a href="/id/docs/Web/API/Media_Streams_API">Media capture and streams API</a></dt>
 <dd>Referensi untuk API yang memungkinkan untuk streaming, merekam, dan memanipulasi di dua media secara lokal dan seluruh jaringan. Ini termasuk menggunakan kamera lokal dan mikrofon untuk merekam vidio, audio, dan gambar.</dd>
 <dt><a href="/id/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content">Menggunakan audio dan vidio HTML</a></dt>
 <dd>Menggabungkan vidio dan/atau audio di sebuah halaman web dan mengendalikan tayangannya.</dd>
 <dt><a href="/id/docs/Web/API/WebRTC_API">WebRTC</a></dt>
 <dd>RTC di WebRTC singkatan untuk Real-Time Communications, teknologi yang memungkinkan streaming audio/vidio dan berbagi data antara peramban (teman sebaya) klien.</dd>
</dl>

<h3 id="Lainnya">Lainnya</h3>

<dl>
 <dt><a href="/id/docs/Web/MathML">MathML</a></dt>
 <dd>Mathematical Markup Language (MathML) memungkinkan Anda menampilkan persamaan dan sintaks.</dd>
 <dt><a href="/id/docs/Web/XSLT">XSLT</a></dt>
 <dd>Extensible Stylesheet Language Transformations (XSLT) memungkinan Anda mengubah dokumen XML menjadi HTML yang lebih dapat dibaca manusia.</dd>
 <dt><a href="/id/docs/Web/EXSLT">EXSLT</a></dt>
 <dd>Fungsi tambahan yang memungkinkan penambahan fitur ke XSLT.</dd>
 <dt><a href="/id/docs/Web/XPath">XPath</a></dt>
 <dd>XPath memungkinan Anda memilih node <span lang="en" title="Documenr Object Model">DOM</span> di dokumen menggunakan sintaks kuat daripada penyedianya saat ini oleh <a href="/id/docs/Web/CSS/CSS_Selectors" lang="en">CSS selectors</a>.</dd>
</dl>
</div>

<div class="section">
<h2 class="Documentation" id="Ruang_Belajar">Ruang Belajar</h2>

<dl>
 <dt><a href="/id/docs/Learn">Belajar Pengembangan Web</a></dt>
 <dd>Kumpulan artikel ini menyediakan pemula dengan segala yang mereka butuhkan untuk memulai <em lang="en">coding</em> situs web sederhana.</dd>
 <dt><a href="/id/docs/Web/Apps/Progressive">Pemroses aplikasi web</a></dt>
 <dd>Pemroses aplikasi web menggunakan modern <em lang="en">API</em> bersama dengan strategi peningkatan pemrosesan tradisi untuk membuat aplikasi web berbagai perangkat. Aplikasi ini bekerja dimana saja dan menyediakan beberapa fitur yang memberikan keuntungan pengalaman sesama pengguna sebagai aplikasi asli. Kumupulan set dokumen ini dan panduannya memberikan semua yang kalian perlukan untuk mengetahui tentang PAW.</dd>
</dl>

<h2 id="Topik-topik_lainnya">Topik-topik lainnya</h2>

<dl>
 <dt><a href="/id/docs/Web/Accessibility">Aksesbilitas</a></dt>
 <dd>Situs-situs web aksessibel memungkinkan sebanyak-banyaknya orang dapat menggubakan web, termasuk keterbatasan visual, pendengaran, atau kemampuan lainnya. Kumpulan artikel ini menyediakan informasi mengenai pengembangan web aksessibel.</dd>
 <dt><a href="/id/docs/Web/Performance">Kinerja Web</a></dt>
 <dd>Kinerja Web merupakan seni untuk memastika aplikasi web dimuat cepat dan responsif untuk interaksi pengguna, gak peduli bandwith pengguna, ukuran layar, jaringan, atau kemampuan perangkat.</dd>
 <dt><a href="/id/docs/Web/Security">Keamanan</a></dt>
 <dd>Jangan biarkan situs web atau aplikasi Anda kebocoran data ke penjahat. Gunakan kumpulan artikel ini untuk memastikan proyek Anda aman.</dd>
 <dt><a href="/id/docs/WebAssembly">WebAssembly</a></dt>
 <dd>WebAssembly adalah jenis kode baru yang dapat dijalankan di peramban web — ini merupakan seperti bahasa <em lang="en">assembly low-level</em> dengan format <em lang="en">compact binary</em> yang berjalan dengan mendekati kinerja asli dan menyediakan bahasa seperti C/C++ dan Rust dengan target kompasi jadi dapat dijalankan di web.</dd>
</dl>
</div>
</div>

<p><span class="alllinks"><a href="/en-US/docs/tag/Web">Lihat Semua...</a></span></p>