الفئات: التكنولوجيا والتطوير | دورات مقدمة باللغة الإنجليزية

التكنولوجيا
التصميم
الشبكة الإلكترونية
الهدف 8: العمل اللائق ونمو الاقتصاد
الهدف 9: الصناعة والابتكار والهياكل الأساسية

دليلك لتعلم الـبوتستراب Bootstrap 5 | الجزء الأول

مدة الدورة: 18 ساعة 24 دقيقة / 75 درس

مستوى: عام

اللغة: الانجليزية

ماذا ستتعلم

  • أساسيات Bootstrap 5 وكيفية استخدامه في بناء تصميمات ومواقع متجاوبة بأنماط حديثة تعمل على أي جهاز أو متصفح، وتناسب جميع أحجام الشاشات.

  • فهم سيكولوجية الألوان وتأثيرها على زيادة تحويلات مواقع الويب، مع التعرف على دلالة كل لون، والفروق بين الألوان التي ترمز إلى النجاح أو الخطر والإنذار.

  • التفريق بين الألوان الفاتحة والداكنة وتطبيقها في تصميمات مواقع الويب لتحسين تجربة المستخدم وزيادة التفاعل.

  • استخدام متغيرات CSS المختلفة داخل موقع الويب بواسطة Bootstrap، وتعلم كيفية تخصيص الأنماط والتحكم في تصميم العناصر.

  • إنشاء نظام شبكي متجاوب وقوي باستخدام Bootstrap 5، من خلال التعرف على الأساسيات التي تتيح تصميم مواقع ويب مرنة ومنظمة.

  • تطبيق خطوات عملية لبناء مواقع متجاوبة خطوة بخطوة باستخدام Bootstrap 5، مع التركيز على تحسين تجربة المستخدم.

هذه الدورة تتضمن

  • 18 ساعة 24 دقيقة/75 درس
  • آخر تحديث: 16/10/2022
  • شهادة إتمام الدورة

محتوى الدورة

دروس مجانية

1.

المقدمة

20 دقيقة
2.

الألوان

14 دقيقة
3.

نقاط التوقف

19 دقيقة
4.

نموذج المبتدئين

7 دقيقة
5.

CSS متغيرات

28 دقيقة
6.

الحاويات

13 دقيقة
7.

نظام التوقف

54 دقيقة
8.

الأعمدة

29 دقيقة
1.

المقدمة

20 دقيقة
2.

نموذج المبتدئين

7 دقيقة
1.

الألوان

14 دقيقة
2.

CSS متغيرات

28 دقيقة
1.

نقاط التوقف

19 دقيقة
2.

الحاويات

13 دقيقة
3.

نظام التوقف

54 دقيقة
4.

الأعمدة

29 دقيقة
5.

الفجوات بين محتوي العمود

10 دقيقة
1.

مجموعة من تغييرات الخاصة بالعنصر في ملف واحد CSS

15 دقيقة
2.

الطباعة

29 دقيقة
3.

الصور

8 دقيقة
4.

الجداول

32 دقيقة
5.

الأشكال

5 دقيقة
1.

الملخص

13 دقيقة
2.

التحكم في النموذج

27 دقيقة
3.

اختيار

5 دقيقة
4.

الشبكات وأجهزة الراديو

19 دقيقة
5.

النطاق

5 دقيقة
6.

مجموعة الإدخال

23 دقيقة
7.

تسميات عائمة

19 دقيقة
8.

التخطيط 1

33 دقيقة
9.

التخطيط 2

14 دقيقة
10.

التصديق

39 دقيقة
1.

مسح المحتوى العائم داخل الحاوية بسرعة وسهولة

3 دقيقة
2.

روابط ملونة

4 دقيقة
3.

نسبة

7 دقيقة
4.

موقع

7 دقيقة
5.

الأكوام

13 دقيقة
6.

بصريات مخفية

3 دقيقة
7.

روابط ممتدة

11 دقيقة
8.

اقتطاع النص

3 دقيقة
9.

القاعدة العمودية

4 دقيقة
1.

خلفية

11 دقيقة
2.

الحدود

21 دقيقة
3.

الألوان

8 دقيقة
4.

تعيين خاصية عرض العنصر

8 دقيقة
5.

تصميم هيكل تخطيط مرن وسريع الاستجابة

27 دقيقة
6.

Float

3 دقيقة
7.

التفاعلات

4 دقيقة
8.

التعميم

3 دقيقة
9.

تجاوز

3 دقيقة
10.

الأماكن

15 دقيقة
11.

الظلال

4 دقيقة
12.

تحجيم

11 دقيقة
13.

تباعد

15 دقيقة
14.

النص

14 دقيقة
15.

انحياز عمودي

4 دقيقة
16.

الرؤية

2 دقيقة
1.

الأكورديون

21 دقيقة
2.

تنبيهات

15 دقيقة
3.

شارات

5 دقيقة
4.

مسار التنقل

5 دقيقة
5.

الأزرار

18 دقيقة
6.

مجموعة الأزرار

13 دقيقة
7.

البطاقات 1

14 دقيقة
8.

البطاقات 2

17 دقيقة
9.

عرض الشرائح

28 دقيقة
10.

زر الإغلاق

3 دقيقة
11.

انهيار

13 دقيقة
12.

القائمة المنسدلة 1

17 دقيقة
13.

القائمة المنسدلة 2

5 دقيقة
14.

مجموعة القائمة

22 دقيقة
15.

مربع حوار / نافذة منبثقة

35 دقيقة
16.

التنقل وعلامات التبويب

19 دقيقة
17.

Navbar

25 دقيقة
18.

Offcanvas

12 دقيقة
19.

ترقيم الصفحات

5 دقيقة
20.

العناصر النائبة

17 دقيقة
21.

العناصر المنبثقة - عرض معلومات إضافية حول أي عنصر

10 دقيقة
22.

تقدم

8 دقيقة
23.

تحديث الروابط تلقائيا في قائمة التنقل بناء علي موضع التمرير

27 دقيقة
24.

إظهار حالة التحميل

11 دقيقة
25.

رسالة تنبيه قابلة للتخصيص

14 دقيقة
26.

تلميحات

5 دقيقة

عن الدورة

تعلم الأساسيات في تصميم الويب باستخدام Bootstrap 5 مع هذه الدورة المصممة خصيصًا للمبتدئين، والتي تمكنك من اكتساب مهارات عملية في التعامل مع أدوات Bootstrap 5 التي تسهل تصميم مواقع احترافية متوافقة مع جميع الأجهزة. صُممت هذه الدورة لتكون بداية مثالية لأي شخص يرغب في دخول عالم تطوير الويب أو تحسين مهاراته في تصميم واجهات المستخدم. في هذا الجزء الأول من الدورة نبدأ بنموذج المبتدئين وكيفية استخدامه في مشاريعك، وذلك لتزويدك بفهم سليم حول كيفية بناء مواقع ويب سريعة الاستجابة وحديثة، وكذلك لمساعدتك على فهم الإطار بسرعة وكفاءة. ستتضمن الدورة التعرف على كيفية التعديل والتخطيط لتصميم واجهات مرنة، بالإضافة إلى كيفية التعامل مع المحتوى والنماذج التي تساعدك على تحسين تجربة المستخدم. وأخيرًا وليس آخرًا، سنتناول العديد من العناصر المهمة التي ستحتاجها لتصميم مواقع ويب متكاملة وسلسة. بنهاية الدورة، ستكون قد اكتسبت المهارات اللازمة لإنشاء مواقع ويب متوافقة مع جميع الأجهزة باستخدام Bootstrap 5. سواء كنت تبدأ من الصفر أو ترغب في تعزيز مهاراتك الحالية، هذه الدورة تمنحك الأساس الذي تحتاجه للتطور في عالم تصميم الويب. اشترك الآن واكتسب المهارات اللازمة لتطوير مواقع ويب احترافية، واحصل على شهادة إتمام تساعدك في تعزيز مسيرتك المهنية في تطوير الويب، واستفد من الوصول إلى أكثر من 1000 دورة تعليمية باشتراك واحد.

متطلبات الدورة

تتطلب هذه الدورة التدريبية الإلمام بأساسيات HTML5 & CSS3.

عن الخبير

هل تحتاج مساعدة؟