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