شرح صفوف ومحتوى الفقرة
يُعد اختيار الأداة المناسبة لطبيعة المشروع مهارة هندسية أساسية؛ إذ يتألق Bootstrap 5 بقوة في تطبيقات الويب متعددة الصفحات، ولوحات التحكم الإدارية، والمنصات التعليمية والتجارية، والأنظمة ثنائية اللغة العربية والإنجليزية التي تتطلب مكونات جاهزة وموثوقة وإنجازاً سريعاً. أما الصفحات الترويجية البسيطة جداً المؤلفة من قسم فني واحد غير تقليدي فقد تكتفي بملف CSS مخصص صغير أو استيراد انتقائي عبر Sass.
يلخص الجدول المرجعي التالي أبرز الركائز المعمارية والفروق الجوهرية في Bootstrap 5.3:
| الركيزة المعمارية | الجيل القديم (BS4) | الجيل الحديث Bootstrap 5.3 | الأثر العملي للمطور |
|---|---|---|---|
| محرك التفاعل البرمجي | اعتمد إلزامياً على مكتبة jQuery الخارجية | مبني بالكامل بـ Vanilla ES6 JS | حزمة أخف وسرعة تحميل أعلى وتكامل سلس |
| سمات التحكم بالبيانات | سمات عامة غير معزولة ببادئة | نطاق معزول بالبادئة data-bs-* | منع تضارب السمات مع الكود الخاص بالمشروع |
| دعم العربية RTL | اعتمد على ترقيعات خارجية غير رسمية | ملف bootstrap.rtl.min.css رسمي واتجاهات منطقية | بناء واجهات عربية وإنجليزية متطابقة الدقة |
| نقاط التوقف المتجاوبة | 5 طبقات تتوقف عند xl (1200px) | 6 طبقات تشمل xxl (1400px فأكثر) | استغلال أمثل للشاشات المكتبية العريضة |
| محرك التخصيص والألوان | مقتصر على متغيرات Sass وقت البناء | متغيرات --bs-* حية مع وضع داكن أصيل | تبديل فوري للثيمات وتخصيص مرن بالمتصفح |
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
تعرفت في هذا الدرس على مفهوم إطار العمل Bootstrap 5.3، وفلسفة التصميم للجوال أولاً، وأهم التحولات المعمارية عن الإصدار الرابع مثل إزالة jQuery واعتماد البادئة data-bs-* والدعم الأصيل للعربية، إلى جانب مكونات حزمة الملفات الأساسية ومتى نختار الإطار في مشاريعنا. الخطوة التالية: انتقل الآن إلى الدرس الثاني «تثبيت بوتستراب 5 وقالب البداية» لتتعلم طرق تضمين الإطار بأمان وبناء مستند البداية القياسي خطوة بخطوة.