آموزش روتر زاویه ای در عمق (Angular 15)

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

معرفی Introduction

• مسیریاب زاویه ای در دوره آموزشی - نمای هلیکوپتر Angular Router In Depth Course - Helicopter View

• دانلود کتاب الکترونیکی Angular Router Jumpstart Download the Angular Router Jumpstart E-Book

• مهم IMPORTANT

• روتر زاویه ای در عمق - راه اندازی محیط توسعه Angular Router In Depth - Development Environment Setup

• اپلیکیشن های تک صفحه ای چیست؟ مزایا و معایب What are Single Page Applications? Advantages and Downsides

• روتر زاویه ای چیست؟ مفاهیم اساسی (مسیرها، مسیرها و خروجی ها) What is the Angular Router? Essential Concepts (Routes, Paths and Outlets)

• Router Essential Concepts - دستورالعمل های routerLink و routerLinkActive Router Essential Concepts - The routerLink and routerLinkActive Directives

ملزومات روتر زاویه ای Angular Router Essentials

• نحوه راه اندازی Lazy Loading با روتر Angular How to setup Lazy Loading with the Angular Router

• ماژول های بارگذاری شده تنبل روتر زاویه ای - نسخه نمایشی زمان اجرا Angular Router Lazy Loaded Modules - Runtime Demo

• پیکربندی روتر زاویه ای - بهترین روش ها Angular Router Configuration - Best Practices

• متغیرهای مسیریاب - مسیرهای هدف متغیر با دستورالعمل پیوند روتر Router Path Variables - Variable Target Routes with the Router Link Directive

• خدمات Resolver Angular Router - ساخت صفحه قابل پیوند در SPA Angular Router Resolver Services - Building a Linkable Page in a SPA

• نشانگر بارگذاری مسیریاب زاویه ای - تشخیص انتقال مسیر و بارگذاری تنبل Angular Router Loading Indicator - Detecting Route Transitions and Lazy Loading

Angular Router Master Detail با Detail to Detail Navigation Angular Router Master Detail with Detail to Detail Navigation

• Angular Router Child Routes - توضیح گام به گام Angular Router Child Routes - Step-by-Step Explanation

• روتر Angular Child Routes Demo - The Lessons List Component Angular Router Child Routes Demo - The Lessons List Component

• پیاده سازی Master Detail - مسیریابی از Master به Detail Component Master Detail Implementation - Routing from the Master to the Detail Component

• پیاده سازی Resolver جزئیات درس Implementing the Lesson Detail Resolver

• ناوبری روتر برنامه ای با سرویس روتر Programmatic Router Navigation with the Router Service

• درک عکس‌های لحظه‌ای مسیر در مقابل مشاهده‌پذیرهای مسیر - زمان استفاده از هر کدام و چرا Understanding Route Snapshots vs Route Observables - When to Use Each and Why

محافظ روتر زاویه ای در عمق Angular Router Guards In Depth

• معرفی بخش Router Guards - بررسی فروشگاه احراز هویت Router Guards Section Introduction - Authentication Store Review

• CanActivate Router Guards - Guards Authentication Guards CanActivate Router Guards - Authentication Guards

• درک CanActivateChild Guards Understanding CanActivateChild Guards

• CanDeactivate Router Guards - یک مثال عملی CanDeactivate Router Guards - A Practical Example

• روتر زاویه ای CanLoad Guards Angular Router CanLoad Guards

روتر زاویه ای در عمق - موضوعات دیگر Angular Router In Depth - Other Topics

• استراتژی پیش بارگذاری روتر زاویه ای چیست؟ What is an Angular Router Preloading Strategy?

• استراتژی پیش بارگذاری سفارشی روتر زاویه ای Angular Router Custom Preloading Strategy

• پارامترهای پرس و جو روتر زاویه ای - نسخه ی نمایشی Angular Router Query Parameters - Demo

• پیکربندی رفتار مسیریابی با routerLinkActiveOptions Configuring routing behaviour with routerLinkActiveOptions

• خروجی های ثانویه روتر زاویه ای - توضیح گام به گام Angular Router Secondary Outlets - Step-by-Step Explanation

• خروجی های ثانویه روتر زاویه ای - برخی از مسائل شناخته شده که باید از آنها آگاه بود Angular Router Secondary Outlets - Some Known Issues to be aware of

• گزینه های اضافی ماژول روتر زاویه ای - enableTracing و useHash Angular Router Module Extra Options - enableTracing and useHash

• گزینه های اضافی روتر زاویه ای - تنظیمات توصیه شده Angular Router Extra Options - Recommended Settings

نتیجه Conclusion

• سخنرانی پاداش Bonus Lecture

• روتر زاویه ای در عمق - نتیجه گیری و نکات کلیدی Angular Router In Depth - Conclusions and Key Takeaways