Angularjs مقابل Angular2 | ما الفرق

AnglesJS

وبالنظر إلى الوراء ، أتيحت لنا الفرصة لإنشاء تطبيقات ويب متقدمة جدًا باستخدام واجهة برمجة تطبيقات جافا سكريبت الخالصة ، ولكن كان من الصعب جدًا الحفاظ على شفرة المصدر واختبارها جميعًا. ثم في عام 2010 تم تقديم AngularJS JavaScript كإطار MVW. كانت للشجرة مزايا رائعة جعلت الناس يحبونها:

  • كان إنشاء الشفرة سريعًا جدًا
  • كان من السهل اختبار كل تطبيق
  • كانت جوجل وراء المشروع

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

كل هذه الفوائد دفعت المزيد والمزيد من الشركات إلى إعادة كتابة تطبيقاتها من الحلول الأخرى المستندة إلى المكتبة إلى AngularJS.

الزاوية 2

AngularJS هي طريقة رائعة لإنشاء تطبيق أو MVP. مع زيادة الشعبية وإضافة المزيد من الميزات إلى الميزات الرئيسية ، قرر فريق Angular إعادة كتابة الإطار الأصلي من خلال تقديم Angular 2. بعض "Angular 2" و "AngularJS" يشتركان في شيء واحد فقط: الاسم. هناك مسار نانوغرام (يسمى تحديث نانوغرام) من AngularJS إلى Angular 2. ومع ذلك ، لا تزال Angle 2 إطارًا جديدًا يشترك في بعض مفاهيم سابقاتها.

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

img - العمارة ng1

الآن تم تقريب مفهوم التوجيهات من معيار Web Component وطريقة رد الفعل للبرمجة. هذا عن المكونات في الزاوية 2. هذا يعني أن البرنامج بأكمله أصبح الآن مكونًا ويحتوي على مجموعة أخرى من المكونات (التي يمكن تغييرها). ينتهي بهيكل يشبه الشجرة:

img - العمارة ng2

الغرض من بنية تطبيق Angular 2 هو إنشاء أكبر عدد ممكن من الأجزاء المترابطة بأكبر قدر ممكن من النعومة.

الأهم من ذلك ، هناك طريقتان لإنشاء المكونات:

  • المكونات الذكية: يعرفون حالة البرنامج ويمكنهم الاتصال بالخدمات للحصول على المعلومات أو تغييرها.
  • مكونات غبية: يجب أن يكون لها مدخلات ومخرجات فقط. عند توفير قيم الإدخال ، تكون جاهزة للنشر في أي مكان (أو خارج النظام) ، ويجب ألا تكون على دراية بحالة التطبيق.

العمل

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

النظام البيئي

نشر في الأصل على www.laravelfeed.com.