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

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

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

Angular Framework Versions History

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

 

مقایسه ویژگی نسخه‌های مختلف فریم‌ورک 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.xAngularjs.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) در ANGULAR23.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 7):

توسط انگولار نسخه ۷ می توان اپلیکیشن های تحت وب طراحی کرد بطوری که بجای اینکه کل صفحه را از سرور بخواند، بخشی از صفحه موجود را با توجه به نیاز کاربر از سرور fetch می کند.

برای طراحی و تولید اپلیکیشن های انگولار ورژن ۷ باید از ES6 ، تایپ اسکریپت (TypeScript) و ابزارهای مدرن توسعه فرانت اند مانند npm و web pack استفاده کرد. همچنین نیاز است درک خوبی از معماری (Architecture) انگولار و ساختار آن داشت.

برای تکمیل اطلاعات خود در زمینه انگولار ۷ می توانید به وب سایت Alligator.io مراجعه کنید.

 

نتیجه گیری:

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

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

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

منابع: https://www.ngdevelop.tec و https://www.protechtraining.com و https://alligator.io

5/5 ( 1 نظر )
.ez-toc-title-container { text-align: right; display: inline; color: green; font-weight: bolder; direction: ltr; }

این مقاله را در شبکه‌های اجتماعی به اشتراک بگذارید!

Share on facebook
Share on google
Share on linkedin
Share on telegram
Share on email

پاسخی بگذارید

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

کتابخانه آنلاین

فروشگاه آنلاین مجله آموزشی محتوا

مقالات اخیر

مقالات تصادفی

فهرست کلی مقالات

کتاب آموزش گوگل آنالیتیکس

دانلود رایگان کتاب الکترونیکی

آموزش تصویری گوگل آنالیتیکس

آموزش کامل فعال‌سازی HTTPS در وردپرس

دانلود کتاب "فعال‌سازی HTTPS در وردپرس"

دانلود رایگان کتاب الکترونیکی

معرفی بهترین ابزارهای بازاریابی محتوا در سال 2019

دانلود رایگان کتاب الکترونیکی "معرفی بهترین ابزارهای بازاریابی محتوا در سال 2019"