هذا الدرس من الدورة التدريبية: دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap
الدرس: 1- ما هو Bootstrap وكيف يمكن استخدامه؟
وصف مختصر:
1- ما هو Bootstrap وكيف يمكن استخدامه؟ Bootstrap هو إطار عمل (Framework) مجاني ومفتوح المصدر يستخدم لتصميم صفحات الويب بسرعة وسهولة. يعتمد...
وصف الدرس
1- ما هو Bootstrap وكيف يمكن استخدامه؟
Bootstrap هو إطار عمل (Framework) مجاني ومفتوح المصدر يستخدم لتصميم صفحات الويب بسرعة وسهولة. يعتمد على HTML | CSS | JavaScript ويوفر مكوّنات جاهزة مثل الأزرار | الجداول | النماذج | القوائم | الشبكات (Grid System)، مما يساعد على بناء تصاميم متجاوبة تعمل على جميع الشاشات.
كيفية استخدامه:
Bootstrap هو إطار عمل (Framework) مجاني ومفتوح المصدر يستخدم لتصميم صفحات الويب بسرعة وسهولة. يعتمد على HTML | CSS | JavaScript ويوفر مكوّنات جاهزة مثل الأزرار | الجداول | النماذج | القوائم | الشبكات (Grid System)، مما يساعد على بناء تصاميم متجاوبة تعمل على جميع الشاشات.
كيفية استخدامه:
- إضافة Bootstrap للمشروع
- إما عبر CDN بإضافة روابط الجاهزة في
<head>و<body>. - أو تحميل الملفات واستخدامها محليًا.
- إما عبر CDN بإضافة روابط الجاهزة في
- استخدام نظام الشبكة (Grid System)
- تقسيم الصفحة إلى صفوف
rowوأعمدةcolلتنسيق المحتوى بسهولة.
- تقسيم الصفحة إلى صفوف
- استخدام العناصر الجاهزة
- مثل: أزرار
btn، بطاقاتcard، قوائم تنقلnavbar.
- مثل: أزرار
- التعديل على التصميم
- يمكن تخصيص Bootstrap عبر كتابة CSS إضافي فوق الإعدادات الافتراضية.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي 1- ما هو Bootstrap وكيف يمكن استخدامه؟
المصادر
ملحقات ال PDF
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية في بناء صفحات الويب المتجاوبة باستخدام Bootstrap



