إطار عمل CSS الحديث
العودة للرئيسيةTailwind CSS
تعلّم تصميم واجهات ويب عصرية ومستجيبة بسرعة فائقة عبر كلاسات Utility-First بدون كتابة ملفات CSS تقليدية.
المستويات4
الدروس14
المستوىمبتدئ ← متقدم
المستوى 01
Utility-First
مبتدئ4 دروس
أساسيات Tailwind CSS والتنسيقات الأولى
فهم أسلوب Utility-First، التحكم بالألوان، النصوص، المسافات (Spacing)، الحواف (Borders)، والأحجام.
المستوى 02
Flexbox & Grid
متوسط4 دروس
تخطيط الواجهات المتقدمة
بناء الهياكل المعقدة باستخدام Flexbox و Grid، وتنسيق الحاويات والعناصر بصورة ديناميكية.
المستوى 03
Responsive & Dark Mode
متقدم4 دروس
التجاوب، التفاعلية، والوضع الداكن
تصميم واجهات متجاوبة لجميع الشاشات (Breakpoints)، التأثيرات التفاعلية (Hover/Focus)، ودعم Dark Mode.
المستوى 04
Customization & Project
احترافي2 دروس
التخصيص والمشروع النهائي
تخصيص ملف tailwind.config.js، كتابة الكلاسات المخصصة، وبناء واجهة موقع كاملة احترافية.
مسار Tailwind CSS — 14 درساً موزعة على 4 مستويات