CSS: ภาษาที่จัดรูปแบบเว็บ
CSS ควบคุมรายละเอียดภาพทุกอย่างในหน้าเว็บ — สี เค้าโครง ระยะห่าง แอนิเมชัน และการตอบสนองต่อขนาดหน้าจอ มันได้พัฒนาจากชั้นการนำเสนอข้อมูลอย่างง่าย ๆ ให้กลายเป็นภาษาระบบออกแบบแบบเต็มรูปแบบ พร้อมฟีเจอร์สมัยใหม่เช่น container queries @layer logical properties และ Houdini API ที่ให้นักพัฒนาควบคุมการแสดงผลอย่างละเอียด โทรแกรมนี้ครอบคลุม CSS ตั้งแต่การเขียน selector แรกไปจนถึงการออกแบบระบบการออกแบบที่ขยายได้ใช้ในโค้ดที่ใหญ่โตในการปฏิบัติจริง
สิ่งที่คุณจะเรียนรู้
คุณจะเริ่มต้นด้วย syntax selectors สี และ typography จากนั้นสร้างความเข้าใจที่มั่นคงเกี่ยวกับ box model display properties และ positioning จากตรงนั้น คุณจะทำงานผ่าน Flexbox และ CSS Grid สำหรับเค้าโครงมาตรฐานและขั้นสูง ใช้ responsive design และ media queries และใช้ CSS variables custom functions และ design tokens สำหรับ theming ที่ง่ายต่อการบำรุงรักษา คุณจะครอบคลุมด้วย transitions keyframe animations transforms filters blend modes และ dark mode — บวกกับเครื่องมือสมัยใหม่กับ Sass PostCSS และ CSS-in-JS patterns โทรแกรมปิดท้ายด้วย CSS architecture โดยใช้ BEM specificity และ cascade container queries @layer cascade layers CSS Houdini และ performance
เส้นทางการเรียนรู้
สี่สิบคอร์สขยายจาก A1 ถึง C1 คอร์ส A1 และ A2 ยุคแรกสร้างพื้นฐาน — selectors box model pseudo-classes pseudo-elements และ units คอร์ส B1 ครอบคลุม Flexbox Grid responsive design animations debugging ด้วย DevTools และ CSS functions คอร์ส B2 ก้าวขึ้นเป็น advanced Flexbox และ Grid Sass PostCSS CSS-in-JS design tokens CSS Shapes logical properties container queries และ CSS Layers สามคอร์ส C1 — CSS Houdini CSS Performance และ CSS Future — ที่อยู่ในขอบเขตหน้าสุดของแพลตฟอร์ม
วิธีการทำงาน
แต่ละคอร์สแบ่งออกเป็นบทเรียนอย่างสั้นและเน้นเฉพาะจุดที่คุณทำให้สำเร็จโดยตรงในตัวแก้ไขที่สร้างขึ้นด้วยข้อเสนอแนะแบบเรียลไทม์ AI tutor พร้อมให้ความช่วยเหลือเมื่อใดก็ตามที่คุณติดขัด และการก้าวหน้านั้นมีการเพิ่มขึ้นอย่างตั้งใจ เพื่อให้แต่ละแนวคิดเสริมแนวคิดสุดท้ายก่อนที่จะแนะนำแนวคิดต่อไป