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

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

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

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

تنظیمات مسیریابی در انگولار Setting up Angular Routing

• تنظیمات اولیه مسیریابی Setting up Basic Routing

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

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

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

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

• تعریف مسیرهای فرزند 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

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

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

• پارامترهای ضروری مسیر (Required Path 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

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

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

• خروجی‌های روتر نام‌گذاری شده 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

• دمو: پیاده‌سازی بارگذاری تنبل 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

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

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

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

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

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