it-swarm.dev

الفرق الحقيقي (أو الخفي) بين Twitter bootstrap و Angular.js

لقد قمت للتو بمقارنة إطار عمل الواجهة الأمامية 2 وما يمكنني قوله ، يبدو أنهما يقومان بنفس الشيء بالضبط فيما يتعلق بتزويد واجهة برمجة التطبيقات بتنسيق HTML و CSS و JS.

Boostrap: إطار أمامي أنيق وبسيط وقوي من أجل تطوير ويب أسرع وأسهل. (أكثر من 53000 نجمة على جيثب)

Angular.js: AngularJS هو إطار هيكلي لتطبيقات الويب الديناميكية. (12000 نجمة على جيثب)

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

من ما فهمته بـ Angular من خلال wikipedia ، يهدف إلى فصل تصميم الواجهة/التصميم/واجهة المستخدم تمامًا عن الواجهة الخلفية - حيث توجد قاعدة البيانات وخادم الويب ومكان حدوث منطق العمل.

من ما أفهمه من bootstrap (مع JS به) يمكنك تحقيق هذا الشيء بالضبط.

يذكر الموقع الزاوي:

تتعامل الأطر الأخرى مع أوجه القصور في HTML من خلال استخراج HTML و CSS و/أو JavaScript أو بعيدا عن طريق توفير وسيلة حتمية لمعالجة DOM. لا يعالج أي منهما مشكلة الجذر التي لم يتم تصميم HTML لطرق العرض الديناميكية.

الآن لست متأكدًا مما إذا كانوا يأخذون لقطات في شيء ما مثل العمود الفقري أو ربما حتى الحذاء (وإذا شعرت بالإهانة بسهولة ، ثم تجاهلت تعليق اللقطات) ، لكن بالنسبة لي ، لا يمكنني أن أفهم ما هو حقيقي وحقيقي هناك اختلافات بين 2.

ربما هناك بعض المعلومات المتقدمة حول DOM أو بعض الجوانب الدقيقة/الدقيقة الأخرى من JS أو HTML التي تجعل الاثنين مختلفين ، لكنني لا أرى ذلك.

PS. لا يوجد سؤال SOF مثل هذا ، ولا تتحدث أي بلوق عن ذلك (ما لم تكن مرتبة منخفضة للغاية أو أسأل بطريقة خاطئة).

لقد اكتشفت أيضًا أن بعض الأشخاص يعملون على ترقية جوانب التمهيد إلى الزاوي.

تحرير: بالتفكير في الأمر ، أدركت أن bootstrap يوفر خيار تغيير حجم طرق العرض المختلفة للشاشة ، لست متأكدًا مما إذا كان الزاوي يفعل. إذا لم يكن كذلك ، فهل هذا هو الفرق الوحيد؟

53
Joe

Bootstrap و AngularJS هما إطاران مختلفان للغاية.

من SO علامات المعلومات

تويتر-التمهيد

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

AngularJS

AngularJS هو إطار جافا سكريبت مفتوح المصدر لإنشاء تطبيقات الويب بنمط CRUD المركزي AJAX. هدفها هو إبعاد المستعرض لزيادة مفردات HTML بتوجيهات مفيدة لبناء تطبيقات الويب الديناميكية.

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

من خلال ما أفهمه من bootstrap (مع JS به) يمكنك تحقيق هذا الشيء بالضبط.

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

57
Abhishek Nandi

Bootstrap هو إطار عمل تصميمي ، لبناء مكونات سهلة المظهر وجميلة وتصميم متجاوب. كما أن لديها مكونات أساسية js تجعل حياة أي مطور أسهل ، وأبرزها مطور الواجهة الخلفية ، الذي لا يتمتع بخبرة كبيرة في قواعد تصميم HTML.

لذلك ، فقط ضع المغلق وفحص الأمثلة وكرره في مشروعك. هذا هو التدفق الرئيسي مع Bootstrap.

الزاوي ، هو إطار JS ، لبناء تطبيقات الويب المعقدة. إنه يتماشى مع العمود الفقري ، Ember Js.

خذ مثالًا بسيطًا على نموذج ، حيث ترغب في إجراء مكالمة ajax على إرسال. يمكنك الآن إنشاء النموذج ، الجميل ، بواسطة Bootstrap CSS ، لكنك بحاجة إلى استخدام javascript أو في هذه الحالة ، الزاوي ، لإجراء مكالمة ajax والقيام بالوظائف المطلوبة.

هذه تسير جنبا إلى جنب في تطبيقات الويب ، فهي ليست منافسين.

55
iamkhush

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

ما هو الزاوي؟

  • تطوير وصيانة من قبل جوجل
  • إطار جافا سكريبت الشامل للعميل (صديق-نهاية)
  • قدمت لتطبيقات جافا سكريبت صفحة واحدة طموحة
  • يوفر مجموعة من المكونات لهيكلة التطبيق وتنظيم المشروع
  • الطبقة المنطقية للواجهة الأمامية ملفوفة بشكل جيد في شكل وحدات ، توجيهات ، ربط البيانات

ما هو Angularلا؟

  • عدم توفير أنماط CSS أو فئات الشبكة أو مكونات JavaScript (مثل Modal أو Tabs أو Navigation Bar أو القائمة المنسدلة)

ما هو Bootstrap؟

  • التي وضعتها تويتر والآن مفتوحة المصدر
  • مجموعة من أنماط CSS جيدة التنظيم وفئات الشبكة ومكونات JavaScript تساعد في الرسوم المتحركة ، حيث تنشئ عناصر واجهة مستخدم لطيفة (يجب أن تكتب بنفسك وإلا)
  • مفيد لبناء تصميم استجابة مناسبة تماما للمشاريع الصغيرة دون الكثير من جهود التخصيص والتطوير

ما هو Bootstrap لا؟

  • عدم توفير هيكل للتطبيق
  • عدم توفير وظائف شائعة (مثل التوجيه ووحدات التحكم والنماذج وهندسة MV *)

في عام (الزاوي و bootstrap)

  • أطر نهاية الأصدقاء
  • دعم هائل مفتوح المصدر
  • تأتي مع مجموعة من المكونات المحددة مسبقًا لربط/تخفيف التطوير

في التباين (التمهيد الزاوي مقابل التمهيد)

  • JS (الهيكلية) الإطار مقابل CSS (theming) الإطار
  • يتعامل مع المنطق مقابل صفقات مع ستايل
  • إطار قوي مقابل إطار صغير الحجم
  • للتطبيقات صفحة واحدة مقابل أي هيكل
4
Tony Puthenveettil

إجابة رائعةtony Puthenveettil لإضافة (وأخذها على مستوى 5000 قدم). لنفترض أن موقع الويب الخاص بك هو متجرك الإداري الفعلي. سيكون تصميم متجر الأقسام الخاص بك على المناطق الرئيسية:

  1. كيف تريد تقسيم متجرك إلى أقسام متعددة مثل: أ. الحليب والافطار ب. رقائق وشوكولاتة ج. Cererls والأطعمة الكاملة د. اللحوم والدجاج

  2. كيف يمكنك إنشاء تخطيط لكل قسم

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

فقط تخيل متجرك ليس له ترتيب ويتم وضع عناصر مختلفة في مناطق مختلفة

مثلا كنت تجد الثلاجة اللحوم بجانب الشوكولاتة. الغريب إيه؟ من الصعب إدارة وصيانة. نعم فعلا !

لذلك نحن بحاجة إلى مقصورة من مختلف الأقسام الخاصة بك.

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

لذا فإن إنشاء المقصورة وصيانتها هما ما يساعده [Angular. الثلاجة أو الدرج المفتوح ، ما هو bootstrap!

0
dango