Tailwind CSS: بناء مشروع مدونة متجاوب — WalkSelf
3.2 (4) ⏱ 2 ساعة 54 دقيقة 📚 29 دورة

Tailwind CSS: بناء مشروع مدونة متجاوب

تعلم تصميم واجهات الويب الحديثة من خلال القراءة عن مبادئ CSS القائمة على المنفعة (utility-first) وتطبيقها على مشروع تطبيق مدونة كامل.

  • 💬 مدرب ذكاء اصطناعي
    اسأل عن أي درس واحصل على إجابة واضحة فورًا، في أي وقت.
  • 🕐 ابدأ في أي وقت
    بلا جداول أو مواعيد نهائية — تعلّم بوتيرتك، وقتما يناسبك.
  • 🌐 بالعربية
    الدروس والمهام والشهادة — كل ذلك بلغتك بالكامل.

حول هذه الدورة

يتجه تصميم الويب الحديث نحو الأطر القائمة على المنفعة (utility-first frameworks) التي تعطي الأولوية للسرعة والمرونة على ملفات CSS التقليدية. توفر هذه الدورة مسارًا واضحًا للمبتدئين لفهم كيف يعمل Tailwind CSS على تبسيط عملية التنسيق باستخدام فئات وظيفية مباشرة في ترميزك. ستنتقل من مفاهيم التنسيق الأساسية إلى بناء واجهة مدونة متجاوبة بالكامل، وستكتسب الثقة لتطبيق فئات المنفعة (utility classes) لأي مشروع ويب. ما ستتعلمه: - فهم فلسفة utility-first والمصطلحات الأساسية لـ Tailwind CSS - تهيئة Tailwind CSS باستخدام أدوات البناء الحديثة لسير عمل تطوير مُحسّن - بناء قوائم تنقل وتخطيطات متجاوبة تتكيف مع أي حجم شاشة - تطبيق أدوات grid و flexbox المساعدة لإنشاء موجزات منشورات مدونة منظمة - تخصيص السمات وتوسيع التكوين الافتراضي للعلامات التجارية الفريدة - تطبيق أفضل الممارسات الحديثة لإمكانية الوصول وحالات التمرير (hover states) باستخدام فئات المنفعة (utility classes) تبدأ المادة بالمفاهيم الأساسية وإعداد البيئة، وتنتقل إلى دروس مكتوبة منظمة ترشدك عبر كل مكون من مكونات تطبيق المدونة، من الرؤوس إلى شبكات المحتوى المعقدة. تم تصميم هذه الدورة للمبتدئين الذين لديهم فهم أساسي لـ HTML ويرغبون في تعلم التنسيق الحديث؛ لا تتطلب خبرة سابقة في Tailwind CSS. ابدأ القراءة اليوم لبناء أول مشروع ويب قائم على المنفعة (utility-first).

ما الذي ستحصل عليه

  • 📜 شهادة إتمام
    أضفها إلى ملفك على LinkedIn
  • 💬 مدرّس AI شخصي
    عالق في دورة؟ اسأل مدرّسك المدمج أي شيء، في أي وقت.
  • ♾️ وصول مدى الحياة
    عُد متى شئت، بلا انتهاء
  • 📱 الهاتف أو الكمبيوتر
    يعمل في أي مكان وعلى أي جهاز
  • 💸 استرداد خلال 14 يومًا
    دون أسئلة
  • قصير ومركَّز
    2 ساعة 54 دقيقة من المحتوى التطبيقي

المراجعات (4)

Javiera Herrera CL متعلِّم موثَّق
★ 2 · 25.07.2026

It's a decent introduction. Could benefit from more diverse examples and a slightly better flow between modules.

Viltė Jakimavičiūtė LT متعلِّم موثَّق
★ 3 · 17.07.2026

وجدته مفيداً لتجديد المعلومات، لست متأكداً من أنه سيكون أفضل نقطة بداية لمبتدئ كامل، في الحقيقة.

Daniel Moreau CA متعلِّم موثَّق
★ 3 · 10.07.2026

Wow, I'm impressed. The real-world applications shown were super helpful. Made abstract ideas feel tangible. Great value!

Freya Green GB متعلِّم موثَّق
★ 5 · 30.05.2026

Loved the practical application examples. Exactly the kind of hands-on learning I was looking for.

اكتب مراجعة

سنطلب منك تسجيل الدخول بعد الإرسال — تُحفظ مسودتك.

المتعلمون أخذوا أيضًا

الأسئلة الشائعة

ما الذي أحتاجه لأخذ هذه الدورة؟ +

يكفي هاتف أو كمبيوتر متصل بالإنترنت. بدون تثبيتات أو أجهزة خاصة.

كيف يمكنني الدفع؟ +

بالبطاقة عبر Stripe. لا نخزن بيانات البطاقة — يتولى Stripe ذلك بأمان.

هل يمكنني استرداد المال؟ +

نعم — استرداد كامل خلال 14 يومًا، دون أسئلة.

إلى متى يستمر وصولي؟ +

إلى الأبد. بمجرد الشراء، الدورة لك تعود إليها متى شئت.

هل سأحصل على شهادة؟ +

نعم. عند الإتمام ستحصل على شهادة يمكنك إضافتها إلى ملفك في LinkedIn.

مصمَّم للعاملين في
التقنية التصميم المالية التسويق الرعاية الصحية التعليم الضيافة التصنيع