آموزش انگولار: مسیریابی و ناوبری (Routing and Navigation) - آخرین آپدیت

سرفصل ها و درس ها

معرفی دوره و نمونه کدهای عملی Course Introduction and Code Examples

• معرفی دوره و نمونه کدهای عملی Course Introduction and Code Examples

راه‌اندازی مسیریابی در انگولار Setting up Angular Routing

• راه‌اندازی مسیریابی پایه Setting up Basic Routing

• مسیرهای انگولار (Angular Routes) Angular Routes

• دمو: تعریف مسیرهای پایه Demo: Declaring Basic Routes

• تعریف مسیر پیش‌فرض Declaring a Default Route

• دمو: تعریف مسیر Wildcard Demo: Declaring a Wildcard Route

• تعریف مسیرهای فرزند (Child Routes) Declaring Child Routes

• عیب‌یابی روتر انگولار Debugging the Angular Router

• اتصال به رویدادهای چرخه حیات روتر Hooking into Router Lifecycle Events

ناوبری بین نماها (Views) Navigating between Views

• شروع ناوبری از قالب با استفاده از RouterLinks Initiating Navigation from the Template with RouterLinks

• دمو: پیاده‌سازی RouterLinks Demo: Implementing RouterLinks

• استایل‌دهی به لینک‌های فعال Styling Active Links

• ناوبری به صورت برنامه‌نویسی شده Navigating Programmatically

• دمو: پیاده‌سازی ناوبری با سرویس روتر Demo: Implementing Navigation with the Router Service

بهره‌گیری از پارامترهای مسیر Leveraging Route Parameters

• پارامترهای مسیر اجباری Required Path Parameters

• دمو: پیاده‌سازی پارامترهای مسیر Demo: Implementing Path Parameters

• پارامترهای ماتریسی اختیاری Optional Matrix Parameters

• پارامترهای کوئری (Query Parameters) Query Parameters

• دمو: پیاده‌سازی پارامترهای کوئری Demo: Implementing Query Parameters

• اسکرول هنگام ناوبری Navigation Scrolling

خروجی‌های روتر تودرتو و نام‌گذاری شده Nested and Named RouterOutlets

• خروجی‌های روتر تودرتو و نام‌گذاری شده Nested and Named RouterOutlets

• پیاده‌سازی مسیرهای تودرتو Implementing Nested Routes

• خروجی‌های روتر نام‌گذاری شده (Named RouterOutlets) Named RouterOutlets

• دمو: پیاده‌سازی یک مسیر نام‌گذاری شده Demo: Implementing a Named Route

بارگذاری تنبل (Lazy Loading) با استفاده از روتر Lazy Loading Using the Router

• بارگذاری تنبل (Lazy Loading) چیست؟ What Is Lazy Loading?

• تعریف Lazy Loading در مسیرها Declaring Lazy Loading in Routes

• دمو: پیاده‌سازی Lazy Loading Demo: Implement Lazy Loading

• پیش‌بارگذاری مسیرها (Route Preloading) Route Preloading

بهینه‌سازی ناوبری با گارد‌های مسیر (Route Guards) Fine-tune Navigation with Route Guards

• آشنایی با گارد‌های مسیر (Route Guards) Introduction to Route Guards

• گارد‌های مسیر CanActivate CanActivate Route Guards

• دمو: ایجاد گارد‌های مسیر با استفاده از CLI Demo: Creating Route Guards with the CLI

• دمو: گارد‌های مسیر CanMatch Demo: CanMatch Route Guards

• گارد‌های مسیر CanDeactivate CanDeactivate Route Guards

ارائه وضعیت (State) از طریق روتر Providing State through the Router

• ویژگی‌های مسیر برای ارائه داده‌ها Route Properties to Provide Data

• افزودن عنوان به مسیرها Adding Titles to Routes

• دمو: ارائه داده‌های استاتیک مسیر Demo: Providing Static Route Data

• دمو: ارائه داده‌های دینامیک مسیر Demo: Providing Dynamic Route Data

• ارائه وابستگی‌ها در سطح مسیر Providing Route-level Dependencies

• انتقال‌های نمای انگولار (View Transitions) Angular View Transitions