ما هو Bootstrap ومتى يجب استخدامه؟

يجعل Bootstrap إنشاء مواقع ويب سريعة الاستجابة.

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

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

ما هو Bootstrap ومتى يجب استخدامه؟

من ناحية أخرى ، ظهرت برامج تحرير مرئية مثل Macromedia (لاحقًا Adobe) Dreamweaver والتي سمحت لك بكتابة التعليمات البرمجية وكذلك تحرير المحتوى بصريًا. في Linux ، كانت لدينا أدوات مثل Kompozer أو NVU والتي ، على الرغم من أنها لا تحتوي على نفس الميزات ، جعلت المهمة سهلة للغاية.

إذا كنت جيدًا في كتابة التعليمات البرمجية ، فلا يوجد نقص في الأدوات. كانت Anjuta أو Eclipse بيئات تطوير مثالية للمبرمجين الخبراء.

بمرور الوقت ، ظهر مديرو المحتوى كـ وورد دروبال o جملةأتاح هذا النوع من البرامج تجاهل كتابة التعليمات البرمجية للتركيز على إنشاء المحتوى.. لقد تبين أنهم البديل المثالي لأماكن مثل Linux Adictos حيث يقوم العديد من المؤلفين بتحديث المحتوى باستمرار.

اسمحوا لي أن أشرح هذا قليلا.

من وجهة نظر الترميز ، تتضمن صفحة الويب ما يلي:

  • نوع الوثيقة: يخبر المتصفح بإصدار HTML الذي يتم استخدامه.
  • حاوية HTML: يخبر المتصفح ببداية ونهاية مستند HTML ويمكن أن يتضمن معلومات إضافية مثل اللغة.
  • حاوية الرأس: يتضمن معلومات مفيدة للمتصفح ومحركات البحث مثل عنوان الصفحة ، والمؤلف ، ووصف موجز للمحتوى وقائمة بالمصطلحات ذات الصلة. كما أنه يخبر المتصفح بمكان العثور على إرشادات حول كيفية عرض المحتوى على الشاشة.
  • حاوية الجسم: هنا يذهب كل المحتوى الذي سيراه المستخدم في المتصفح.
  • بيان البرنامج النصي: يخبر المتصفح بمكان العثور على تعليمات بلغات برمجة معينة مثل Javascript أو PHP التي تسمح لك بإضافة تفاعل أو إرسال نماذج بالبريد.

الأجزاء المختلفة من المستند داخل حاوية الجسم هي:

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

توجد حاويات لتمييز أجزاء مختلفة من النص مثل h (1 to 6) op التي تشير إلى العناوين والفقرات على التوالي.

إذا لم يكن هناك مديرو محتوى ، في كل مرة مؤلفي Linux Adictos نرغب في نشر مقال، وسيتعين علينا إعادة كتابة رمز الصفحة بالكامل من البداية.  بالإضافة إلى ذلك ، يجب علينا تحديث ترتيب الصفحة الرئيسية يدويًا وقائمة المقالات حسب الفئة.

وإذا قام المسؤولون بإعادة تصميم أو ظهر حجم شاشة جديد ، فسيكون من الضروري تحديث أوراق الأنماط.

مشكلة مديري المحتوى

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

في حالة WordPress الخاصة ، في رأيي أنها أصبحت bloatware. تتطلب المزيد والمزيد من السمات تثبيت الوظائف الإضافية التي تؤدي في كثير من الحالات نفس الوظيفة مثل تلك التي قمت بتثبيتها بالفعل. وتوجد معظم أفضل المزايا تحت طريقة الدفع. وهي ليست رخيصة تمامًا.

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

في المقالة التالية سوف نرى كيفية استخدامها.


اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها ب *

*

*

  1. المسؤول عن البيانات: AB Internet Networks 2008 SL
  2. الغرض من البيانات: التحكم في الرسائل الاقتحامية ، وإدارة التعليقات.
  3. الشرعية: موافقتك
  4. توصيل البيانات: لن يتم إرسال البيانات إلى أطراف ثالثة إلا بموجب التزام قانوني.
  5. تخزين البيانات: قاعدة البيانات التي تستضيفها شركة Occentus Networks (الاتحاد الأوروبي)
  6. الحقوق: يمكنك في أي وقت تقييد معلوماتك واستعادتها وحذفها.

  1.   ريتشارد واترسون قال

    مقال مثير للاهتمام ، على الرغم من أنني أعتقد أن العنوان المناسب سيكون مديري المحتوى والمشكلات الحالية ، إلا أنهم هنا لم يشرحوا أي شيء عن التمهيد.
    ما هو أكثر ...
    Bootstrap عبارة عن مكتبة / إطار عمل / مكتبة تسمح لنا بتصميم مواقع متجاوبة لطيفة للغاية ، ويمكنك إنشاء موقع ويب دون معرفة الكثير عن CSS ، ويمكنك إنشاء سمة WordPress ، ولكن يجب عليك تخصيص الكثير من الوقت فيها لتحسينها الحد الأقصى.
    تم تصميم CMS مثل WordPress لتحسين صيانة موقع الويب ، ولهذا السبب فهي مرنة للغاية ، يمكنك إنشاء مدونات ومواقع تجارية ومتاجر ومنتديات وما إلى ذلك ... وكل ذلك دون لمس سطر واحد من التعليمات البرمجية.
    السمات في حالة WordPress ، هناك العديد من السمات البسيطة جدًا والمناسبة للمدونة الشخصية ، وهو أمر لا يتطلب المزيد من الجاذبية المرئية. في حالة السمات "الجذابة" ، تشتمل هذه عادةً على المكونات الإضافية ، التي توفر للسمات وظائف أكبر ، ويمكنك إضافة أدوات تحميل ، وقوائم ضخمة ، ورسوم متحركة ، وغير ذلك ، ونادرًا ما تتضمن المكونات الإضافية CSS.
    لذلك…
    1.- تجنب استخدام حزمة bootstrap بأكملها ، حمل فقط ما تحتاجه.
    2.- بالنسبة إلى WordPress ، استثمر في استضافة جيدة ، سيؤدي ذلك إلى تحسين أوقات التحميل ، يمكنك اختيار استخدام CDN لتحسين تحميل السمات الخاصة بك.
    3.- إذا كنت تستخدم CMS مبنيًا على PHP ، فلا تتوقع سرعات كبيرة ، فمن الصحيح أنه يمكن تحسينها ، ولكن يجب على شخص لديه معرفة أن يفعل ذلك.
    4.- تطوير وصيانة موضوع WordPress ليس بالضرورة رخيصًا أو سهلًا. هناك العديد من الثغرات التي يتم اكتشافها يوميًا ويمكن أن يكون حلها بدون المعرفة المناسبة أمرًا معقدًا ، وقد يكون الاستثمار في قالب من محرر ذي خبرة هو الأنسب ، بالطبع ، إنها مسألة اقتصادية ، لكنها تستحق العناء.

    1.    دييجو جيرمان جونزاليس قال

      إنها المقالة الأولى في السلسلة.
      شكرا لمساهمتك

    2.    خورخي قال

      مقال جميل. سأنتظر التتمة.