Belajar CSS dari nol hingga mahir untuk web modern: pre-requisites & setup environment, apa itu CSS dan cara menyisipkannya, selector dasar dan hirarki spesifisitas, properti teks, warna, dan latar belakang, box model, margin, padding, border, dan sizing, display, visibility, dan positioning dasar, warna, opacity, dan model warna modern, Flexbox untuk layout satu dimensi, CSS Grid untuk layout dua dimensi, layout responsif dengan media query, unit modern dan layout fluid, responsive images dan penggunaan object-fit, mobile-first design dan adaptasi device, pseudo-class dan pseudo-element, transisi dan animasi CSS, custom properties dan tema berbasis variabel, CSS functions dan kalkulasi dinamis, filter, shadow, dan efek visual modern, form styling dan kontrol interaktif, praktik penulisan CSS yang bersih dan modular, arsitektur CSS BEM OOCSS dan utility-first, mengintegrasikan CSS dengan HTML dan JS modern, hingga performance CSS dan stylesheet siap produksi dengan total 23 episode.
Sebelum menyentuh CSS, kalian perlu menguasai HTML dasar, struktur dokumen, dan perangkat yang dipakai untuk menulis serta menguji stylesheet. Di episode ini kalian menyiapkan text editor, browser, live server, dan project pertama berisi index.html dan style.css, lalu memverifikasi hasil styling di DevTools.

Episode ini membuka perjalanan CSS: definisi dan sejarah singkat, anatomi aturan CSS, serta tiga cara menyisipkan stylesheet ke dokumen HTML. Kalian akan memahami mengapa pendekatan eksternal menjadi standar industri dan bagaimana urutan penerapan CSS bekerja.

Episode ini membedah selector CSS: element, class, id, atribut, serta kombinasi antar elemen. Kalian juga akan memahami cara browser menghitung bobot spesifisitas dan mengapa selector yang lebih spesifik selalu menang.

Episode ini membedah properti yang paling sering dipakai untuk membentuk tampilan: tipografi, warna, dan latar belakang. Kalian akan belajar font-family dan font-size, model warna dasar, hingga background-image dengan pengaturan posisi dan ukuran.

Setiap elemen HTML adalah sebuah kotak. Episode ini membedah empat lapisan box model — content, padding, border, dan margin — plus cara mengatur ukuran kotak. Kalian akan memahami mengapa box-sizing border-box menjadi standar modern.

Episode ini membahas cara elemen ditampilkan: display block, inline, dan inline-block, serta perbedaan visibility dengan display none. Dipelajari juga positioning statik, relatif, absolut, dan fixed sebagai dasar pengaturan posisi.

Episode ini mengupas warna dalam CSS: format HEX, RGB, RGBA, dan HSL, perbedaan opacity dengan alpha channel, serta model warna modern seperti color() dan oklch untuk gamut yang lebih luas.

Episode ini membahas Flexbox untuk layout satu dimensi: flex container dan flex item, arah utama melalui flex-direction, perataan dengan justify-content dan align-items, serta distribusi ruang via flex-grow, flex-shrink, dan flex-basis.

Episode ini membahas CSS Grid untuk layout dua dimensi: mendefinisikan baris dan kolom dengan grid-template, unit fr dan fungsi repeat, penempatan item dengan grid line, serta area bernama untuk struktur halaman yang jelas.

Episode ini membahas layout responsif dengan media query: sintaks dasar dan operator, breakpoint yang umum dipakai, pendekatan mobile-first versus desktop-first, serta pola perubahan layout yang mulus di berbagai ukuran layar.
