Section ini menyusun materi secara bertahap: kerjakan Chapter dari urutan teratas agar setiap konsep baru selalu berpijak pada konsep sebelumnya. Setiap Chapter menyertakan contoh kode yang telah diuji dan dapat Anda ikuti langsung di editor.

# Bagaimana Browser Memproses HTML

Ikuti perjalanan dokumen HTML di dalam browser: dari byte, karakter, token, hingga DOM yang siap dirender.

Buka → # DOM Overview

Kenali DOM sebagai pohon objek hasil parsing, sifatnya yang live, dan kondisi ketika DOM berbeda dari markup.

Buka → # View Source dan Inspector

Bedakan view-source yang menampilkan file sumber mentah dengan inspector yang menampilkan DOM live halaman.

Buka → # Native Browser Validation

Telusuri constraint validation dari sudut pandang engine: waktu berjalan, urutan cek, novalidate, dan ValidityState.

Buka → # Form Submission Overview

Ikuti alur data form dari validasi, form data set, encoding, hingga request GET dan POST yang teramati di DevTools.

Buka → # Progressive Enhancement

Pahami progressive enhancement: fondasi HTML untuk semua, lapisan CSS dan JavaScript sebagai penambah pengalaman.

Buka →