اقرأ في هذا المقال
- ما هو إطار العمل بوتستراب Bootstrap Framework
- مزايا إطار العمل بوتستراب- Bootstrap Framework Features
- آلية عمل إطار العمل بوتستراب – Bootstrap Framework
ما هو إطار العمل بوتستراب Bootstrap Framework:
يُعتبر بوتسراب (Bostrap) عبارة عن إطار عمل يتكون من مجموعة من المكونات الجاهزة التي يستخدمها المبرمج في مجال إنشاء مواقع الويب وتطبيقات الويب المختلفة، وإن أهم ما يميزه إنه مفتوح المصدر (Open source) ومجاني للاستخدام ، ويتميز بأنه يُستخدم مع العديد من قوالب (HTML) و (CSS) ويدعم هذا الإطار لغة البرمجة جافا سكريبت، ويتم استضافته على (GitHub)، وقد تم إنشاء هذا الإطار بواسطة مصمم ومطور في (Twitter).
مزايا إطار العمل بوتستراب- Bootstrap Framework Features:
- يعد هذا الإطار واحد من أشهر وأقوى أُطر العمل التي تجمع بين (HTML) و(CSS) و (JavaScript) لبناء صفحات ومواقع وتطبيقات الويب.
- يُستخدم إطار بوتستراب في مجال بناء مواقع بشكل متناسق مع مختلف أحجام وقياس الشاشات بما في ذلك شاشات الهواتف الخلوية والأجهزة اللوحية.
- إطار مجاني ومفتوح المصدر.
- يتوافق إطار (Bootstrap) مع كافة المتصفحات.
- يدعم هذا الإطار ال (JQuery).
- يتوافق إطار العمل بوتستراب مع مختلف لغات البرمجة الموجودة ضمن السيرفر مثل: (ASP.NET)، (PHP)، (Ruby).
- المرونة والسهولة في الاستخدام.
- يقدم إطار العمل بوتستراب تصميم قابل لإعادة الاستخدام فيما بعد.
- يمكن استخدام (بوتستراب) مع أي محرر أو (IDE).
باستخدام إطار (Bootstrap) يمكن لمطوري الويب التركيز على أعمال التطوير دون القلق بشأن التصميم ويمكنهم الحصول على موقع ويب ذو مظهر جيد وتشغيله بسرعة عالية.
- بمعرفة أساسيات لغة (HTML) و (CSS) يمكن لأي شخص بدء استخدام هذا الإطار.
آلية عمل إطار العمل بوتستراب – Bootstrap Framework:
يحتوي إطار العمل بوتستراب (Bootstrap) على مجموعةٍ من الملفات البرمجية الخاصة بتطوير الواجهات، حيث يتكون من ملفات بلغة البرمجة (CSS) وملفات أخرى بلغة جافا سكريبت وعناصر مختلفة ضمنها بالإضافة إلى مجموعة من العناصر التي تساعد في عملية بناء موقع متناسق، حيث يقوم المبرمج بتضمين هذا الإطار في المشروع البرمجي الذي يعمل عليه حتى يتمكن من استخدام كل هذه الملفات والعناصر الموجودة فيها، ويمكن أيضاً نقلها إلى أي مكان ضمن المشروع البرمجي حسب الرغبة. والهيكل العام لهذا الإطار على النحو التالي:
bootstrap/ ├── css/ │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ ├── bootstrap-theme.css │ ├── bootstrap-theme.css.map │ └── bootstrap-theme.min.css ├── js/ │ ├── bootstrap.js │ └── bootstrap.min.js └── fonts/ ├── glyphicons-halflings-regular.eot ├── glyphicons-halflings-regular.svg ├── glyphicons-halflings-regular.ttf ├── glyphicons-halflings-regular.woff └── glyphicons-halflings-regular.woff2