تصميم الويب المتجاوب باستخدام HTML5 و CSS3 و Bootstrap 5 — PickAClass
3.8 (5) ⏱ 2 ساعة 36 دقيقة 📚 26 دورة

تصميم الويب المتجاوب باستخدام HTML5 و CSS3 و Bootstrap 5

تعلم بناء مواقع ويب متوافقة مع الأجهزة المحمولة أولاً (mobile-first) ويمكن الوصول إليها (accessible) من الصفر باستخدام تقنيات التخطيط الحديثة ومكونات Bootstrap 5 وسير عمل البرمجة بمساعدة الذكاء الاصطناعي (AI).

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

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

في عالم اليوم الذي يعتمد على الأجهزة المحمولة أولاً (mobile-first)، يجب أن تبدو مواقع الويب وتعمل بشكل جميل على كل حجم شاشة. توفر هذه الدورة مسارًا واضحًا وخطوة بخطوة لإتقان تصميم الويب المتجاوب باستخدام الركائز الأساسية للويب الحديث. ستنتقل من فهم الترميز الأساسي إلى هيكلة وتصميم ونشر تخطيطات ويب متجاوبة بالكامل. من خلال الشروحات المكتوبة وتمارين الكود العملية، ستتعلم كيفية الجمع بين HTML5 الدلالي (semantic)، وأنظمة تخطيط CSS3 الحديثة، وإطار عمل Bootstrap 5 لبناء مواقع ويب نظيفة، يمكن الوصول إليها، واحترافية. ما ستتعلمه: - هيكلة محتوى الويب باستخدام علامات HTML5 الدلالية والنماذج وعناصر الوسائط - إتقان تخطيطات CSS3 الحديثة باستخدام Flexbox و Grid للمحاذاة والتباعد الدقيقين - بناء تصاميم متجاوبة ومتوافقة مع الأجهزة المحمولة أولاً (mobile-first) بسرعة باستخدام فئات ومكونات Bootstrap 5 المساعدة (utility classes) - تطبيق أساسيات إمكانية الوصول إلى الويب لضمان أن صفحاتك قابلة للاستخدام للجميع - الاستفادة من مساعدي البرمجة بالذكاء الاصطناعي (AI) لتخطيط هياكل التخطيط واستكشاف أخطاء نقاط التوقف (breakpoints) في CSS وإصلاحها تبدأ الدورة بالمفاهيم الأساسية، حيث ترشدك عبر بناء جمل HTML و CSS الأساسي قبل الانتقال إلى التصميم المتقدم والتخطيطات المتجاوبة وتكامل إطار العمل. ستتدرب على هذه المفاهيم من خلال قراءة تحليلات شاملة وكتابة كود لبناء تخطيطات صفحات واقعية من الصفر. تم تصميم هذه الدورة للمبتدئين تمامًا الذين يرغبون في تعلم تصميم الويب من الألف إلى الياء، وكذلك للمطورين الذين يتطلعون إلى تحديث مهاراتهم في تصميم الواجهة الأمامية (frontend styling). لا تتطلب خبرة سابقة في البرمجة. ابدأ القراءة اليوم لبناء أول موقع ويب متجاوب وحديث لك.

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

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

شهادة إتمام

كل دورة تكملها على PickAClass تُصدر شهادة كهذه — أصلية، بكودها الخاص، قابلة للتحقّق عبر الرابط، ومفصّلة عمّا أُثبت فعلًا.

P
PickAClass
ملف المهارات · قابل للتحقّق
وثيقة
شهادة إتقان
تشهد هذه الوثيقة بأن
الاسم واللقب
أثبت بنجاح إتقان
تصميم الويب المتجاوب باستخدام HTML5 و CSS3 و Bootstrap 5
المهارات المُثبَتة
تحليل أنماط السلوك
تأسيسي
1.2 ساعة
أطر معمارية لاتخاذ القرارات
متمكّن
1.4 ساعة
تصميم اختبار A/B
متمكّن
1.7 ساعة
كتابة نصوص سلوكية
متقدّم
1.9 ساعة
P
PickAClass — الاسم واللقب
تصميم الويب المتجاوب باستخدام HTML5 و CSS3 و Bootstrap 5
صفحة 2 من 2
تفاصيل الأداء
ملخّص العمل الدراسي
الدورات المكتملة 14 / 14
أسئلة التدريب 26 / 28
الواجبات المُسلَّمة 4 (متوسط 4.5 / 5)
المشروع الختامي تمت مراجعته — 4.6 / 5
إجمالي التدريب 6.2 ساعة
معيار الأداء
ترتيب الدفعة ضمن أفضل 12% من 1,625
وقت الإكمال 11 يومًا (الوسيط: 22)
درجة الإتقان 91 / 100
درجة أسئلة التدريب 94%
التحقّق من المهارة مسار مهارة موثّق
تحقّق من هذه الشهادة
pickaclass.com/certificates/PCC-2026-X4F7-AP19
صادر وفق المعايير الأكاديمية لـPickAClass. تعكس مستويات المهارة الأداء المُقيَّم وفق معيار كفاءات الدورة. هذه شهادة أصلية لهذه المنصّة.

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

Renata Castillo CR
★ 4 · 17.08.2026

Translated by لقد أعربت عن تقديري للتطبيقات في العالم الحقيقي التي تم عرضها.كان من الممكن استخدام المزيد من فرص الممارسة.

রেহানা বেগম BD متعلِّم موثَّق
★ 4 · 18.07.2026

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

오하영 KR متعلِّم موثَّق
★ 3 · 15.06.2026

لقد أحببت الأمثلة العملية! لقد جعلت المفاهيم حية حقاً. كانت الدورة منظمة جيداً وسهلة الاستكشاف.

زينب بنت أحمد TN
★ 4 · 08.06.2026

تصميم الدورة التدريبية رائع، والطريقة التي تبني بها المفاهيم بعضها على بعض سلسة، عملية للغاية وموضحة بشكل جيد.

Isabella Rodríguez EC متعلِّم موثَّق
★ 4 · 07.06.2026

مادة مفيدة، كان الهيكل منطقيا في معظمه، قد لا يكون للمبتدئين المطلقين.

اكتب مراجعة

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

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

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

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

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

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

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

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

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

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

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

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

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

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