CSS: Bahasa yang Menata Gaya Web
CSS mengontrol setiap detail visual halaman web — warna, tata letak, spasi, animasi, dan responsivitas. Dari sekadar lapisan presentasi sederhana, CSS telah berkembang menjadi bahasa sistem desain lengkap, dengan fitur modern seperti container queries, @layer, logical properties, dan Houdini API yang memberikan developer kontrol halus atas rendering. Track ini mencakup spektrum penuh CSS, mulai dari menulis selector pertama Anda hingga merancang sistem desain yang scalable digunakan di codebases produksi besar.
Apa yang Akan Anda Pelajari
Anda akan memulai dengan syntax, selectors, warna, dan tipografi, kemudian membangun pemahaman solid tentang box model, display properties, dan positioning. Dari sini Anda akan mendalami Flexbox dan CSS Grid untuk tata letak standar dan advanced, menerapkan responsive design dan media queries, serta menggunakan CSS variables, custom functions, dan design tokens untuk theming yang maintainable. Anda juga akan mempelajari transitions, keyframe animations, transforms, filters, blend modes, dan dark mode — plus modern tooling dengan Sass, PostCSS, dan pola CSS-in-JS. Track ditutup dengan CSS architecture menggunakan BEM, specificity dan cascade, container queries, @layer cascade layers, CSS Houdini, dan performance.
Learning Path
Empat puluh courses mencakup A1 hingga C1. Courses A1 dan A2 awal menetapkan fundamentals — selectors, box model, pseudo-classes, pseudo-elements, dan units. Courses B1 mencakup Flexbox, Grid, responsive design, animations, debugging dengan DevTools, dan CSS functions. Courses B2 meningkatkan ke Flexbox dan Grid advanced, Sass, PostCSS, CSS-in-JS, design tokens, CSS Shapes, logical properties, container queries, dan CSS Layers. Tiga courses C1 — CSS Houdini, CSS Performance, dan CSS Future — mengangani cutting edge platform.
Cara Kerjanya
Setiap course dibagi menjadi lessons singkat dan terfokus yang Anda selesaikan langsung di editor bawaan dengan feedback real-time. Tutor AI tersedia kapan saja saat Anda kesulitan, dan progression dirancang deliberately incremental sehingga setiap konsep memperkuat yang sebelumnya sebelum yang berikutnya diperkenalkan.