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.

# Proyek: Halaman Profil

Bangun halaman profil pribadi lengkap dengan struktur dokumen yang benar, konten, styling dasar, dan interaksi sederhana.

Lihat proyek → # Proyek: Website Portofolio

Bangun website portofolio satu halaman dengan navigasi antar-section, styling dasar, dan interaksi navigasi yang halus.

Lihat proyek → # Proyek: Website Artikel

Bangun halaman artikel yang nyaman dibaca: struktur artikel semantik, navigasi dan metadata, styling dasar, serta interaksi tambahan.

Lihat proyek → # Proyek: Formulir Pendaftaran

Bangun formulir pendaftaran yang aksesibel dengan validasi HTML, styling form, dan umpan balik menggunakan JavaScript.

Lihat proyek → # Proyek: Katalog Produk

Bangun katalog produk dengan struktur yang rapi, gambar dan deskripsi, styling dasar, serta filter sederhana berbasis JavaScript.

Lihat proyek → # Proyek: Website Restoran

Bangun website restoran dengan struktur halaman yang menggugah, menu dan kontak, styling dasar, serta interaksi pemesanan sederhana.

Lihat proyek → # Proyek: Halaman Dokumentasi

Bangun halaman dokumentasi yang mudah dinavigasi: struktur dokumentasi, navigasi sidebar, styling dasar, dan pencarian sederhana.

Lihat proyek → # Proyek: Landing Page

Bangun landing page yang fokus pada konversi: struktur konten, call-to-action, styling dasar, dan interaksi sederhana.

Lihat proyek →