معرفی Angular 6 – آموزش Angular 6

  • دوشنبه ۲۴ دی ۱۳۹۷
  • بازدید ۵۵۲ نفر

angular 6 overview 5548 تصویر

معرفی Angular 6

تا به حال پنج نسخه از فریم ورک انگولار منتشر شده که اولین نسخه آن Angular 1 یا همان AngularJS است. بعد از انگولار ۱ نسخه دوم آن یعنی Angular 2 منتشر شد که در مقایسه با نسخه اول تغییرات بسیاری کرده بود.

انگولار بر اساس معماری components/services طراحی شده است در حالی که AngularJS بر اساس معماری model، view و controller طراحی و ساخته شده بود. انگولار ۶ که در ماه مه سال ۲۰۱۸ منتشر گردید، آخرین نسخه از این فریم ورک است که بعد از نسخه پنجم آن توسط تیم توسعه انگولار منتشر شده است.

توجه! در حال حاضر انگولار ۷ نیز منتشر شده است و مستندات کامل آن را می توانید در Angular 7 Documentation مشاهده کنید.

انگولار ۶ تقریبا همان انگولار ۵ است و پروژه هایی که با نسخه پنجم این فریم ورک ایجاد شده اند، بدون هیچ مشکلی با نسخه ششم آن نیز کار می کنند. در ادامه ویژگی های اضافه شده در انگولار ۵ را بررسی خواهیم کرد.

انگولار ۵ و ویژگی های آن

انگولار ۵ در تاریخ ۲۰۱۷ نوامبر عرضه شد. و همانطور که انتظار می رفت از نظر سرعت و حجم، سریعتر و کوچکتر از Angular 4 بود. در زیر ویژگی هایی که در Angular 5 را مشاهده می کنید.

  • HTTPClient: در این ورژن HTTPClient به عنوان کتابخانه ای سریعتر و امن تر نسبت به کتابخانه HTTP عرضه شده است.
  • قالب بندی: روش های جدید اضافه شده برای قالب بندی اعداد، تاریخ و مبالغ
  • پشتیبانی از لامبدا (lambda): عبارات لامبدا با نام های مناسب می تواند به جای توابع استفاده شود.
  • بهینه ساز Build: حجم و سرعت اجرای آن را بهینه می کند. Angular CLI به طور خودکار از آن استفاده می کند.
  • کامپایلر بهبود یافته: انگولار ۵ از Incremental compiler به منظور کامپایل سریع تر استفاده می کند.

ویژگی های انگولار ۶

در زیر ویژگی های اضافه شده در نسخه ششم فریم ورک Angular را مشاهده می کنید:

  • CLI (Command Line Interface) به روز شده: افزوده شدن دستورات جدید مانند ng-update برای مهاجرت از نسخه قبلی به نسخه جدید
  • CDK (Component Development Kit) به روز شده: امکان ساخت عناصر شخصی بدون نیاز به کتابخانه Angular Material، پشتیبانی طراحی واکنش گرا و پشتیبانی از بسته های overlay برای ایجاد پاپ آپ ها
  • Angular Material به روز شده: کامپوننت Tree اضافه شده است که به منظور نمایش لیست ها در به صورت درختی استفاده می شود
  • استفاده از RxJS: کتابخانه واکنشی JS
  • Angular Element: این امکان را می دهد که یک کامپوننت انگولار را ایجاد و آن را به عنوان یک کامپوننت وب منتشر کنید
  • اعتبار سنجی چندگانه (Multiple Validators): امکان اعمال اعتبار سنجی چندگانه در form builder
  • Tree Shaking بر روی سرویس ها: امکان اعمال tree-shaking بر روی سرویس ها و همچنین حذف کد های مرده
ثبت نظر
ریفریش کنید!
نظرات کاربران (۰ مورد)

هیچ نظری ثبت نشده است