Browser & Halaman Web
Alat Utama Developer dan Tiga Pilar Web
Browser bukan sekadar alat browsing — ia adalah environment kerja developer. Pahami bagaimana browser merender halaman (HTML, CSS, JS), mengelola DOM, dan menangani interaksi user. Kuasai DevTools sebagai alat debugging sehari-hari.
Prasyarat
Modul 1 selesai (memahami HTTP request/response).
Kenapa Ini Penting
Setiap kode frontend kamu berjalan di browser. Paham rendering pipeline dan DevTools akan menghemat waktu debugging berjam-jam.
Daftar Chapter
- Chapter 2.1
Tiga Pilar Web: HTML, CSS, dan JavaScript
Peran masing-masing teknologi dan hubungannya
- Chapter 2.2
DOM: Peta Interaktif Halaman Web
Document Object Model dan cara JavaScript memanipulasinya
- Chapter 2.3
Rendering Pipeline: Dari Kode ke Pixel
Cara browser merender halaman: DOM, CSSOM, Render Tree, Layout, Paint
- Chapter 2.4
Blocking vs Non-Blocking: CSS dan JavaScript
Cara CSS dan JS memperlambat render dan solusinya
- Chapter 2.5
DevTools: Alat Detektif Browser
Menggunakan Chrome DevTools untuk debug dan analisis
- Chapter 2.6
Aksesibilitas Web untuk Semua Orang
Prinsip WCAG, ARIA, dan membuat web yang inklusif