بسیاری از ما در مورد ویژگی های جدیدترین نسخه انگولار صحبت می کنیم و دوست داریم درباره امکاناتی که با این نسخه در اختیار ما قرار می گیرد، بیشتر بدانیم! آنچه که تیم انگولار ۶ به ما قول داده است، سرعت بالا، حجم کم و ویژگی های گسترده است.
- پکیج Angular Elements این امکان را می دهد که یک کامپوننت انگولار را ایجاد و آن را به عنوان یک کامپوننت وب منتشر کنید که در صفحات HTML بسیار قابل استفاده است.
- نسخه انگولار ۶ از زبان برنامه نویسی تایپ اسکریپت ۲.۸ پشتیبانی می کند. در این نسخه از تایپ اسکریپت معرف ها (declaration)، مقدار دهی اولیه کلاس ها، داده های با نوع شرطی و بهبود عملکرد namespace ها، تقویت شده است.
- رندرر Ivy به عنوان یکی از جدیدترین موتورهای رندر و شبیه سازی به حساب می آید که جدیدا معرفی شده است. این موتور رندر سرعت شبیه سازی و بهینه سازی کدها را به شکل حیرت انگیزی افزایش می دهد. در انگولار به صورت پیش فرض این موتور فعال نیست و باید آن را دستی اعمال کنید.
- کامپایلر Bazel اضافه شده است. هنگامیکه شما کدهای خود را کامپایل می کنید تنها کدهایی که دچار تغییرات شده اند و نیاز به بارگذاری مجدد دارند، کامپایل خواهند شد. در این صورت حجم کدها و بهینه سازی آنها به بهترین شکل ممکن صورت می پذیرد.
- در حال حاضر در دستوری به نام NavigationStart هیچ راهی وجود ندارد که بدانیم ناوبری یا مسیردهی به صورت اجباری صورت گرفته یا از طریق تغییر محل انجام شده است. یعنی مثلا شما روی یک لینک کلیک کرده اید و نرم افزار را مجبور کرده اید صفحه را تغییر دهد یا اینکه فقط می خواهید موقعیت فعلی نرم افزار را با تغییر مکان نما، دگرگون کنید. با استفاده از ویژگی navigationSource، مرکز و منبع ناوبری مثلا (اسکرول کردن موقعیت یا تغییر URL/URI) مشخص می شود. از طرفی یک ویژگی دیگر به نام restoredState به امکانات ناوبری اضافه شده است که با استفاده از آن میتوان موقعیت فعلی صفحه ای که درون آن قرار داریم را بدست آوریم. این دو ویژگی routing را در انگولار ۶ بسیار ساده می کنند.
- NgModelChange: این رویداد زمانی رخ می دهد که وقتی مقادیر موجود در یک قالب تغییر می کنند یا بروزرسانی می شوند. در ورژن های قبلی این رویداد قبل از آپدیت و بروزرسانی قالب رخ می داد. اما در نسخه انگولار ۶ شما می توانید تغییرات را اعمال و مقدار value را در فرم کنترل (Form Control) در اختیار داشته باشید.
- Form Control statusChanges: در انگولار ۶ یک رویداد به نام PENDING هنگامی منتشر می شود (emit) که کلاس کنترل (AbstractControl) به نام markAsPending فراخوانی شود.
سرفصل های دوره آموزشی Udemy Learn Angular 6 Step by Step with a Project:
چگونه دوره برگزار می شود؟
آزمایشگاه ۱: – اجرای اولین برنامه آنگولار خود
آزمایشگاه ۲: – ایجاد یک رابط کاربری مشتری با شبکه
آزمایشگاه ۳: – ایجاد صفحه MasterPage، صفحه تامین کننده، صفحه اصلی و ناوبری فعال
آزمایشگاه ۴: – افزایش عملکرد با استفاده از Loading Lazy
آزمایشگاه ۵: – پیاده سازی اعتبار سنجی در آنگولار