تاریخچه انگولار و مقایسه ورژن‌های مختلف آن
تاریخچه انگولار و مقایسه ورژن‌های مختلف آن » در این مقاله، با فریم ورک انگولار آشنا می شویم و سپس ورژن های 1 تا 6 این فریم ورک را مورد بررسی قرار می دهیم.

تاریخچه انگولار و مقایسه ورژن‌های مختلف آن

Angular Framework Versions History

تاریخچه انگیولار و مقایسه ورژن‌های مختلف آن

 

سرفصل‌های مقاله:

  • مقدمه
  • Angular JS 1.x
  • Angular 2
  • Angular 3
  • Angular 4
  • Angular 5
  • Angular 6
  • نتیجه گیری

 

مقایسه ویژگی نسخه‌های مختلف فریم‌ورک ANGULAR

 

مقدمه (Overview):

انگیولار پلتفرمی است برای تولید اپلیکیشن های تحت وب، موبایل و دسکتاپ.

انگیولار قابلیت های declarative templates و dependency injection و end to end tooling و integrated best practices را برای حل مشکلات پیش روی توسعه دهندگان بکار گرفته است.

گوگل ورژن های زیر را برای این فرم ورک جاوا اسکریپتی سمت کاربر (client-side) ارائه کرده است:

مقدمه انگیولار

 

انگیولار جی‌اس ۱٫x (Angular JS 1.x):

  • معمولا AngularJS به نام های Angular.js و یا Angular 1.x نیز شناخته می شود.
  • انگیولار یک فریم ورک front-end جاوااسکریپتی است برای ایجاد وب اپلیکیشن.
  • شرکت گوگل مسئولیت توسعه و پشتیبانی این فریم ورک قدرتمند را برعهده دارد.
  • هدف انگیولار تسهیل فرآیند توسعه و تست اپلیکیشن های تک صفحه ای (SPA: Single Page Applications) می باشد که می تواند دارای معماری MVC (Model-View-Controller) یا MVVM (Model-View-ViewModel) باشد.

 

انگیولار جی‌اس 1.x

 

ویژگی‌های انگیولار ۱ (AngularJS 1.x):

  • اولین نسخه انگیولار در ماه اکتبر سال ۲۰۱۰ (Oct 2010) ارائه شد.
  • آخرین نسخه Angular 1.x در سال ۲۰۱۷ ارائه شد که ورژن Angular 1.6.9 می باشد.
  • زبان توسعه انگیولار جاوا اسکریپت (Javascript) می باشد.
  • وب سایت رسمی AngularJS یا Angular 1.x "Angularjs.org" می باشد.

 

» مطالعه مقاله "آموزش مقدماتی انگیولار ۱ – ANGULARJS"

 

انگیولار ۲ (Angular 2):

ورژن ۲ انگیولار یعنی ANGULAR 2 بطور کلی با نسخه اول این فریم ورک تفاوت دارد و نحوه توسعه آن کاملا با ANGULAR 1.X فرق دارد.

 

مشخصات انگیولار ۲ (ANGULAR2):

  • زبان توسعه فریم ورک Angular 2 تایپ اسکریپت (Type Script) می باشد.
  • انگیولار ۱ برای موبایل ایجاد نشده بود اما انگیولار ۲ برای دستگاه های موبایل تولید شده است.
  • Angular 2 در ماه سپتامبر سال ۲۰۱۶ (Sep 2016) ارائه شده است.
  • برای توسعه اپلیکیشن توسط انگیولار۲ می توان از زبان های برنامه نویسی اکما-اسکریپت۵ (ES5) ، اکما-اسکریپت۶ (ES6) ، تایپ اسکریپت (TypeScript) و یا دارت (Dart) استفاده کرد.
  • وب سایت رسمی انگیولار ۲ Angular.io می باشد.

 

انگیولار ۳ (Angular 3):

ورژن سوم انگیولار (Angular 3) ارائه نشد! دلایل این پرش در ورژن های ارائه شده در انگیولار ناهماهنگی بین ورژن کتابخانه های angular/core@  و  angular/compiler@  و  angular/router@ می باشد.

دلایل عدم ارائه Angular 3:

ورژن core و router انگیولار ۲ بصورت زیر می باشد:

@angular/core                      v2.3.0

@angular/compiler              v2.3.0

@angular/compiler-cli         v2.3.0

@angular/http                       v2.3.0

@angular/router                   v3.3.0

همانطور که در لیست بالا مشاهده می کنید، ورژن روتر (router) در ANGULAR2 "3.3.0" می باشد. اگر گوگل می خواست ورژن ۳ انگیولار را ارائه دهد، باید نسخه ROUTER آنرا برابر ۴ قرار میداد که این تناقض در اعداد باعث سردرگمی و گیج شدن کاربران می شد. بنابراین گوگل تصمیم گرفت از ارائه نسخه ۳ انگیولار (ANGULAR3) صرف نظر کند و سراغ ورژن ۴ برود.

 

انگیولار ۴ (Angular 4):

انگیولار ۴ در ماه مارس ۲۰۱۷ میلادی ارائه شد.

تفاوت انگولار ۴ با انگولار ۲:

انگیولار ۴ هیچ تغییر عمده ای نسبت به ورژن دوم انگیولار (Angular2) ندارد و با تمام اپلیکیشن های نوشته شده با ANGULAR2 مطابقت دارد.

هدف گوگل از ارائه نسخه چهارم انگیولار (ANGULAR 4) سریع سازی اپلیکیشن های انگیولار۴ و فشرده سازی کدهای آن می باشد.

در بسیاری از موارد، تا ۶۰ درصد از حجم کدهای تولید شده در کامپوننت های انگیولار۴ (نسبت به angular2) کاهش یافته است.

انگولار ۴ نسبت به انگولار ۲ پیغام های مناسب تری بهنگام رفع خطای کدنویسی به توسعه دهنده ارائه می دهد.

 

انگیولار 4 (Angular 4)

 

تفاوت دیگر ANGULAR4 نسبت به ANGULAR2 اینست که انیمیشن ها از angular/core@ بیرون کشیده شده است. در ورژن ۴ هر زمان که به Animations احتیاج داشتید می توانید دستور {BrowserAnimationsModule} را از angular/platform-browser/animations@ به NgModule ایمپورت (import) کنید.

در انگیولار ۴ علاوه بر دستور *ngif دستور *ngelse نیز وجود دارد.

در ANGULAR 4 دیگر نیازی به تعریف pattern برای اعتبارسنجی آدرس ایمیل نمی باشد.

در انگیولار ۴ می توان از کدنویسی typescript 1.8 به بالا (Typescript 2.2) استفاده کرد.

 

انگیولار ۵ (Angular 5):

ANGULAR 5 در نوامبر ۲۰۱۷ (Nov 2017) توسط گوگل ارائه شده است.

برای مشاهده لیست کامل تغییرات نسخه ۵ انگیولار نسبت به نسخه های قبلی، ChangeLog انگیولار را در github مطالعه نمائید.

موارد بهبودیافته در انگولار ۵:

چند مورد از موارد بهبود یافته ANGULAR5 بصورت زیر است:

  • Build Optimizer
  • Compiler Improvements
  • Universal State Transfer API and DOM Support
  • Internationalized Number, Date, and Currency Pipes

انگیولار 5 (Angular 5) 

 

تغییرات در HttpClient:

angular/http@ در ANGULAR 5 حذف شده است و با کتابخانه angular/common/http@ جایگزین شده است.

تغییرات در HttpModule:

HttpModule دیگر در انگولار ۵ استفاده نمی شود زیرا با HttpClientModule از کتابخانه angular/common/http@ جایگزین شده است.

 

انگیولار ۶ (Angular 6):

ورژن بتای انگیولار ۶ (Angular 6.0.0-beta.7) بتازگی ارائه شده است. هم اکنون که در حال نگارش این مقاله هستم، نسخه پایدار (stable) انگیولار ۶ نیز ارائه شده است (هفته اول آپریل ۲۰۱۸ نسخه ANGULAR 6 Stable ارائه شده است)

در ANGULAR 6 از موارد زیر پشتیبانی می شود:

  • TypeScript 2.6.x
  • ویژگی های جدید فرم ها
  • Router: Added navigationSource and restoredState to NavigationStart event
  • Optional generic type for ElementRef

 

نتیجه گیری:

همانطور که از روند توسعه ورژن های مختلف Angular ملاحظه کردید، هرچه ورژن های انگولار آپدیت می شد، ویژگی های بهتری به آن اضافه می شود، کدنویسی آن ساده تر می شود و سرعت و کارایی نیز بهبود می یابد.

تغیره عمده انگیولار یک نسبت به سایر نسخه ها استفاده از Type Script شیء گرا بجای جاوا اسکریپت می باشد.

تیم توسعه ANGULAR تقریبا هر ۶ ماه یکبار، نسخه جدیدی از این فریم ورک قدرتمند و پرطرفدار ارائه می دهد.

 

منبع: https://www.ngdevelop.tech/angular/history/


برچسب‌ها:

ANGULARAngularJSانگولارانگولار جی اسانگیولارتاریخچه انگولارتایپ اسکریپتمقایسه ورژن های انگولارنسخه های انگولارورژن های انگیولارویژگی های انگولار

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

20 + هفت =