آموزش پیشرفته توسعه انگولار (Angular) و RxJS - آخرین آپدیت

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

گارد‌های مسیر (Route Guards) Route Guards

• ایمن‌سازی مسیرها با Route Guards Securing Routes With Route Guards

• گارد CanDeactivate CanDeactivate Route Guard

• گارد CanActivateChild CanActivateChild Route Guard

• پروژه عملی: احراز هویت ورود Assignment - Login Authentication

• بارگذاری ماژول‌ها با گارد CanLoad Loading Modules with CanLoad Route Guard

• گارد CanMatch CanMatch Guard

بارگذاری تنبل (Lazy Loading) Lazy Loading

• مقدمه‌ای بر Lazy Loading Introduction to Lazy Loading

• بارگذاری تنبل ماژول‌ها Lazy Loading Of Modules

• پیش‌بارگذاری (Preloading) ماژول‌ها Preloading Of Modules

• مقایسه Preloading در برابر Lazy Loading Relative Question - Preloading Vs. Lazy Loading

• بارگذاری Deferred در انگولار ۱۷ NG17-Deferred Loading

• استفاده از @defer با @placeholder NG17-@defer with @placeholder

• استفاده از @defer با @loading NG17-@defer with @loading

• استفاده از @defer با @error NG17-@defer with @error

• کار با تریگرها (on idle) NG17-Working with Triggers (on idle)

• کار با تریگرها (on viewport) NG17-Working with Triggers (on viewport)

• کار با تریگرها (on interaction) NG17-Working with Triggers (on interaction)

• کار با تریگرها (on hover) NG17-Working with Triggers (on hover)

• کار با تریگرها (on immediate) NG17-Working with Triggers (on immediate)

• کار با تریگرها (on timer) NG17-Working with Triggers (on timer)

• پیش‌فراخوانی بلوک‌های @defer NG17-Prefetching of @defer Blocks

• تعریف تریگرهای سفارشی NG17-Defining Custom Triggers

Observables و RxJS Observables & RxJS

• درک مفاهیم Observables و RxJS Understanding Observables & RxJS

• مدیریت Observables و مشترکین (Subscribers) Managing Observables & Subscribers

• لغو اشتراک (Unsubscribing) یک Observable Unsubscribing an Observable

• درک Async Pipe Understanding Async Pipe

• پروژه عملی: دریافت داده‌های JSON با Async Pipe Assignment - Fetching JSON Data With Async Pipe

اپراتورهای RxJS RxJS Operators

• اپراتور {of} در RxJS RxJS {of} Operator

• اپراتور {from} در RxJS RxJS {from} Operator

• اپراتور {interval} در RxJS RxJS {interval} Operator

• اپراتور {timer} در RxJS RxJS {timer} Operator

• پروژه عملی: پیاده‌سازی Loading Spinner با اپراتور Timer Assignment - Implementing a Loading Spinner with Timer Operator

• اپراتور {empty} در RxJS RxJS {empty} Operator

• اپراتورهای Pipeable در RxJS RxJS Pipeable Operators

• اپراتور {filter} در RxJS RxJS {filter} Operator

• اپراتور {map} در RxJS RxJS {map} Operator

• اپراتور {mergeMap} در RxJS RxJS {mergeMap} Operator

• پروژه عملی: نمایش دوره‌های مرتبط با کاربر با mergeMap Assignment - mergeMap() - Displaying the Courses Associated With User

• اپراتور {concatMap} در RxJS RxJS {concatMap} Operator

• اپراتور {switchMap} در RxJS RxJS {switchMap} Operator

مدیریت فراخوانی‌های HTTP در انگولار Handling HTTP Calls With Angular

• برقرار کردن تماس‌های HTTP با HttpClient Making HTTP Calls With HttpClient

• برقرار کردن تماس‌های HTTP با Observable Making HTTP Calls With Observable

• پیاده‌سازی درخواست HTTP POST Implementing HTTP POST Request

• تغییر داده‌ها با درخواست PUT Modifying Data With PUT Request

• حذف داده‌ها با درخواست DELETE Removing Data With DELETE Request

• اپلیکیشن CRUD شماره ۱: نمایش محصولات با GET CRUD App#1 Displaying Products With GET Request

• اپلیکیشن CRUD شماره ۲: افزودن محصولات با POST CRUD App#2 Adding Products With POST Request

• اپلیکیشن CRUD شماره ۳: دریافت داده‌های محصول قبل از به‌روزرسانی CRUD App#3 Fetching Products Data Before Updating

• اپلیکیشن CRUD شماره ۴: به‌روزرسانی محصولات با PUT CRUD App#4 Updating Products With PUT Request

• اپلیکیشن CRUD شماره ۵: حذف محصولات با DELETE CRUD App#5 Deleting Products With DELETE Request

سیگنال‌ها در انگولار ۱۶ Signals - Angular 16

• مقدمه‌ای بر سیگنال‌ها (Signals) Introduction to Signals

• ایجاد سیگنال Creating Signal

• به‌روزرسانی مقدار سیگنال Updating Signal Value

• تغییر (Mutating) یک سیگنال Mutating A Signal

• پروژه عملی: لیست انجام کارها (To Do List) To-Do List Assignment

• سیگنال‌های محاسبه‌شده (Computed Signals) Computed Signals

• درک تابع ()effect Understanding effect() Function

• ردیابی نکردن سیگنال‌ها (Untracking) Untracking Signals

• پروژه عملی: به‌روزرسانی سبد خرید با استفاده از سیگنال‌ها Assignment - Updating The Cart Using Signals

انگولار ۱۷ [مجموعه تمامی جلسات] Angular - 17 [All Lectures Collection]

• مقدمه‌ای بر انگولار ۱۷ Introduction to Angular 17

• شروع کار با انگولار ۱۷ Getting Started With Angular 17

• بوت‌استرپ و استفاده از Standalone Bootstrapping & Utilizing Standalone

• ساختارهای کنترلی: حلقه @for Control Flow Statements @for Loop

• ساختارهای کنترلی (@if و @else) Control Flow Statements (@if & @else)

• ساختارهای کنترلی (@switch) Control Flow Statements (@switch)

• بارگذاری Deferred Deferred Loading

• استفاده از @defer با @placeholder @defer with @placeholder

• استفاده از @defer با @loading @defer with @loading

• استفاده از @defer با @error @defer with @error

• کار با تریگرها (on idle) Working with Triggers (on idle)

• کار با تریگرها (on viewport) Working with Triggers (on viewport)

• کار با تریگرها (on interaction) Working with Triggers (on interaction)

• کار با تریگرها (on hover) Working with Triggers (on hover)

• کار با تریگرها (on immediate) Working with Triggers (on immediate)

• کار با تریگرها (on timer) Working with Triggers (on timer)

• پیش‌فراخوانی بلوک‌های @defer Prefetching of @defer Blocks

• تعریف تریگرهای سفارشی Defining Custom Triggers