تبسيط تطوير الويب باستخدام Tailwind CSS
اكتشف كيف تقضي منهجية العمل القائمة على الأدوات (utility-first) في Tailwind CSS على تعارضات الأنماط، وتسرع عملية التصميم المتجاوب، وتبسط الصيانة.
-
💬
مدرب ذكاء اصطناعي
اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت. -
🕐
ابدأ في أي وقت
بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك. -
🌐
بالعربية
الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.
حول هذه الدورة
غالبًا ما تؤدي CSS التقليدية إلى ملفات أنماط متضخمة، وتعارضات في التسمية، وقواعد برمجية يصعب صيانتها مع توسع المشاريع. تقدم لك هذه الدورة نموذج العمل القائم على الأدوات (utility-first)، وتوضح لك كيفية بناء واجهات مستخدم مخصصة ومتجاوبة مباشرة في HTML الخاص بك دون الحاجة لكتابة قواعد CSS مخصصة.
من خلال قراءة هذا الدليل الشامل، ستنتقل من كتابة محددات CSS المتكررة إلى تكوين التخطيطات بكفاءة باستخدام فئات الأدوات المحددة مسبقًا. ستتعلم كيفية بناء واجهات ويب حديثة قابلة للصيانة ومحسنة لأداء الإنتاج.
ما ستتعلمه:
- فهم الفلسفة الأساسية لـ utility-first CSS وكيف تختلف عن طرق التصميم التقليدية
- تكوين أنماط التخطيط، والتباعد، والطباعة، ولوحات الألوان باستخدام فئات الأدوات
- بناء تصميمات متجاوبة تتكيف مع أي حجم شاشة باستخدام بادئات نقاط التوقف البديهية
- تطبيق حالات التمرير (hover)، والتركيز (focus)، والنشاط (active)، والحالات التفاعلية مباشرة داخل الكود الخاص بك
- تنفيذ تكوينات السمات المخصصة وأنماط الوضع المظلم الحديثة
- تحسين إصدارات الإنتاج لضمان أحجام ملفات صغيرة وأداء عالٍ
تبدأ هذه الدورة بالمفاهيم الأساسية، مما يرسخ فهمًا قويًا لكيفية تعيين فئات الأدوات لخصائص CSS القياسية. ستنتقل بعد ذلك عبر دروس نصية منظمة توضح تصميم التخطيط، وتكوين المكونات، واستراتيجيات التصميم المتجاوب.
تم تصميم هذه الدورة لمطوري الويب، والمبتدئين في الواجهات الأمامية، والمصممين الذين لديهم بالفعل فهم أساسي لـ HTML و CSS ويرغبون في تبسيط سير عمل التصميم الخاص بهم. لا يلزم وجود خبرة سابقة في Tailwind CSS.
ابدأ القراءة اليوم لتغيير نهجك في تصميم الويب وبناء واجهات نظيفة ومتجاوبة بكل سهولة.
ما الذي ستحصل عليه
-
📜
شهادة إتمام
أضفها إلى ملفك على LinkedIn -
💬
مدرّس AI شخصي
عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت. -
♾️
وصول مدى الحياة
عُد متى شئت، بلا انتهاء -
📱
الهاتف أو الكمبيوتر
يعمل في أي مكان وعلى أي جهاز -
💸
استرداد خلال 14 يومًا
دون أسئلة -
⚡
قصير ومركَّز
2 ساعة 42 دقيقة من المحتوى التطبيقي
المراجعات
لا توجد مراجعات بعد — كن أول من يشارك تجربته.
المتعلمون أخذوا أيضًا
🎓 بشهادة
تصميم نماذج متجاوبة باستخدام CSS و jQuery
شهادة
تطبيق عملي
SR 50.00
→
💼 جاهز لسوق العمل
🎓 بشهادة
تصميم الويب الحديث باستخدام Bootstrap Studio
شهادة
تطبيق عملي
SR 50.00
→
🔥 رائج
🎓 بشهادة
الذكاء الاصطناعي لتصميم المواقع الشبكية: صفحات الوصول والتصميمات المتجاوبة
شهادة
تطبيق عملي
SR 50.00
→
🔥 رائج
🎓 بشهادة
بناء موقع معرض أعمال متميز باستخدام Framer
شهادة
تطبيق عملي
SR 50.00
→
الأسئلة الشائعة
ما الذي أحتاجه لأخذ هذه الدورة؟ +
يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.
كيف يمكنني الدفع؟ +
بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.
هل يمكنني استرداد المال؟ +
نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.
إلى متى يستمر وصولي؟ +
إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.
هل سأحصل على شهادة؟ +
نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.
مصمَّم للعاملين في
التقنية
التصميم
المالية
التسويق
الرعاية الصحية
التعليم
الضيافة
التصنيع