CSS: Bahasa yang Menggayakan Web
CSS mengawal setiap perincian visual halaman web — warna, susun atur, jarak, animasi dan kebolehsuaian. CSS berkembang daripada lapisan persembahan yang ringkas menjadi bahasa sistem reka bentuk yang lengkap, dengan ciri moden seperti pertanyaan bekas, @layer, sifat logik dan API Houdini yang memberikan kawalan terperinci kepada pembangun terhadap pemaparan. Laluan ini merangkumi keseluruhan CSS, daripada menulis pemilih pertama anda hingga mereka bentuk sistem reka bentuk boleh skala yang digunakan merentas pangkalan kod pengeluaran yang besar.
Perkara yang Akan Anda Pelajari
Anda akan bermula dengan sintaks, pemilih, warna dan tipografi, kemudian membina pemahaman kukuh tentang model kotak, sifat paparan dan peletakan. Selepas itu, anda akan mempelajari Flexbox dan CSS Grid untuk susun atur standard serta lanjutan, menggunakan reka bentuk responsif dan pertanyaan media, serta menggunakan pemboleh ubah CSS, fungsi tersuai dan token reka bentuk untuk tema yang mudah diselenggara. Anda juga akan mempelajari peralihan, animasi bingkai utama, transformasi, penapis, mod adunan dan mod gelap — di samping alatan moden dengan Sass, PostCSS dan corak CSS-in-JS. Laluan ini berakhir dengan seni bina CSS menggunakan BEM, kekhususan dan lata, pertanyaan bekas, lapisan lata @layer, CSS Houdini dan prestasi.
Laluan Pembelajaran
Empat puluh kursus merangkumi A1 hingga C1. Kursus awal A1 dan A2 membina asas — pemilih, model kotak, kelas pseudo, elemen pseudo dan unit. Kursus B1 merangkumi Flexbox, Grid, reka bentuk responsif, animasi, penyahpepijatan dengan DevTools dan fungsi CSS. Kursus B2 meningkat kepada Flexbox dan Grid lanjutan, Sass, PostCSS, CSS-in-JS, token reka bentuk, CSS Shapes, sifat logik, pertanyaan bekas dan CSS Layers. Tiga kursus C1 — CSS Houdini, Prestasi CSS dan Masa Depan CSS — membincangkan perkembangan paling mutakhir platform ini.
Cara Ia Berfungsi
Setiap kursus dibahagikan kepada pelajaran pendek dan berfokus yang anda lengkapkan terus dalam penyunting terbina dalam dengan maklum balas masa nyata. Tutor AI tersedia apabila anda menghadapi kesukaran, dan kemajuan sengaja disusun secara berperingkat supaya setiap konsep mengukuhkan konsep sebelumnya sebelum konsep seterusnya diperkenalkan.