تخطي إلى المحتوى الرئيسي
Bootstrap 5 محتوى مجاني 100%

شرح Bootstrap 5 بالعربي لبناء واجهات متجاوبة

تعلم بناء واجهات سريعة التجاوب وأنيقة باستخدام نظام الشبكة Grid والمكونات الجاهزة في أقوى مكتبة CSS عالمياً.

📚 25 درساً تدريبياً
🎯 المستوى: من الصفر حتى الاحتراف
💻 تطبيق عملي وأكواد قابلة للنسخ
Bootstrap 5 دليل ومنهاج المسار التدريبي

ماذا ستتعلم في هذا المسار البرمجي؟

تعلم بناء واجهات سريعة التجاوب وأنيقة باستخدام نظام الشبكة Grid والمكونات الجاهزة في أقوى مكتبة CSS عالمياً.

✓ تأسيس برمجي وفهم منطقي عميق
✓ أكواد وأمثلة تطبيقية خطوة بخطوة
✓ تمارين وتأهيل حقيقي لسوق العمل
فهرس الدروس الكامل

دروس ومقالات الدورة (مرتبة بالترتيب الزمني خطوة بخطوة)

انقر على أي درس للانتقال مباشرة إلى المقال والشرح التطبيقي الخاص به مع الأكواد التوضيحية.

01

مقدمة إلى Bootstrap

⏱️ 5 دقائق قراءة 📅 28 نوفمبر 2024
ابدأ الشرح
02

هيكلية Bootstrap الأساسية

⏱️ 4 دقائق قراءة 📅 29 نوفمبر 2024
ابدأ الشرح
03

إعداد الـ Grid System في Bootstrap

⏱️ 3 دقائق قراءة 📅 30 نوفمبر 2024
ابدأ الشرح
04

تنسيق النصوص (Typography) في Bootstrap

⏱️ 4 دقائق قراءة 📅 01 ديسمبر 2024
ابدأ الشرح
05

الألوان والتصميمات الجاهزة في Bootstrap

⏱️ 4 دقائق قراءة 📅 02 ديسمبر 2024
ابدأ الشرح
06

الأزرار (Buttons) في Bootstrap

⏱️ 4 دقائق قراءة 📅 03 ديسمبر 2024
ابدأ الشرح
07

القوائم (Lists) في Bootstrap

⏱️ 5 دقائق قراءة 📅 04 ديسمبر 2024
ابدأ الشرح
08

النماذج (Forms) في Bootstrap

⏱️ 5 دقائق قراءة 📅 05 ديسمبر 2024
ابدأ الشرح
09

بطاقات (Cards) في Bootstrap

⏱️ 5 دقائق قراءة 📅 05 ديسمبر 2024
ابدأ الشرح
10

التنقلات (Navigation) في Bootstrap

⏱️ 5 دقائق قراءة 📅 07 ديسمبر 2024
ابدأ الشرح
11

الجداول (Tables) في Bootstrap

⏱️ 4 دقائق قراءة 📅 08 ديسمبر 2024
ابدأ الشرح
12

الأدوات (Utilities) في Bootstrap

⏱️ 5 دقائق قراءة 📅 09 ديسمبر 2024
ابدأ الشرح
13

التأثيرات (Modals) في Bootstrap

⏱️ 5 دقائق قراءة 📅 10 ديسمبر 2024
ابدأ الشرح
14

التلميحات (Tooltips) والنوافذ المنبثقة (Popovers) في Bootstrap

⏱️ 5 دقائق قراءة 📅 11 ديسمبر 2024
ابدأ الشرح
15

المكونات المتقدمة – Collapse و Accordion في Bootstrap

⏱️ 5 دقائق قراءة 📅 12 ديسمبر 2024
ابدأ الشرح
16

الصور (Images) في Bootstrap

⏱️ 5 دقائق قراءة 📅 13 ديسمبر 2024
ابدأ الشرح
17

إعدادات الأيقونات في Bootstrap

⏱️ 5 دقائق قراءة 📅 14 ديسمبر 2024
ابدأ الشرح
18

التخطيطات المتجاوبة مع Bootstrap

⏱️ 5 دقائق قراءة 📅 15 ديسمبر 2024
ابدأ الشرح
19

دمج Bootstrap مع JavaScript

⏱️ 4 دقائق قراءة 📅 16 ديسمبر 2024
ابدأ الشرح
20

التعامل مع الشبكات (Grid System) بشكل متقدم في Bootstrap

⏱️ 5 دقائق قراءة 📅 17 ديسمبر 2024
ابدأ الشرح
21

بناء صفحة هبوط باستخدام Bootstrap

⏱️ 4 دقائق قراءة 📅 18 ديسمبر 2024
ابدأ الشرح
22

تخصيص Bootstrap باستخدام SCSS

⏱️ 4 دقائق قراءة 📅 19 ديسمبر 2024
ابدأ الشرح
23

بناء موقع تجاري بسيط باستخدام Bootstrap

⏱️ 4 دقائق قراءة 📅 20 ديسمبر 2024
ابدأ الشرح
24

تحسين أداء المواقع باستخدام Bootstrap

⏱️ 5 دقائق قراءة 📅 21 ديسمبر 2024
ابدأ الشرح
25

استراتيجيات الصيانة والتحديث لمشروعات Bootstrap

⏱️ 5 دقائق قراءة 📅 22 ديسمبر 2024
ابدأ الشرح
المسار التالي الموصى به:

كورس JavaScript الحديثة

الانتقال إلى المسار التالي