**Pengembangan web tampak-depan** adalah pengembangan antarmuka pengguna grafis suatu situs web melalui penggunaan HTML, CSS, dan JavaScript sehingga pengguna dapat melihat dan berinteraksi dengan situs web tersebut.

Alat yang digunakan untuk pengembangan tampak-depan
---------------------------------------------------

Ada beberapa alat dan pelantar, seperti WordPress, Joomla, dan Drupal, tersedia yang dapat digunakan untuk mengembangkan tampak-depan sebuah situs web. 

### Bahasa markah Hypertext

HyperText Markup Language (HTML) adalah tulang punggung dari setiap proses pengembangan situs web, yang tanpanya halaman web tidak akan ada. Hiperteks berarti teks mempunyai tautan, disebut pranala, yang tertanam di dalamnya. Ketika pengguna mengklik suatu kata atau frase yang memiliki pranala, maka akan dibawa ke halaman web lain. Bahasa markah menunjukkan teks dapat diubah menjadi gambar, tabel, tautan, dan representasi lainnya. Ini adalah kode HTML yang memberikan kerangka keseluruhan tentang tampilan situs. HTML dikembangkan oleh Tim Berners-Lee. Versi terbaru HTML disebut HTML5 dan diterbitkan pada 28 Oktober 2014 berdasarkan rekomendasi W3C. Versi ini berisi cara-cara baru dan sangkil dalam menangani elemen seperti berkas video dan audio.

### Lembar Gaya Bertingkat (CSS)

Cascading Style Sheets (CSS) mengontrol aspek presentasi situs dan memungkinkan situs Anda memiliki tampilan uniknya sendiri. Hal ini dilakukan dengan mempertahankan lembar gaya yang berada di atas aturan gaya lainnya dan dipicu berdasarkan input lain, seperti ukuran dan resolusi layar perangkat. CSS dapat ditambahkan secara eksternal, internal, atau tertanam dalam tengara HTML. 

### JavaScript

JavaScript adalah bahasa pemrograman imperatif berbasis peristiwa (berlawanan dengan model bahasa deklaratif HTML) yang digunakan untuk mengubah halaman HTML statis menjadi antarmuka dinamis. Kode JavaScript dapat menggunakan Document Object Model (DOM), yang disediakan oleh standar HTML, untuk memanipulasi halaman web sebagai respons terhadap peristiwa, seperti masukan pengguna.

Dengan menggunakan teknik yang disebut AJAX, kode JavaScript juga dapat secara aktif mengambil konten dari web (terlepas dari pengambilan halaman HTML asli), dan juga bereaksi terhadap kejadian di sisi peladen, sehingga menambah sifat dinamis pada pengalaman halaman web.

### Majelis Web

WebAssembly, didukung oleh semua peramban utama (yaitu dari vendor besar Google, Apple, Mozilla dan Microsoft), adalah satu-satunya alternatif JavaScript untuk menjalankan kode di peramban web (tanpa bantuan colok-masuk, seperti Flash, Java atau Silverlight ; semuanya dihentikan, karena browser tidak lagi mendukung plug-in). Sebelum diadopsi, ada asm.js (bagian dari JavaScript; dan dengan demikian berfungsi secara ketat di semua browser), yang juga digunakan sebagai target penghimpun dengan dukungan efisien di peramban seperti Internet Explorer 11 ; dan untuk peramban yang tidak mendukung WebAssembly secara langsung, dapat dikompilasi ke asm.js dan peramban tersebut mendukungnya. Secara umum pemrogram tidak memprogram di WebAssembly (atau asm.js) secara langsung, tetapi menggunakan bahasa seperti Rust, C atau C++ atau secara teori bahasa apa pun, yang dikompilasi ke dalamnya.

Referensi
---------

1. ↑  MDN (2020-05-02). "Front-end web developer". *Mozilla Developer* (dalam bahasa Inggris). Diakses tanggal 2022-07-04.
2. ↑  Refsnes Data (1999-07-04). "Web Development Roadmaps". *w3schools* (dalam bahasa Inggris). Diakses tanggal 2022-07-04.
3. ↑  Refsnes Data (1999-07-04). "How To Become a Front-End Developer". *w3schools* (dalam bahasa Inggris). Diakses tanggal 2022-07-04.
4. ↑  Refsnes Data (1999-07-04). "Front end development". *w3schools* (dalam bahasa Inggris). Diakses tanggal 2022-07-04.
5. ↑
6. ↑  Codesido, Ivan (28 September 2009). "What is front-end development?". *Theguardian.com*. Diakses tanggal 17 January 2019.
7. ↑  Abed, Sudad (2019). "Inserting CSS" (PDF).