دورة
Tailwind CSS
تنسيق الواجهات دون تراكم ورقة أنماط يصعب صيانتها: فئات الأدوات المساعدة (utility classes)، والتكيّف مع الشاشات، والسمة، والوضع الداكن، واستخراج المكوّنات.
من المبتدئ إلى المتوسط 7 دروس
الدروس
- 1 لماذا نستخدم الفئات الوظيفية ستتمكن من شرح مشكلة الصيانة التي يحلّها Tailwind فعليًا، وما الذي تدفعه في المقابل، وفي أي المشاريع يكون الأفضل الاستغناء عنه.
- 2 التثبيت والإعداد ستتعلم كيف تثبّت Tailwind في مشروع حديث، وكيف يكتشف الفئات المستخدمة، وكيف تجهّز محرّرك للإكمال التلقائي وترتيب الفئات.
- 3 المفردات الأساسية ستتمكن من تركيب المسافات والخطوط والألوان والحدود والظلال باستخدام سلّم Tailwind، وستعرف الحالات النادرة التي تُبرَّر فيها القيمة الاعتباطية.
- 4 تخطيط الصفحات باستخدام Flexbox وGrid ستتعلّم بناء شريط تنقّل وشبكة بطاقات وعمود جانبي لاصق، وتشخيص أعطال المحاذاة الثلاثة الشائعة.
- 5 التكيّف مع الشاشات ستتعلم كتابة تخطيط ينطلق من الجوال أولًا باستخدام بادئات نقاط التوقف، وتفهم لماذا ينكسر المنطق المعاكس، وتستخدم استعلامات الحاوية.
- 6 السمة والوضع الداكن ستتعلم كيف تعرّف ألوانك وخطوطك في السمة، وكيف تبني وضعًا داكنًا يتحكم فيه المستخدم، وكيف تتجنب مضاعفة كل فئة.
- 7 تجنّب الترميز غير المقروء ستعرف متى تستخرج مكوّنًا، ولماذا تكون @apply فكرة جيدة في ظاهرها وخاطئة في أغلب الأحيان، وكيف تركّب الفئات الشرطية دون تعارضات.