دوره آموزشی مدیریت وضعیت در Angular با NgRx
1 ساعت 42 دقیقهمتوسط2025-05-07
مدرسین

Alain R. Chautard
Google Developer Expert in web technologies and Angular
جزئیات دوره
وقتی یه مدت با Angular کار میکنی، میفهمی یکی از سختترین بخشهای طراحی اپلیکیشن، اینه که دادهها چطوری به شکل منظم و قابل اعتماد توی رابط کاربری (UI) جریان پیدا کنن و بهروزرسانی بشن. به این کل فرایند میگن «مدیریت وضعیت» یا State Management.
تو این دوره، مربی Alain Chautard بهت اصول مدیریت وضعیت رو آموزش میده، ولی تو چارچوب برنامهنویسی واکنشی (Reactive Programming) که پایه و اساس معماری Angular هست. یاد میگیری چطور به تغییرات وضعیت واکنش نشون بدی، چطور این تغییرات رو ایجاد کنی، و چطور با مفهومهایی مثل Action (عملیات)، Effects (اثرها)، Selectors (انتخابکنندهها)، و Entities (موجودیتها) کار کنی.
همچنین با NgRx آشنا میشی که یک کتابخانه خیلی قوی و محبوب برای مدیریت وضعیت توی برنامههای بزرگ Angular هست. Alain بهت نشون میده چطوری یک معماری کامپوننت قوی بسازی که از قابلیتهای NgRx مثل «سیگنال استور» (signal store) که اخیراً اضافه شده هم استفاده میکنه. NgRx یک پیادهسازی اختصاصی از Redux برای Angular هست که امکاناتی مثل ماژولهای بارگذاری تنبل (lazy-loaded modules)، Observables، و مدیریت عملیات ناهمزمان (asynchronous side effects) رو فراهم میکنه.
اهداف یادگیری
آشنایی کامل با مفاهیم مدیریت وضعیت: وضعیت (State)، عملیات (Actions)، کاهشدهندهها (Reducers)، و فروشگاه NgRx
یادگیری نحوه معماری کردن یک برنامه Angular با استفاده از NgRx
توانایی انتخاب و کار با مفاهیم مختلف NgRx مثل موجودیتها (Entities)، اثرها (Effects)، سیگنال استور (Signal Store) و روتور استور (Router Store)
تو این دوره، مربی Alain Chautard بهت اصول مدیریت وضعیت رو آموزش میده، ولی تو چارچوب برنامهنویسی واکنشی (Reactive Programming) که پایه و اساس معماری Angular هست. یاد میگیری چطور به تغییرات وضعیت واکنش نشون بدی، چطور این تغییرات رو ایجاد کنی، و چطور با مفهومهایی مثل Action (عملیات)، Effects (اثرها)، Selectors (انتخابکنندهها)، و Entities (موجودیتها) کار کنی.
همچنین با NgRx آشنا میشی که یک کتابخانه خیلی قوی و محبوب برای مدیریت وضعیت توی برنامههای بزرگ Angular هست. Alain بهت نشون میده چطوری یک معماری کامپوننت قوی بسازی که از قابلیتهای NgRx مثل «سیگنال استور» (signal store) که اخیراً اضافه شده هم استفاده میکنه. NgRx یک پیادهسازی اختصاصی از Redux برای Angular هست که امکاناتی مثل ماژولهای بارگذاری تنبل (lazy-loaded modules)، Observables، و مدیریت عملیات ناهمزمان (asynchronous side effects) رو فراهم میکنه.
اهداف یادگیری
آشنایی کامل با مفاهیم مدیریت وضعیت: وضعیت (State)، عملیات (Actions)، کاهشدهندهها (Reducers)، و فروشگاه NgRx
یادگیری نحوه معماری کردن یک برنامه Angular با استفاده از NgRx
توانایی انتخاب و کار با مفاهیم مختلف NgRx مثل موجودیتها (Entities)، اثرها (Effects)، سیگنال استور (Signal Store) و روتور استور (Router Store)
مهارت ها
AngularFull-Stack Web DevelopmentFront-End Web DevelopmentWeb DevelopmentOpen SourceOne-Off
سرفصل ها
۰. مقدمه
- 01 - معماری انگولار خود را با NgRx بهبود دهید
۱. ریداکس و مدیریت وضعیت
- 02 - مدیریت وضعیت (state management) چیست؟
- 03 - مفاهیم اصلی - حالت و اقدامات
- 04 - مفاهیم اصلی - کاهندهها و ذخیرهسازی
- 05 - چالش - طوفان فکری برای وضعیت و اقدامات یک برنامه آب و هوا
- 06 - راه حل - طوفان فکری برای وضعیت و اقدامات یک برنامه آب و هوا
۲. مقدمهای بر NgRx
- 07 - توصیف حالت با NgRx
- 08 - اقدامات با NgRx
- 09 - کاهندهها در NgRx
- 10 - فروشگاه NgRx - ارسال یک اقدام
- 11 - فروشگاه NgRx - به بهروزرسانیهای ایالت گوش دهید
- 12 - تنظیم افکتها برای وظایف ناهمزمان
- 13 - پیادهسازی افکتها
- 14 - چالش - حذف یک کد پستی از لیست
- 15 - راه حل - حذف یک کد پستی از لیست
۳. NgRx پیشرفته
- 16 - اشکالزدایی برنامههای NgRx
- 17 - استفاده از توابع انتخابگر
- 18 - فروشگاه روتر NgRx
- 19 - نهادهایی برای مدیریت مجموعههای رکورد
- 20 - چالش - استفاده از NgRx برای بارگذاری دادههای پیشبینی
- 21 - راهکار - استفاده از NgRx برای بارگذاری دادههای پیشبینی
۴. معماری اجزا
- 22 - مروری بر معماری کامپوننتها با NgRx
- 23 - معماری کامپوننت در عمل
۵. استفاده از SignalState به جای RxJS
- 24- مقدمهای بر سیگنالهای زاویهای
- 25- ایجاد و استفاده از SignalState
- 26 - استفاده از rxMethod و patchState برای بارگذاری و بهروزرسانی دادهها
- 27 - چالش - استفاده از SignalState در برنامه ما
- 28 - راه حل - استفاده از SignalState در برنامه ما
۶. ذخیره سیگنال برای مدیریت وضعیت مبتنی بر سیگنال
- 29- مقدمهای بر SignalStore
- 30 - قلابها و متدهای SignalStore
- 31 - افزودن ویژگیهای سفارشی فروشگاه
- 32 - چالش - اولین فروشگاه سیگنال خود را ایجاد کنید
- 33 - راه حل - اولین SignalStore خود را ایجاد کنید
نتیجهگیری
- 34 - مراحل بعدی در سفر Angular شما
دوره های مرتبط
- دوره آموزشی واکنشگرایی و سیگنالها در Angular
- دوره آموزشی ساخت کتابخانههای Angular
- دوره آموزشی رمزگشایی Angular: بهینهسازی عملکرد
- دوره آموزشی ساخت اپلیکیشنهای Angular و ASP.NET Web API
- دوره آموزشی تکنیکهای بهینهسازی عملکرد Angular
- دوره آموزشی انگولار: ساخت برنامههای بزرگ
- دوره آموزشی تست و اشکال زدایی در انگولار
- دوره آموزشی Angular: برنامه های وب پیشرفته