HTML, CSS & SCSS Mastery

Selamat datang di Fase 2, The Foundation. Di materi ini kamu akan membangun tiga lapisan yang menjadi pondasi semua website: HTML sebagai kerangka (struktur dan makna isi halaman), CSS sebagai kulit dan pakaian (warna, huruf, tata letak, animasi), dan SCSS (Sass) sebagai "CSS dengan perkakas tambahan" yang membuat kode gaya tetap rapi ketika proyek membesar. Hampir semua framework modern yang nanti kamu pelajari, seperti React, Next.js, atau Tailwind, pada akhirnya tetap menghasilkan HTML dan CSS di browser. Jadi kalau pondasinya kuat, belajar framework apa pun terasa jauh lebih mudah.

Materi ini dibagi menjadi 11 modul: dua modul HTML (struktur dokumen dan semantik), enam modul CSS (dari selector dasar sampai Flexbox, Grid, dan responsive design), lalu tiga modul SCSS dengan sintaks Sass modern (@use dan @forward, bukan @import yang sudah usang). Tiap modul punya contoh kode yang bisa langsung kamu salin ke file dan buka di browser, daftar kesalahan umum, latihan bertingkat beserta solusinya, dan kuis singkat. Saran saya: ketik ulang kodenya, jangan hanya disalin. Tangan yang mengetik akan lebih cepat hafal daripada mata yang membaca.