A

close

ماهي البوتستراب Bootstrap ؟








هي إحدى أشهر وأقوى المكتبات التي تجمع HTML وCSS وJS لبناء صفحات ومواقع وتطبيقات الويب، وهي تفيد بشكل أساسي في بناء مواقع متناسقة مع مختلف أحجام وقياسات الشاشات، بما في ذلك شاشات الهواتف الخلوية والأجهزة اللوحية، وهي مكتبة مجانية ومفتوحة المصدر تتوفر للجميع على موقع Github وتم بناؤها من قبل شركة Twitter.

■ ميزات بوتستراب Bootstrap :-

انتشرت مكتبة بوتستراب Bootstrap بشكلٍ كبير منذ إطلاقها عام 2011 بشكل مجاني، وأحبها المبرمجون حول العالم ولم يكن ذلك بمحض الصدفة بل وراء نجاح هذه المكتبة الكثير من الميزات الهامة ومنها:


● المرونة الكبيرة والسهولة في الاستخدام.
● التصميم المتوافق مع جميع الأجهزة.
● تتوافق مع كافة المتصفحات.
● تقدم تصميم ثابت وقابل لإعادة الاستخدام.
● يمكن تعلمها بشكل سهل وسريع.
● تحوي دعم مسبق للـ JQuery.
● دعم للـ API الخاصة بلغة Javascript.
● يمكن استخدامها ضمن أي محرر أو بيئة برمجية.
● تتوافق مع أي تقنية أو لغة ضمن السيرفر مثل: ASP.NET – PHP – Ruby.2

■ محتويات مكتبة Bootstrap :-

تحوي مكتبة بوتستراب Bootstrap
 على مجموعة من الملفات البرمجية وإليكم
الهيكل العام للمكتبة ويحوي الملفات الأساسية فقط للمكتبة

  bootstrap/
  ├── css/
  │   ├── bootstrap.css
  │   ├── bootstrap.min.css
  ├── js/
  │   ├── bootstrap.js
  │   ├── bootstrap.min.js
  └── img/
      ├── glyphicons-halflings.png
      └── glyphicons-halflings-white.png

■ ما الذي يجعل بوتستراب Bootstrap تلائم كل شيء:'

بنيت مكتبة بوتستراب Bootstrap بطريقة تجعلها تعمل بنفس الجودة في كل مكان، ولعل أهم النقاط التي تجعلها بتلك القوة هي:

● الشبكة الخاصة بمكتبة بوتستراب والتي تقوم بعملية تقسيم الشاشة (مهما كان قياسها) ليتم توزيع العناصر فيها بسهولة، وهذا يوفر الكثير من الوقت الذي يقضيه المبرمجون عادةً في بناء شبكتهم الخاصة أثناء بناء الموقع، وتتيح هنا عدة خيارات للأعمدة التي يمكن أن تكون صغيرة أو متوسطة أو كبيرة أو كبيرة جدًا حسب حاجة الموقع.
● توفر مكتبة بوتستراب Bootstrap طرقًا مسبقة لجعل الصور متوافقة مع التصميم، عن طريق تحجيم الصورة بما يتلاءم مع حجم الشاشة، وذلك فقط بإضافة الكلاس img-responsive إلى الصور الموجودة في الموقع وستتولى المكتبة باقي المهمة، كما يمكن تغيير شكل الصورة عن طريق كلاسات أخرى مثل  img-circle و img-rounded.
● تحتوي مكتبة بوتستراب عناصر معدة مسبقًا يمكنك ببساطة استخدامها في موقعك الإلكتروني، وهي عناصر هامة كانت تشكل عبئًا كبيرًا على المبرمجين في السابق مثل:Navigation bars – Dropdowns – Progress bars – Thumbnails وغيرها من العناصر التي لا يمكن الاستغناء عنها والتي ستجعلك تبني تصميمًا رائعًا دون الخوف من ظهوره في مختلف قياسات الشاشات.
● بالإضافة لكل التوابع الموجودة في بوتستراب فإنها تحوي الكثير و الكثير من الإضافات الخاصة بالـ jQuery والتي تحوي القوة والسهولة والمزيد من المرونة في صفحات الموقع، حيث  تقدم حلولًا سريعة وقوية لكل ما يتعلق بالصور و التنقلات و الـ modals، وعدة إضافات أخرى.
● توثيق المكتبة ضمن موقعها الرسمي هو أحد أكثر الميزات المذهلة لها، حيث يمكن معرفة كل شيء عنها بالتفصيل وكل ما يخص طريقة الاستخدام والعناصر الموجودة فيها، إذ يتوفر شرح تفصيلي لكل جزء منها، بالإضافة لوجود أمثلة خاصة لكل جزء وهو ما يهتم به المبتدئين في استخدام هذه المكتبة حيث يمكن نسخ ولصق كود أي عنصر فيها ببساطة.
● يمكن لمستخدمي هذه المكتبة تخصيص الميزات التي يودون استخدامها حيث أن المكتبة كبيرة الحجم نسبيًا ويعد هذا التخصيص أمرًا هامًا في التطبيقات الكبيرة.
● لدى مكتبة جمهور كبير من المبرمجين والذي يجعلها أكثر سهولة حيث يجد المبتدئ كل ما يسأل عنه متوفرًا بسهولة ولها أيضًا صفحة خاصة على تويتر ومدونة.
ومع تزايد انتشارها بدأ المطورون في إنشاء قوالب جاهزة بالاعتماد عليها لتسريع عمليات التطوير ويوجد مواقع متخصصة في شراء وتبادل القوالب

        تفضل مشكورا بمشاركة المنشور 

كما يمكنكم متابعتنا علئ مواقع التواصل الأجتماعي :
● صفحتنا علئ الفيس بوك 
https://www.facebook.com/teachmetech2
جروبنا علئ الفيس بوك 
https://www.facebook.com/groups/2349604691943237/
● حسابنا على تويتر  
  https://twitter.com/tm_tech2
● قناتنا على تلجرام 
  https://t.me/tm_tech2
● جروبنا على الواتس اب   
https://chat.whatsapp.com/HUMj59hIkJrLSRUblLzqLt
● البريد الإلكتروني 
teachmetech2@gmail.com

ليست هناك تعليقات:

شاركنا برأيك

يتم التشغيل بواسطة Blogger.