آموزش NgRx (با داده های NgRx) - راهنمای کامل (Angular 15)

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

معرفی Introduction

• NgRx (با داده های NgRx) - نمای هلیکوپتر NgRx (with NgRx Data) - Helicopter View

• مهم - نسخه های نرم افزاری توصیه شده IMPORTANT - Recommended Software Versions

• NgRx راهنمای کامل - راه اندازی محیط توسعه NgRx The Complete Guide - Development Environment Setup

• تایپ اسکریپت Jumpstart کتاب الکترونیکی The Typescript Jumpstart Ebook

• NgRx چیست، چرا مدیریت دولتی و چه مزایایی دارد؟ What is NgRx, Why State Management and what are the benefits?

• نصب NgRx و NgRx DevTools Installing NgRx and the NgRx DevTools

معرفی Introduction

• NgRx (با داده های NgRx) - نمای هلیکوپتر NgRx (with NgRx Data) - Helicopter View

• مهم - نسخه های نرم افزاری توصیه شده IMPORTANT - Recommended Software Versions

• NgRx راهنمای کامل - راه اندازی محیط توسعه NgRx The Complete Guide - Development Environment Setup

• تایپ اسکریپت Jumpstart کتاب الکترونیکی The Typescript Jumpstart Ebook

• NgRx چیست، چرا مدیریت دولتی و چه مزایایی دارد؟ What is NgRx, Why State Management and what are the benefits?

• نصب NgRx و NgRx DevTools Installing NgRx and the NgRx DevTools

مفاهیم کلیدی NgRx - اقدامات و کاهش دهنده ها NgRx Key Concepts - Actions and Reducers

• پیکربندی یک ماژول ویژگی NgRx با استفاده از شماتیک های NgRx Configuring an NgRx Feature Module using NgRx Schematics

• API سرویس فروشگاه - پیاده سازی صفحه ورود به سیستم The Store Service API - Implementing the Login Screen

• تعریف اقدامات NgRx با استفاده از Action Creators Defining NgRx Actions using Action Creators

• گروه بندی اقدامات همراه با انواع اقدام Grouping Actions Together with Action Types

• کاهش دهنده های NgRx - پیاده سازی گام به گام NgRx Reducers - Step-by-Step Implementation

• خلاصه مفاهیم کلیدی - اقدامات NgRx و کاهش دهنده ها در عمل Key Concepts Summary - NgRx Actions and Reducers In Action

مفاهیم کلیدی NgRx - اقدامات و کاهش دهنده ها NgRx Key Concepts - Actions and Reducers

• پیکربندی یک ماژول ویژگی NgRx با استفاده از شماتیک های NgRx Configuring an NgRx Feature Module using NgRx Schematics

• API سرویس فروشگاه - پیاده سازی صفحه ورود به سیستم The Store Service API - Implementing the Login Screen

• تعریف اقدامات NgRx با استفاده از Action Creators Defining NgRx Actions using Action Creators

• گروه بندی اقدامات همراه با انواع اقدام Grouping Actions Together with Action Types

• کاهش دهنده های NgRx - پیاده سازی گام به گام NgRx Reducers - Step-by-Step Implementation

• خلاصه مفاهیم کلیدی - اقدامات NgRx و کاهش دهنده ها در عمل Key Concepts Summary - NgRx Actions and Reducers In Action

مفاهیم کلیدی NgRx - انتخابگرها و جلوه ها NgRx Key Concepts - Selectors and Effects

• نحوه پرس و جو از داده های فروشگاه - یک مثال How to Query the Store Data - An Example

• انتخابگرهای NgRx - توضیحی عمیق NgRx Selectors - An In-Depth Explanation

• انتخابگرهای ویژگی NgRx - یک توضیح ساده NgRx Feature Selectors - a Simple Explanation

• پیاده سازی خروج کاربر (درس تمرینی) Implementing User Logout (Practice Lesson )

• پیاده سازی روتر احراز هویت گارد (درس تمرینی) Implementing a Router Authentication Guard (Practice Lesson)

• مقدمه ای بر اثرات NgRx - عارضه جانبی چیست؟ Introduction to NgRx Effects - What is a Side Effect?

• درک اثرات NgRx - یک مثال ساده Understanding NgRx Effects - A Simple Example

• اثرات NgRx - پیاده سازی گام به گام NgRx Effects - Step-by-Step Implementation

• پیاده سازی اثر خروج (درس تمرینی) Implementing the Logout Effect (Practice Lesson)

مفاهیم کلیدی NgRx - انتخابگرها و جلوه ها NgRx Key Concepts - Selectors and Effects

• نحوه پرس و جو از داده های فروشگاه - یک مثال How to Query the Store Data - An Example

• انتخابگرهای NgRx - توضیحی عمیق NgRx Selectors - An In-Depth Explanation

• انتخابگرهای ویژگی NgRx - یک توضیح ساده NgRx Feature Selectors - a Simple Explanation

• پیاده سازی خروج کاربر (درس تمرینی) Implementing User Logout (Practice Lesson )

• پیاده سازی روتر احراز هویت گارد (درس تمرینی) Implementing a Router Authentication Guard (Practice Lesson)

• مقدمه ای بر اثرات NgRx - عارضه جانبی چیست؟ Introduction to NgRx Effects - What is a Side Effect?

• درک اثرات NgRx - یک مثال ساده Understanding NgRx Effects - A Simple Example

• اثرات NgRx - پیاده سازی گام به گام NgRx Effects - Step-by-Step Implementation

• پیاده سازی اثر خروج (درس تمرینی) Implementing the Logout Effect (Practice Lesson)

ابزار توسعه NgRx در عمق NgRx Development Tools In Depth

• راه اندازی NgRx Router Store و Debugger Time-Travelling Setting up NgRx Router Store and the Time-Travelling Debugger

• بررسی های زمان اجرا NgRx - چگونه کار می کنند؟ NgRx Runtime Checks - How do they work?

• NgRx Metareducers - پیاده سازی گام به گام NgRx Metareducers - Step-by-Step Implementation

ابزار توسعه NgRx در عمق NgRx Development Tools In Depth

• راه اندازی NgRx Router Store و Debugger Time-Travelling Setting up NgRx Router Store and the Time-Travelling Debugger

• بررسی های زمان اجرا NgRx - چگونه کار می کنند؟ NgRx Runtime Checks - How do they work?

• NgRx Metareducers - پیاده سازی گام به گام NgRx Metareducers - Step-by-Step Implementation

موجودیت NgRx در عمق NgRx Entity In Depth

• موجودیت NgRx - شروع بخش NgRx Entity - Section Kickoff

• طراحی ویژگی NgRx - ابتدا اقدامات را تعریف کنید NgRx Feature Design - Defining Actions First

• بارگیری داده های موجودیت NgRx با استفاده از یک روتر Resolver Loading NgRx Entity Data using a Router Resolver

• جلوه های NgRx - واکشی داده ها از Backend NgRx Effects - Fetching Data From the Backend

• درک قالب NgRx Entity Understanding the NgRx Entity Format

• پیاده سازی کاهش دهنده ها با استفاده از آداپتور NgRx Entity Implementing Reducers Using the NgRx Entity Adapter

• انتخابگرهای نهاد NgRx - Refactoring the Home Component NgRx Entity Selectors - Refactoring the Home Component

• پیکربندی آداپتور نهاد - درک sortComparer و selectId Entity Adapter Configuration - Understanding sortComparer and selectId

• راه حل واکشی داده های NgRx - چگونه داده ها را فقط در صورت نیاز بارگیری کنیم NgRx Data Fetching Solution - How to Load Data Only If Needed

• ویرایش خوش بینانه داده های موجود - گفتگوی دوره ویرایش Optimistically Editing Entity Data - The Edit Course Dialog

• ویرایش داده های خوش بینانه - پیاده سازی و نمایش کاهش دهنده Optimistic Data Editing - Reducer Implementation and Demo

• ویرایش خوش بینانه داده ها - ذخیره داده ها در پس زمینه با یک افکت Optimistic Data Editing - Saving Data in the background with an Effect

موجودیت NgRx در عمق NgRx Entity In Depth

• موجودیت NgRx - شروع بخش NgRx Entity - Section Kickoff

• طراحی ویژگی NgRx - ابتدا اقدامات را تعریف کنید NgRx Feature Design - Defining Actions First

• بارگیری داده های موجودیت NgRx با استفاده از یک روتر Resolver Loading NgRx Entity Data using a Router Resolver

• جلوه های NgRx - واکشی داده ها از Backend NgRx Effects - Fetching Data From the Backend

• درک قالب NgRx Entity Understanding the NgRx Entity Format

• پیاده سازی کاهش دهنده ها با استفاده از آداپتور NgRx Entity Implementing Reducers Using the NgRx Entity Adapter

• انتخابگرهای نهاد NgRx - Refactoring the Home Component NgRx Entity Selectors - Refactoring the Home Component

• پیکربندی آداپتور نهاد - درک sortComparer و selectId Entity Adapter Configuration - Understanding sortComparer and selectId

• راه حل واکشی داده های NgRx - چگونه داده ها را فقط در صورت نیاز بارگیری کنیم NgRx Data Fetching Solution - How to Load Data Only If Needed

• ویرایش خوش بینانه داده های موجود - گفتگوی دوره ویرایش Optimistically Editing Entity Data - The Edit Course Dialog

• ویرایش داده های خوش بینانه - پیاده سازی و نمایش کاهش دهنده Optimistic Data Editing - Reducer Implementation and Demo

• ویرایش خوش بینانه داده ها - ذخیره داده ها در پس زمینه با یک افکت Optimistic Data Editing - Saving Data in the background with an Effect

داده های NgRx در عمق NgRx Data In Depth

• چرا داده NgRx؟ مقدمه بخش جدید Why NgRx Data? New Section Introduction

• تنظیم داده های NgRx در یک ماژول لود شده تنبل Setting Up NgRx Data in a Lazy Loaded Module

• داده های NgRx چگونه کار می کند؟ واکشی شفاف داده در عمل How Does NgRx Data Work? Transparent Fetching Data In Action

• سرویس داده سفارشی NgRx - واکشی داده ها از Backend NgRx Custom Data Service - Fetching Data From the Backend

• کنترل بارگذاری داده با پرچم بارگذاری داده NgRx Controlling Data Loading with the NgRx Data loaded flag

• جستجوی داده‌های ذخیره‌سازی با داده‌های NgRx و موجودیت‌های $ قابل مشاهده Querying Store Data with NgRx Data and the entities$ Observable

• NgRx Data CRUD - چرا از به‌روزرسانی‌های خوش‌بینانه استفاده کنیم؟ NgRx Data CRUD - Why use Optimistic Updates?

• NgRx Data CRUD - چرا ایجاد داده بدبینانه؟ NgRx Data CRUD - Why Pessimistic Data Creation?

• NgRx Data CRUD - اجرای حذف خوشبینانه NgRx Data CRUD - Optimistic Delete Implementation

• راه اندازی یک موجودیت جدید - موجودیت درس Setting Up a new Entity - The Lesson Entity

• پیاده سازی مولفه دوره با استفاده از داده های NgRx Implementing the Course Component Using NgRx Data

• صفحه بندی دروس با استفاده از داده های NgRx Lessons Pagination using NgRx Data

• تغییر یک برنامه NgRx به OnPush Change Detection Switching an NgRx Application to OnPush Change Detection

داده های NgRx در عمق NgRx Data In Depth

• چرا داده NgRx؟ مقدمه بخش جدید Why NgRx Data? New Section Introduction

• تنظیم داده های NgRx در یک ماژول لود شده تنبل Setting Up NgRx Data in a Lazy Loaded Module

• داده های NgRx چگونه کار می کند؟ واکشی شفاف داده در عمل How Does NgRx Data Work? Transparent Fetching Data In Action

• سرویس داده سفارشی NgRx - واکشی داده ها از Backend NgRx Custom Data Service - Fetching Data From the Backend

• کنترل بارگذاری داده با پرچم بارگذاری داده NgRx Controlling Data Loading with the NgRx Data loaded flag

• جستجوی داده‌های ذخیره‌سازی با داده‌های NgRx و موجودیت‌های $ قابل مشاهده Querying Store Data with NgRx Data and the entities$ Observable

• NgRx Data CRUD - چرا از به‌روزرسانی‌های خوش‌بینانه استفاده کنیم؟ NgRx Data CRUD - Why use Optimistic Updates?

• NgRx Data CRUD - چرا ایجاد داده بدبینانه؟ NgRx Data CRUD - Why Pessimistic Data Creation?

• NgRx Data CRUD - اجرای حذف خوشبینانه NgRx Data CRUD - Optimistic Delete Implementation

• راه اندازی یک موجودیت جدید - موجودیت درس Setting Up a new Entity - The Lesson Entity

• پیاده سازی مولفه دوره با استفاده از داده های NgRx Implementing the Course Component Using NgRx Data

• صفحه بندی دروس با استفاده از داده های NgRx Lessons Pagination using NgRx Data

• تغییر یک برنامه NgRx به OnPush Change Detection Switching an NgRx Application to OnPush Change Detection

نتیجه گیری دوره Course Conclusion

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

• نتیجه‌گیری دوره Angular NgRx Angular NgRx Course Conclusion

نتیجه گیری دوره Course Conclusion

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

• نتیجه‌گیری دوره Angular NgRx Angular NgRx Course Conclusion