ما هو Bootstrap SPAN؟

إذا كنت مهتمًا بتطوير الويب بأي شكل من الأشكال، فمن المحتمل أنك سمعت عن Bootstrap. وفقًا للموقع الرسمي، يُعتبر Bootstrap الإطار الأكثر شهرة لتطوير مشاريع سريعة الاستجابة وموجهة للهواتف المحمولة على الويب.

سيكون من السهل إرسالك إلى صفحة البدء الخاصة بهم وكذلك إنهاء اليوم. سيكون دليل الإعداد الخاص بهم في الواقع مجموعة من المعلومات الإيجابية - روابط إلى شبكات CDN، وشروحات حول كيفية التثبيت باستخدام Bower وnpm وComposer، ومعلومات حول التكامل مع Autoprefixer وLESS، ومجموعة من القوالب والتراخيص، بالإضافة إلى الترجمات - ولكن لا يُعتبر بالتأكيد دليلاً خطوة بخطوة للبدء، والذي يمكن اعتباره بروح التعلم الذاتي.

عندما اكتشفت Bootstrap قبل بضع سنوات فقط، كانت التصميمات المستجيبة لا تزال تكتسب شعبية، ولم تكن بالضرورة القاعدة المتوقعة. ولأنني لم أقم بإنشاء مواقع ويب إلا من الصفر، فقد كنت مرتبكًا بعض الشيء بشأن المفهوم الكامل للإطار. كنت أتخيل أنه أكثر إرباكًا للمبتدئين الذين من المتوقع الآن أن يتعلموا مفاهيم التصميم المستجيب ومكتبات Bootstrap وJavaScript، بالإضافة إلى CSS وHTML وJS.

هذا الدليل مخصص لإلقاء نظرة أولى على Bootstrap للمبتدئين، لذا لن تتناول تكامل LESS وSass، وهما مفهومان متوسطان أو متقدمان. ورغم أنه مكتوب للإصدار الحالي المستقر Bootstrap 3، فإن المفاهيم ستظل كما هي للإصدارات المستقبلية.

فيما يلي بعض التفاصيل المتعلقة بـ Bootstrap، ولكن إذا كنت ترغب في الحصول على المعرفة العملية، فإن SPOTO سيكون المكان الأفضل لذلك.

ما هو Bootstrap؟

يمكن تلخيص Bootstrap في ثلاثة ملفات رئيسية:

• bootstrap.css - إطار عمل CSS.

• bootstrap.js - إطار عمل JavaScript أو jQuery.

• glyphicons - خط، مجموعة من خطوط الأيقونات.

بالإضافة إلى ذلك، سيحتاج Bootstrap إلى jQuery ليعمل. تعتبر jQuery مكتبة JavaScript شائعة الاستخدام على نطاق واسع، حيث تعمل على تبسيطها وتضيف توافقًا بين المتصفحات إلى JavaScript.

كل ما قد تصادفه أثناء تعلم وثائق Bootstrap - Grunt وSass وGulp وLESS وbower وnpm وما إلى ذلك - لا يعتبر ضروريًا في البداية في Bootstrap. هذه هي مشغلات المهام والمعالجات الأولية ومساعدات التثبيت بالإضافة إلى مديري الحزم، لذا لا تيأس إذا كنت لا تعرف كيفية استخدام أي منها بعد.

لماذا يعد الإطار مهمًا؟ هل أحتاج إلى استخدامه؟

فهم أساسيات التصميم المستجيب، والذي أوصي بقراءته إذا كنت ترغب في معرفة المزيد عن التصميم المستجيب. ومع ذلك، تعتبر الأطر شائعة جدًا ولها العديد من الفوائد، لذا من المهم جدًا معرفة كيفية العمل معها.

بشكل عام، يجب أن يكون كل مشروع ويب تعمل عليه متجاوبًا ويعمل بشكل صحيح على جميع المتصفحات الرئيسية، ومن المحتمل أن يكون لديه بعض البدائل للمتصفحات القديمة. سيكون لدى Bootstrap مجتمع مفتوح المصدر ضخم يعمل على تغطية هذا الأمر حتى لا تضطر إلى ذلك. بالإضافة إلى ذلك، عندما يعرف العديد من المطورين نفس النظام، يمكنهم العمل في انسجام أفضل - كما يسهل ذلك أيضًا على الوافدين الجدد على المشروع التعرف على كل ما هو جديد.

ربما تعتبر الشبكة أحد أهم جوانب الإطار. فهي الأساس الذي يتم بناء التصميم بأكمله عليه. وعلاوة على ذلك، فإن لغة CSS الأساسية في Bootstrap ستضيف أيضًا تصميمًا مفيدًا للجداول والنماذج والأزرار والقوائم، بالإضافة إلى الصور وأشرطة التنقل العاملة بكامل طاقتها، في حين أن لغة JavaScript الأساسية ستُضيف كودًا مفيدًا لإنشاء النوافذ المنبثقة والتنبيهات والدوارات والقوائم المنسدلة والنوافذ المنبثقة والأكورديون.