أنجولار (إطار عمل الويب)

📅 آخر تحديث: ٢٨ يوليو ٢٠٢٦
✍️ نُشر في: ٢٨ يوليو ٢٠٢٦
📷 يحتوي على 1 صور
الموسوعة الحرة

أنجولار (يُشار إليه أيضًا باسم أنجولار 2+ ) [ 5 ] هو إطار عمل مجاني ومفتوح المصدر لتطبيقات الويب أحادية الصفحة، مبني على لغة تايب سكريبت . يتم تطويره بواسطة جوجل ومجتمع من الأفراد والشركات. أنجولار هو إعادة كتابة كاملة من قِبل نفس الفريق الذي بنى أنجولار جي إس . يتكون نظام أنجولار البيئي من مجموعة متنوعة تضم أكثر من 1.7 مليون مطور ومؤلف مكتبات ومنشئ محتوى. [ 6 ] وفقًا لاستطلاع مطوري ستاك أوفرفلو، يُعد أنجولار أحد أكثر أطر عمل الويب استخدامًا. [ 7 ]

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

بنية تطبيق Angular، والخدمات، وحقن التبعية

صممت جوجل Angular كإعادة كتابة شاملة لـ AngularJS. على عكس AngularJS، لا يمتلك Angular مفهوم "النطاق" أو المتحكمات؛ بل يستخدم تسلسلًا هرميًا للمكونات كسمة معمارية أساسية. [ 8 ] يتميز Angular بصيغة تعبير مختلفة، تركز على "[ ]"ربط الخصائص وربط"( )" الأحداث . [ 9 ] يوصي Angular باستخدام لغة TypeScript من مايكروسوفت ، التي تقدم ميزات مثل الكتابة الثابتة ، والأنواع العامة ، وتعليقات الأنواع .

سمات

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

يستخدم Angular بنية قائمة على المكونات ، مما يسمح للمطورين بإنشاء عناصر واجهة مستخدم مغلفة وقابلة لإعادة الاستخدام. يغلف كل مكون ملفات HTML و CSS وTypeScript الخاصة به، مما يسهل إدارة واختبار أجزاء التطبيق الفردية. [ 10 ]

ربط البيانات

يدعم Angular ربط البيانات ثنائي الاتجاه، مما يؤدي إلى مزامنة البيانات بين النموذج والعرض. وهذا يضمن أن أي تغييرات في العرض تنعكس تلقائيًا في النموذج والعكس صحيح. [ 11 ]

حقن التبعية

يحتوي Angular على نظام حقن تبعية مدمج يُسهّل إدارة التبعيات وحقنها في المكونات والخدمات. وهذا يُعزز نمطية البرمجيات ويُسهّل عملية الاختبار. [ 12 ]

التوجيهات

يُوسّع Angular لغة HTML بخصائص إضافية تُسمى التوجيهات. توفر التوجيهات وظائف لتغيير سلوك أو مظهر عناصر DOM . [ 13 ]

التوجيه

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

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

توفر واجهة سطر الأوامر (CLI ) الخاصة بـ Angular مجموعة من الأدوات لإنشاء تطبيقات Angular وبنائها واختبارها ونشرها. وهي تُمكّن من إعداد التطبيقات بسرعة وتُبسط مهام التطوير المستمرة. [ 15 ]

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

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

تاريخ

أُعلن عن Angular 2.0 خلال الكلمة الرئيسية لمؤتمر NG-Conf لعام 2014، الذي عُقد في الفترة من 16 إلى 17 يناير 2014. [ 17 ] وفي 30 أبريل 2015، أعلن مطورو Angular أن Angular 2 انتقل من مرحلة ألفا إلى مرحلة المعاينة للمطورين. [ 18 ] ثم انتقل Angular 2 إلى مرحلة بيتا في ديسمبر 2015، [ 19 ] ونُشرت أول نسخة تجريبية في مايو 2016. [ 20 ] وصدرت النسخة النهائية في 14 سبتمبر 2016.

قدّم الإصدار الثامن من Angular مسارًا جديدًا للترجمة والعرض، وهو Ivy، وفعّل الإصدار التاسع من Angular هذا المسار افتراضيًا. أزال Angular 13 المُترجم السابق المُهمل، View Engine. [ 21 ] قدّم Angular 14 المكونات المستقلة، وجعلها Angular 17 هي الوضع الافتراضي، مما قلّل من استخدام الوحدات النمطية. [ 22 ]

أدخلت Angular 18، التي صدرت في عام 2024، العديد من التحسينات مثل المكونات المستقلة التي تكون قيمتها الافتراضية صحيحة، وبنية تدفق التحكم المدمجة، ومعاينات دعم Zoneless، وأدوات تصحيح أخطاء SSR الحديثة. [44]

تسمية

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

سجل الإصدارات

إصدارتاريخ الافراج عنهميزات جديدة
أحدث إصدار: Angular 223 يونيو 2026نماذج إشارات مستقرة ومكونات يمكن الوصول إليها بشكل مستقر باستخدام Angular ARIA.
يدعم: Angular 2119 نوفمبر 2025نماذج إشارات تجريبية، ومكونات تجريبية سهلة الوصول مع Angular ARIA وZoneless افتراضيًا
يدعم: Angular 2028 مايو 2025بشكل افتراضي، لن يقوم Angular CLI بإنشاء لاحقات للمكونات والتوجيهات والخدمات والأنابيب. [ 24 ]
غير مدعوم: Angular 1919 نوفمبر 2024أصبحت توجيهات Angular ومكوناتها وأنابيبها مستقلة بشكل افتراضي. [ 25 ]
غير مدعوم: Angular 1822 مايو 2024دعم تجريبي للكشف عن التغييرات بدون مناطق وتحسينات في العرض من جانب الخادم. [ 26 ]
غير مدعوم: Angular 178 نوفمبر 2023 [ 27 ]أصبح الوضع المستقل الآن هو الوضع الافتراضي الجديد لواجهة سطر الأوامر (منشئ التطبيقات)، دون الحاجة إلى وحدات Angular (NgModule)، وهو بناء جملة جديد للتحكم في التدفق وموقع التوثيق. [ 27 ]
غير مدعوم: Angular 163 مايو 2023ترطيب جزئي لعرض Angular Universal من جانب الخادم ، ودعم تجريبي لـ Jest، ونظام بناء قائم على esbuild لخوادم التطوير.
غير مدعوم: Angular 1518 نوفمبر 2022واجهات برمجة التطبيقات المستقلة، وواجهة برمجة تطبيقات تكوين التوجيهات. [ 28 ]
غير مدعوم: Angular 142 يونيو 2022النماذج المكتوبة، والمكونات المستقلة، والعناصر الأولية الجديدة في Angular CDK (مجموعة أدوات تطوير المكونات). [ 29 ]
غير مدعوم: Angular 134 نوفمبر 2021 [ 30 ]تمت إزالة مُحرك العرض القديم.
غير مدعوم: Angular 1212 مايو 2021 [ 31 ]تم إيقاف دعم Internet Explorer 11.
غير مدعوم: Angular 1111 نوفمبر 2020 [ 32 ]دعم تجريبي لـ Webpack 5
غير مدعوم: Angular 1024 يونيو 2020 [ 33 ]أداة اختيار نطاق التاريخ الجديدة (مكتبة واجهة المستخدم Material).
غير مدعوم: Angular 96 فبراير 2020تحسين أوقات البناء، وتفعيل خاصية AOT افتراضيًا
غير مدعوم: Angular 828 مايو 2019التحميل التفاضلي لجميع أكواد التطبيق، والاستيراد الديناميكي للمسارات الكسولة، وعمال الويب، ودعم TypeScript 3.4، وAngular Ivy كمعاينة اختيارية. [ 34 ]
غير مدعوم: Angular 718 أكتوبر 2018تحديثات تتعلق بأداء التطبيق، وAngular Material وCDK، والتمرير الافتراضي، وتحسين إمكانية الوصول إلى عناصر Select. دعم عرض المحتوى باستخدام معيار الويب للعناصر المخصصة، وتحديثات التبعيات المتعلقة بـ TypeScript 3.1 وRxJS 6.3 وNode.js 10. [ 35 ]
غير مدعوم: Angular 64 مايو 2018 [ 36 ]دعم تجريبي للعناصر المخصصة، تمت إضافة أمر ng update
غير مدعوم: Angular 51 نوفمبر 2017 [ 37 ]دعم تطبيقات الويب التقدمية ، ومُحسِّن البناء، والتحسينات المتعلقة بتصميم المواد. [ 38 ]
غير مدعوم: Angular 4.318 يوليو 2017HttpClient لإجراء طلبات HTTP، وتعطيل الرسوم المتحركة بشكل مشروط، وأحداث دورة حياة الموجه الجديدة للحراس والمحللات.

إصدار ثانوي، أي أنه لا يحتوي على تغييرات جذرية وأنه بديل مباشر لـ Angular 4.xx

غير مدعوم: Angular 423 مارس 2017 [ 39 ]تمت إضافة ngIf و ngFor. متوافق مع الإصدارات السابقة من Angular 2.
غير مدعوم: Angular 214 سبتمبر 2016الإصدار الأولي

الإصدارات المستقبلية

منذ الإصدار التاسع، قام فريق Angular بنقل جميع التطبيقات الجديدة لاستخدام مُصرّف Ivy وبيئة التشغيل الخاصة به. وسيعملون على Ivy لتحسين أحجام حزم الإخراج وسرعات التطوير. [ 40 ]

من المتوقع أن يكون كل إصدار متوافقًا مع الإصدار السابق. وقد تعهد فريق تطوير Angular بإجراء ترقيات مرتين سنويًا.

سياسة الدعم والجدول الزمني

تُدعم جميع الإصدارات الرئيسية لمدة 18 شهرًا. يتضمن ذلك 6 أشهر من الدعم الفعال، يتم خلالها إصدار التحديثات والتصحيحات المجدولة بانتظام. يلي ذلك 12 شهرًا من الدعم طويل الأمد (LTS)، يتم خلالها إصدار الإصلاحات الهامة والتصحيحات الأمنية فقط. [ 41 ]

إصدارات Angular المدعومة
إصدارحالةمطلق سراحهالأطراف النشطةانتهاء خدمة الدعم طويل الأمدمدة
^22.0.0نشيط3 يونيو 20263 ديسمبر 2026 [ ملاحظة 1 ]3 ديسمبر 2027 [ ملاحظة 1 ]سنة ونصف
^21.0.0نشيط19 نوفمبر 202519 مايو 202619 مايو 2027 [ ملاحظة 1 ]سنة ونصف
^20.0.0LTS28 مايو 202521 نوفمبر 202521 نوفمبر 2026سنة ونصف

لم تعد إصدارات Angular من الإصدار v2 إلى الإصدار v19 مدعومة. [ 42 ]

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

المشاريع المرتبطة

Analog هو إطار عمل ويب متكامل يعتمد على Angular ويعمل بواسطة Vite و Nitro . [ 44 ] [ 45 ]

المكتبات

مادة زاوية

Angular Material هي مكتبة مكونات واجهة المستخدم التي تُطبّق تصميم Material Design في Angular. [ 46 ] وهي توفر مجموعة من المكونات القابلة لإعادة الاستخدام والتي تلتزم بمواصفات تصميم Material Design من Google، بهدف تقديم واجهة مستخدم متسقة عبر مختلف الأجهزة والمنصات.

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

العناصر الزاوية

في عام 2018، قدمت Angular 6 ميزة Angular Elements، مما مكن المطورين من تجميع مكونات Angular كعناصر ويب مخصصة، وهي جزء من مجموعة مكونات الويب الخاصة بواجهات برمجة تطبيقات منصة الويب. [ 47 ] [ 48 ]

انظر أيضاً

مراجع

  1. ↑ "Angular، الإصدار 2: تعزيز الإحساس بالوضع" . blogspot.com . 14 سبتمبر 2016. مؤرشف من الأصل في 12 مارس 2017. تم الاطلاع عليه في 18 مارس 2017 .
  2. ↑ https://angular.dev/events/v22 .{{cite web}}: مفقود أو فارغ |title=( مساعدة )
  3. ↑ "الإصدارات · angular/angular" . GitHub . تم الاطلاع عليه بتاريخ 15-06-2026 .{{cite web}}: CS1 maint: url-status ( link )
  4. ↑ "angular/releases" . GitHub . تم الاسترجاع في 2025-11-04 .
  5. ↑ "AngularJS وAngular 2+: مقارنة تفصيلية" . 6 أبريل 2018.
  6. ↑ "Angular" . angular.io . تم ​​الاطلاع عليه بتاريخ 26-03-2024 .
  7. ↑ "استطلاع رأي مطوري ستاك أوفرفلو لعام 2025" . ستاك أوفرفلو . تم الاطلاع عليه بتاريخ 30 أغسطس 2025 .
  8. ↑ "وثائق Angular" . angular.io .
  9. ↑ "ما الفرق بين AngularJS وAngular؟" . gorrion.io . ١٩ سبتمبر ٢٠١٧. تم الاطلاع عليه بتاريخ ٢٨ يناير ٢٠١٨ .
  10. ↑ "التأليف باستخدام المكونات · Angular" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  11. ↑ "فهم الربط · Angular" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  12. ↑ "حقن التبعية في Angular" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  13. ↑ "التوجيهات · نظرة عامة · أنجولار" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  14. ↑ "التوجيه · نظرة عامة · أنجولار" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  15. ↑ "Angular CLI · نظرة عامة · Angular" . angular.dev . تم الاطلاع عليه بتاريخ 2024-06-02 .
  16. ↑ زورافسكي، باويل (9 مايو 2024). "Angular SSR: دليل تنفيذ عرض الصفحات من جانب الخادم" . بريتيوس . تم الاطلاع عليه بتاريخ 17 يوليو 2024 .
  17. ↑ "الكلمة الرئيسية في مؤتمر NG-Conf 2014" . youtube.com . 16 يناير 2014. تم الاطلاع عليه بتاريخ 10 يونيو 2025 .
  18. ↑ @angularjs (30 أبريل 2015). "Angular 2 ينتقل من مرحلة ألفا إلى معاينة المطورين! دليل المطورين ووثائق واجهة برمجة التطبيقات متوفرة الآن على ... angular.io/docs/js/latest" ( تغريدة ) . تم الاطلاع عليها بتاريخ 21 أكتوبر 2015 - عبر تويتر .
  19. ↑ "Angular: Angular 2 Beta" . angularjs.blogspot.it . مؤرشف من الأصل بتاريخ 18-12-2015 . تم الاطلاع عليه بتاريخ 13-07-2016 .
  20. ↑ "angular/angular" . GitHub . تم الاسترجاع في 2016-05-04 .
  21. ↑ تومسون، مارك (2021-11-04). "Angular v13 متوفر الآن" . مدونة Angular . تم الاطلاع عليه بتاريخ 2024-06-02 .
  22. ↑ جيتشيف، مينكو (2023-11-08). "تقديم Angular v17" . مدونة Angular . تم الاطلاع عليه بتاريخ 2024-05-16 .
  23. ↑ "Angular: إرشادات العلامة التجارية لـ AngularJS" . مؤرشف من الأصل بتاريخ 2017-02-04 . تم الاطلاع عليه بتاريخ 2017-03-04 .
  24. ^ جيتشيف ، مينكو (28 مايو 2025). "الإعلان عن Angular v20" . واسطة . تم الاسترجاع 2025-05-28 .
  25. ↑ جيتشيف، مينكو (19 نوفمبر 2024). "تعرّف على Angular الإصدار 19" . Medium . تم الاطلاع عليه بتاريخ 19 نوفمبر 2024 .
  26. ↑ جيتشيف، مينكو (23 مايو 2024). "أصبح Angular v18 متاحًا الآن!" . ميديوم . تم الاطلاع عليه بتاريخ 2 يونيو 2024 .
  27. 1 2 جيتشيف، مينكو (8 نوفمبر 2023). "تقديم Angular v17" . Medium . مدونة Angular . تم الاطلاع عليه في 12 نوفمبر 2023 .
  28. ↑ جيتشيف، مينكو (21 نوفمبر 2022). "Angular v15 متوفر الآن!" . مدونة Angular . تم الاطلاع عليه بتاريخ 2 يونيو 2024 .
  29. ↑ تويرسكي، إيما (2022-06-03). "Angular v14 متوفر الآن!" . مدونة Angular . تم الاطلاع عليه بتاريخ 2022-06-03 .
  30. ↑ تومسون، مارك (4 نوفمبر 2021). "Angular v13 متوفر الآن" . مدونة Angular . تم الاطلاع عليه في 10 يناير 2022 .
  31. ↑ تومسون، مارك (12 مايو 2021). "Angular v12 متوفر الآن" . Medium . تم الاطلاع عليه بتاريخ 17 مايو 2021 .
  32. ↑ "الإصدار 11 من Angular متاح الآن" . 4 ديسمبر 2020.
  33. ↑ "الإصدار 10 من Angular متاح الآن" . 25 يونيو 2020.
  34. ↑ فلوين، ستيفن (2019-02-08). "خطة للإصدار 8.0 و Ivy" . مدونة Angular . تم الاطلاع عليه بتاريخ 2019-06-07 .
  35. ↑ فلوين، ستيفن (18 أكتوبر 2018). "الإصدار 7 من أنجولار - موجهات سطر الأوامر، والتمرير الافتراضي، والسحب والإفلات، والمزيد" . مدونة أنجولار . تم الاطلاع عليه بتاريخ 7 يونيو 2019 .
  36. ↑ "الإصدار 6.0.0 من Angular متوفر الآن" . تم الاطلاع عليه بتاريخ 4 مايو 2018 .
  37. ↑ فلوين، ستيفن. "الإصدار 5.0.0 من Angular متاح الآن" . تم الاطلاع عليه في 2 نوفمبر 2017 .
  38. ↑ كريل، بول (18 سبتمبر 2017). "تأجيل إطار عمل جافا سكريبت Angular 5" . إنفوورلد .
  39. ↑ "Angular 4.0.0 متوفر الآن" . angularjs.blogspot.ca . مؤرشف من الأصل بتاريخ 2018-01-08 . تم الاطلاع عليه بتاريخ 2017-03-23 .
  40. ↑ فلوين، ستيفن (6 فبراير 2020). "الإصدار 9 من أنجولار متوفر الآن - وصل مشروع آيفي!" . blog.angular.io . تم ​​الاطلاع عليه بتاريخ 22 مارس 2022 .
  41. ↑ "Angular" . angular.io . تم ​​الاطلاع عليه بتاريخ 2025-06-07 .
  42. ↑ "Angular" . angular.dev . تم الاطلاع عليه بتاريخ 29-05-2026 .
  43. ↑ "الإصدار 2.6.4" . 23 يوليو 2026. تم الاطلاع عليه في 24 يوليو 2026 .
  44. ↑ روبرتس، براندون (28 يونيو 2023). "تطبيق Angular متكامل مع Analog 🚀" . dev.to. تم ​​الاطلاع عليه بتاريخ 21 يناير 2026 .
  45. ↑ كورتيس، دانيال (21 نوفمبر 2025). "AnalogJS 2.0: إطار عمل Angular Full Stack يقدم موارد المحتوى وبنيات أكثر كفاءة" . InfoQ.com . تم الاطلاع عليه بتاريخ 21 يناير 2026 .
  46. ↑ "Angular Material" . material.angular.io .
  47. ↑ "كيفية إنشاء عناصر مخصصة ومكونات ويب في Angular 6" . 29 سبتمبر 2018.
  48. ↑ ميزات وتحسينات Angular 18. تاريخ النشر: [20 مايو 2025]. تاريخ الوصول: [20 مايو 2025].