Web Fundamentals
Kuasai fondasi arsitektur web modern: bagaimana browser berkomunikasi dengan server via HTTP/HTTPS, membangun struktur dokumen dengan HTML5 semantik, dan merancang layout responsif dengan CSS modern.
Kurikulum & Daftar Materi
Modul 01: Cara Kerja Web & Protokol Jaringan
Membedah apa yang terjadi ketika kamu mengetik URL di browser hingga halaman muncul di layar: DNS, TCP/IP, Request-Response, dan HTTPS.
Arsitektur Client-Server & Peran DNS
Perjalanan sebuah request: dari domain manusia ke alamat IP server melalui Domain Name System dan model Client-Server.
Protokol HTTP, HTTP Methods, & Status Codes
Bahasa komunikasi standar web: GET, POST, PUT, DELETE, serta memahami arti kode status 200, 404, 500.
Modul 02: HTML5 Semantik & Struktur Dokumen
Membangun fondasi struktur halaman web yang aksesibel (A11y), ramah mesin pencari (SEO), dan manipulasi DOM.
HTML5 Semantik vs 'Div Soup' & Pohon DOM
Mengapa menggunakan `<header>`, `<main>`, `<article>`, `<nav>`, dan `<aside>` jauh lebih unggul dibanding membungkus segalanya dalam `<div>`.
Formulir Web, Input Types, & Validasi Native
Membangun antarmuka pengumpulan data yang aman dengan `<form>`, `<label>`, atribut validasi HTML5, dan penanganan submit.
Modul 03: Modern CSS & Layouting Responsif
Memahami CSS Box Model, Hierarki Spesifisitas, Flexbox, CSS Grid 2D, dan desain tata letak adaptif di berbagai ukuran layar.
CSS Box Model & Menjinakkan Spesifisitas CSS
Membedah Content, Padding, Border, Margin, `box-sizing: border-box`, dan bagaimana browser menentukan style mana yang menang.
Flexbox (1D) vs CSS Grid (2D) & Media Queries
Menguasai dua senjata tata letak modern web: Flexbox untuk alur satu dimensi dan CSS Grid untuk tata letak baris & kolom dua dimensi yang responsif.
Modul 04: DOM Manipulation & Event Handling
Kuasai interaksi browser secara mendalam: navigasi struktur DOM Tree, manipulasi dinamis elemen, arsitektur Event Bubbling, dan teknik Event Delegation performan tinggi.
DOM Tree & Best Practices Manipulasi Elemen
Pahami representasi pohon DOM di browser, teknik seleksi elemen modern, modifikasi atribut & classList, serta optimasi batch insert dengan DocumentFragment.
Event Propagation & Teknik Event Delegation
Kuasai fase Capturing dan Bubbling pada sistem event browser, perbedaan stopPropagation vs preventDefault, serta teknik Event Delegation untuk performa aplikasi web skala besar.