تلخص هذه المقالة 11 سببًا لتوزيع Bootstrap على نطاق واسع. إذا لم تكن قد استخدمت Twitter Bootstrap بعد ، أقترح عليك معرفة المزيد عنها. لقد اكتشفت شيئًا فقط مؤخرًا ، ولكن هناك أخبار أفضل. في الإصدار الرسمي من VS2013 الذي أصدرته Microsoft قبل يومين ، تمت إضافة إصدار Bootstrap 3.0. حتى Microsoft شاهدت قوة bootstrap ، وهي في الواقع جيدة جدًا ، لذلك يجب أن أتعلمها. فيما يلي مقدمة موجزة لتحديث VS2013. إذا كنت مهتمًا ، فيمكنك إلقاء نظرة على مقدمة محتوى تحديث Visual Studio 2013.
ما هو السبب وراء حب bootstrap من قبل غالبية الناس
1. وفر الوقت
مع bootstrap ، سيكون لديك المزيد من الوقت لكسب المال. تحتوي مكتبة Bootstrap على العديد من قصاصات الرموز الجاهزة التي تضيف المزيد من الحيوية إلى موقع الويب الخاص بك. لم يعد على مطوري الويب قضاء الوقت والجهد في التعليمات البرمجية ، بل يحتاجون فقط إلى العثور على الرمز المناسب وإدراجه في المكان المناسب. بالإضافة إلى ذلك ، يتم كتابة CSS باستخدام أقل ، وتم تصميم العديد من الأساليب والتصميمات.
2. التخصيص
أحد الجوانب المهمة في Bootstrap هو أنه يمكنك أخذها بنفسك. يمكنك ترك الأجزاء المطلوبة من الإطار وتجاهل الأجزاء غير المرغوب فيها. يتيح لك Bootstrap تخصيص المشاريع التي تقوم بتطويرها وفقًا لاحتياجاتك.
3. عوامل التصميم
نظام الشبكة
عند وضع الصفحات ، غالبًا ما تحتاج إلى شبكة مناسبة. أنت لا تستخدم بالضرورة شبكة النظام الأساسي ، ولكنها تجعل من الصعب عليك العمل. في الوضع الافتراضي ، يوفر النظام الأساسي شبكة 16 عمودًا (العرض هو 960 بكسل). يبلغ عرض كل عمود 40 بكسل ، ويحتوي كل عمود على فجوة 10 بكسل على الجانبين الأيسر والأيمن ، تاركًا فارغًا 20 بكسل على الجانب الخارجي من كل شبكة. يمكنك تغيير عدد الصفوف وأحجام الفاصل الزمني حسب الحاجة. تم تطوير النمط ، ويحتاج المطور فقط إلى وضع الكود المناسب في الموقع المناسب لـ HTML.
أقل
يستخدم على نطاق واسع خلال دورة التطوير. إنها لغة عالية المستوى تعتمد على CSS ، والغرض منها هو جعل تطوير CSS أكثر مرونة وقوة. يمكنك استخدام عمليات Mixins و CSS الخاصة بتخصيص الشبكات المضمنة. تعتمد Bootstrap عددًا كبيرًا من ميزات CSS3 الشائعة لتوفير تجربة تصفح موحدة لجميع مواقع الويب.
جافا سكريبت
يوفر Bootstrap مكتبة JavaScript تتجاوز الهندسة المعمارية والأنماط الأساسية. من خلال Bootstrap ، يمكن للمطورين تشغيل مربعات تحذير النوافذ بسهولة ، وصناديق تلميح الأدوات ، وأشرطة التمرير ، والأزرار ، وما إلى ذلك. ما يبرز من Bootstrap هو أنه يتيح لك كتابة البرامج النصية دون الحاجة إلى القلق بشأن ذلك.
4. الاتساق
كان السبب الرئيسي وراء تطوير Twitter هذه الأداة هو عدم الاتساق بين المشاريع التي طورها المطورين بين المتصفحات المختلفة. هذا يؤدي إلى العديد من المشكلات بين التنمية الأمامية وواجهات المستخدم النهائي. Bootstrap يضمن وحدة الواجهة على منصات مختلفة. في IE ، Chrome و Firefox ، يمكنك رؤية واجهة موحدة.
5. مواكبة التحديثات المستمرة
خذ واجهة مستخدم JQuery كمثال: تم تحديثها مرة واحدة في السنة. Bootstrap يتحسن باستمرار ، أكثر انتظامًا ومستمرًا. بمجرد أن يكتشف مطورو الويب مشكلة جديدة ، بدأ فريق Bootstrap على الفور لإصلاحها.
6. من السهل الاندماج
إذا كنت ترغب في تحسين تحسين موقع ويب مكتمل ، يمكن أن يساعدك Bootstrap. على سبيل المثال ، إذا كنت ترغب في استخدام نمط جدول مكتوب ذاتيًا ، فإن ما تريد القيام به هو نسخ أسلوبك إلى ملف نمط CSS. ستقوم Bootstrap بتصميمها على الفور بنفسها ، هنا تحتاج إلى ربط الملف مع Twitter. عملية التكامل بسيطة للغاية ومريحة وسريعة. بمجرد الانتهاء ، يمكنك تطبيق التصميم الخاص بك على المحتوى الأساسي الخاص بك.
7. استجابة
Bootstrap هو إطار مستجيب. سواء تم نقل أعمال التطوير الخاصة بك من جهاز كمبيوتر محمول إلى جهاز iPad أو من جهاز iPad إلى جهاز Mac ، فلا داعي للقلق بشأن عملك. نظرًا لأن Bootstrap يمكن أن يتكيف مع الاختلافات بين الأنظمة الأساسية المختلفة مع تسليم فائق السرعة والكفاءة.
8. التوافق مع التقنيات المستقبلية
يحتوي Bootstrap على العديد من العناصر الخاصة ، مثل HTML5 و CSS3 ، والتي تسمى مستقبل التصميم. نظرًا لأن هذا الإطار يأخذ في الاعتبار مستقبل التصميم والتطوير ، فإنه لديه القدرة على أن يصبح معيارًا مرجعيًا لمطوري الويب في السنوات القليلة المقبلة.
9. القدرة التنافسية
Bootstrap ليس هو إطار التنمية الأمامي الوحيد ، مثل JQuery UI ، HTML5 Boilerplate ، إلخ. ولكن بالنسبة إلى Bootstrap ، فإن المنافس الحقيقي هو مؤسسة Zurb. أضافت Bootstrap 2 مجموعة أدوات جديدة ، واستغرق الأمر وقتًا طويلاً لتملأه. يحتوي Bootstrap على عدد كبير من المكونات الإضافية الطرف الثالث ، والموضوعات ، والميزات الوظيفية ، والرمز ، وما إلى ذلك ، والتي لا يوجد بها الأساس.
10. وصف مفصل
وثائق Bootstrap رائعة للغاية. غالبًا ما لا تحتوي معظم المنصات الجديدة على وثائق مناسبة ، وتساعدنا وثائق Bootstrap على التعرف عليها بشكل كبير. يمكن العثور على جميع المعلومات التي نحتاجها من خلال الوثائق.
11. استفد من الرؤساء
تعلم Bootstrap لا يستغرق الكثير من الوقت ، لأنه يتغلف جميع الأساليب المعيارية مع الهندسة المعمارية. من وجهة نظر الرئيس ، إذا قدمت إطار عمل bootstrap لمطوري الويب ، فسيوفرون المزيد من الوقت في التعلم والاستثمار بسرعة في عملهم. هذا سوف يجلب فوائد أفضل للرؤساء.
إذا وجدت Bootstrap مفيدًا لك حقًا ، فيمكنك التحقق من الإطار على Twitter.github.com/bootstrap/. يمكنك أيضًا تنزيل الإصدار المترجم ، أو الحصول على ملف مصدر bootstrap يحتوي على CSS ووثائق JavaScript.
تجربة بصرية
أول شيء رأيته هو الموقع الرسمي الصيني. إذا نظرت بعناية ، فسيتم تفسيره بالفعل بالتفصيل.
بعد ذلك ، انقر على المستند الصيني http://v3.bootcss.com/bootstrap3.
استمر في قراءة http://expo.bootcss.com/ العديد من مثيلات الموقع التي تم تطبيقها هنا.
عند رؤية العديد من الأمثلة والهندسة المعمارية الأمامية الممتازة ، أدركت بالفعل أنه تم استخدام العديد من مواقع الويب ، ولا يمكنني الانتظار لبدء رحلة التعلم الخاصة بي.
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وتوصيل 3 موضوعات مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.