CSS: لغة تصميم الويب
يتحكم CSS في كل التفاصيل البصرية لصفحة الويب — الألوان والتخطيط والمسافات والرسوم المتحركة والاستجابة. لقد تطورت من طبقة عرض بسيطة إلى لغة نظام تصميم كاملة، مع ميزات حديثة مثل استعلامات الحاويات و @layer والخصائص المنطقية و Houdini API التي تمنح المطورين تحكماً دقيقاً في العرض. يغطي هذا المسار النطاق الكامل لـ CSS، من كتابة أول محدد لديك إلى تصميم أنظمة تصميم قابلة للتوسع تُستخدم عبر قواعد بيانات الإنتاج الكبيرة.
ما ستتعلمه
ستبدأ بالصيغة والمحددات والألوان وعلم الطباعة، ثم ستبني فهماً قوياً لنموذج الصندوق وخصائص العرض والتموضع. من هناك ستعمل من خلال Flexbox و CSS Grid للتخطيطات القياسية والمتقدمة، وتطبق التصميم المتجاوب واستعلامات الوسائط، واستخدم متغيرات CSS والدوال المخصصة والرموز التصميمية للمواضيع القابلة للصيانة. ستغطي أيضاً الانتقالات والرسوم المتحركة الرئيسية والتحويلات والمرشحات وأنماط الدمج والوضع الليلي — بالإضافة إلى الأدوات الحديثة مع Sass و PostCSS و CSS-in-JS. ينتهي المسار بعمارة CSS باستخدام BEM والخصوصية والـ cascade واستعلامات الحاويات و @layer cascade layers و CSS Houdini والأداء.
مسار التعلم
أربعون دورة تمتد من A1 إلى C1. تؤسس الدورات المبكرة A1 و A2 الأساسيات — المحددات ونموذج الصندوق والفئات الزائفة والعناصر الزائفة والوحدات. تغطي دورات B1 الـ Flexbox و Grid والتصميم المتجاوب والرسوم المتحركة وتصحيح الأخطاء باستخدام DevTools ودوال CSS. تصعد دورات B2 إلى Flexbox و Grid المتقدمة و Sass و PostCSS و CSS-in-JS والرموز التصميمية و CSS Shapes والخصائص المنطقية واستعلامات الحاويات و CSS Layers. تتناول الدورات الثلاث C1 — CSS Houdini و CSS Performance و CSS Future — الحافة القطعية للمنصة.
كيف يعمل
تُقسم كل دورة إلى دروس قصيرة ومركزة تكملها مباشرة في محرر مدمج مع تعليقات فورية. يتوفر معلم ذكاء اصطناعي عندما تعلق، والتقدم متعمد بشكل تدريجي بحيث يعزز كل مفهوم السابق قبل إدخال المفهوم التالي.