Tailwind CSS v4: دورة مكثفة لتصميم واجهات متجاوبة باحترافية
دورة مكثفة ستأخذك من الأساسيات إلى مستوى متقدم في تصميم واجهات مستخدم متجاوبة وعصرية.
20
درس
5 س 20 د
المدة الإجماليه
الدرس الأول: مقدمة إلى Tailwind CSS - ما هو ولماذا عليك استخدامه؟
تعرف على Tailwind CSS وفوائده مقارنةً بـ CSS التقليدي، واكتشف قوة Utility-First CSS، مع تطبيق عملي لأوّل كود باستخدام Tailwind.
الدرس الثاني: تنصيب Tailwind CSS باحتراف – دليلك لبدء المشاريع بكفاءة
تعلم طرق تثبيت Tailwind CSS باستخدام CDN، NPM، وVite، واستكشف الفرق بين الإصدارين v3 و v4، مع ضبط بيئة التطوير وتحسين الأداء.
الدرس ٣: فلسفة Utility-First في Tailwind – تصميم أسرع وأكثر كفاءة
اكتشف Utility-First CSS في Tailwind، وتعرف على الفرق عن النهج التقليدي، وكيفية استخدام الكلاسات الجاهزة لإنشاء تصميمات متقدمة بسهولة.
الدرس ٤: الألوان والخطوط في Tailwind – تخصيص إبداعي لتصميماتك
تعلم استخدام الألوان الافتراضية وتخصيصها، اكتشف نظام التدرج اللوني، وتعرف على أنماط الخطوط المختلفة في Tailwind CSS مع أمثلة عملية.