تخفیف ویژه همین الان — دوره‌های تخفیف‌دار را ببینید.
روز
:
ساعت
:
دقیقه
:
ثانیه
تخفیف‌های ویژه
دوره آموزشی مدیریت وضعیت در Angular با NgRx

دوره آموزشی مدیریت وضعیت در Angular با NgRx

1 ساعت 42 دقیقهمتوسط2025-05-07

مدرسین

Alain R. Chautard

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)

مهارت ها

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 شما

دوره های مرتبط

درباره ما

لینداکده یک بستر یادگیری پیشرو است که به افراد کمک می کند تا کسب و کار ، نرم افزار ، فناوری و مهارت‌های خلاقانه را برای دستیابی به اهداف شخصی و حرفه ای بیاموزد.

شماره تلفنکانال آپاراتپشتیبانی تلگرامکانال تلگرامپیج اینستاگرام

کلیه‌ی حقوق این سایت متعلق به لینداکده می باشد

قوانین و شرایط|حریم خصوصی

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal