مرجع
آخر الزيارات

أنجولار

673 كلمة•0 مشاهدة•🗒️ منذ 11 يوماً
باختصار: أنجولار أو أنجيولار سابقا كانت أنجولار جي إس (يُشار إليه عادةً باسم " Angular +2 " أو «Angular v2 والإصدارات الأحدث»)، هي إطار عمل ويب مفتوح المصدر متخصصة بتصميم واجهات مواقع الويب، مبنية على لغة تايب سكريبت. تتناول المقالة 15 قسماً، منها «عرض من جانب الخادم»، «واجهة سطر الأوامر أنجولار» و«بنية قائمة على المكونات».
المحتويات
  1. عرض من جانب الخادم
  2. واجهة سطر الأوامر أنجولار
  3. بنية قائمة على المكونات
  4. الاختلافات بين Angular و AngularJS
  5. الإصدار 9
  6. ربط البيانات
  7. الإصدار 2
  8. Angular Material
  9. التوجيه
  10. التوجيهات
  11. تسمية
  12. شروح
  13. تجميع القوالب بشكل غير متزامن
  14. الإصدار 4
  15. حقن التبعية
أنجولار

تعريفًا بالموضوع، أنجولار أو أنجيولار سابقا كانت أنجولار جي إس (يُشار إليه عادةً باسم " Angular +2 " أو «Angular v2 والإصدارات الأحدث»)، هي إطار عمل ويب مفتوح المصدر متخصصة بتصميم واجهات مواقع الويب، مبنية على لغة تايب سكريبت. ويديرها فريق Angular في جوجل ومن قِبل مجتمع من الأفراد والشركات، أُعيد تطوير أنجولار بالكامل انطلاقًا من AngularJS بواسطة الفريق المطوّر له. وفيما يلي تفاصيل أوسع عن ذلك.

المميزات

عرض من جانب الخادم

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

واجهة سطر الأوامر أنجولار

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

بنية قائمة على المكونات

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

الاختلافات بين Angular و AngularJS

الكتابة الساكنة، بما في ذلك Generics.

وفي هذا السياق، يستعمل أنجولار صياغة مختلفة للتعبيرات، مع التركيز على "[ ]" لربط الخاصية، و "" لربط الحدث

ومن ناحية أخرى، يستعمل AngularJS لغة جافا سكريبت، بينما يستعمل أنجولار لغة تايب سكريبت.

وفي السياق ذاته، النمطية: نُقلت الكثير من الوظائف الأساسية إلى وحدات نمطية مستقلة.

وعلى صعيد آخر، لا تمتلك أنجولار مفهوم «النطاق» أو وحدات التحكم، وبدلاً من ذلك تستعمل التسلسل الهرمي للمكونات بوصفه البنية المعمارية الأساسية..

علاوةً على ذلك، يوصي أنجولار باستخدام لغة تايب سكريبت، التي طورتها مايكروسوفت، لما توفره من ميزات، منها:

الإصدار 9

  • أحجام حزم أصغر
  • اختبار أسرع
  • تصحيح الأخطاء بشكل أفضل
  • تحسين أوراق الأنماط المتتالية
  • فحص نوع محسّن
  • أخطاء بناء محسنة
  • تحسين أوقات البناء، وتمكين AOT بشكل افتراضي
  • تحسين التدويل
  • مكتبات

من جانب آخر، تم إصدار أنجولار 9 في 6 فبراير 2020. حيث ينقل الإصدار 9 جميع التطبيقات لاستخدام مترجم Ivy ووقت التشغيل بشكل تلقائي. تم تحديث أنجولار للعمل مع تايب سكريبت 3.6 و 3.7. إلى جانب مئات من إصلاحات الأخطاء، يقدم مترجم Ivy ووقت التشغيل مزايا عديدة:

ربط البيانات

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

الإصدار 2

ومن ناحية أخرى، تم الإعلان عن Angular 2.0 في مؤتمر ng-Europe والذي تم في 22-23 أكتوبر 2014. أحدثت التغييرات الجذرية في الإصدار 2.0 جدلاً كبيرًا بين المطورين. في 30 أبريل 2015، أعلن مطورو Angular أن Angular 2 انتقلت من Alpha إلى Developer Preview. انتقل Angular 2 إلى الإصدار التجريبي في ديسمبر 2015، وتم نشر مرشح الإصدار الأول في مايو 2016. تم إصدار النسخة النهائية في 14 سبتمبر 2016.

Angular Material

وعلى صعيد آخر، Angular Material هي مكتبة لمكونات واجهة المستعمل التي تطبق تصميم المواد في Angular.

  • انظر كذلك
  • أنجولار جي إس
  • رياكت
  • فيو جي أس

التوجيه

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

التوجيهات

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

تسمية

ومن ناحية أخرى، في الأصل، كانت إعادة كتابة AngularJS تسمى "Angular 2"، ولكن هذا أدى إلى الارتباك بين المطورين. للتوضيح، أعلن الفريق أنه يجب استخدام مصطلحات منفصلة لكل إطار مع الإشارة "AngularJS" إلى 1. إصدارات X و "Angular" بدون "JS" تشير إلى الإصدارات 2 وما فوق.

شروح

تحميل ديناميكي

وعلى صعيد آخر، كانت تايب سكريبت في ذلك الوقت مجموعة شاملة من مواصفات ECMAScript 6 (ES6)، مع إمكانية استهداف ECMAScript 5.

تجميع القوالب بشكل غير متزامن

وفي هذا الصدد، دعم Angular Universal ، الذي يقوم بتشغيل تطبيقات Angular على الخوادم.

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

التاريخ

الإصدار 4

ومن ناحية أخرى، في 13 ديسمبر 2016، تم الإعلان عن أنجولار 4، وتخطى 3 لتجنب الارتباك بسبب سوء محاذاة إصدار حزمة جهاز التوجيه الذي تم توزيعه بالفعل على v3.3.0. تم إصدار النسخة النهائية في 23 مارس 2017. أنجولار 4 متوافق للخلف مع أنجولار 2.

حقن التبعية

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

ما رأيك في هذه المقالة؟

📝 هل في هذه المقالة خطأ؟

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