آموزش Angular 19 مدرن با سیگنال - راهنمای گمشده - آخرین آپدیت

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

معرفی دوره Introduction to the course

• مقدمه Introduction

• طرح کلی دوره Course Outline

• چگونه در این دوره تمرین کنیم؟ How to practice in this course?

چرا می خواهیم از سیگنال ها استفاده کنیم؟ Why would we want to use signals?

• بخش مقدمه: چرا می خواهیم از سیگنال ها استفاده کنیم؟ Section Introduction: Why would we want to use signals?

• تشخیص تغییر پیش‌فرض زاویه‌ای و OnPush Angular Default change detection and OnPush

• فراخوانی تشخیص تغییر در استراتژی OnPush Invoking change detection when in the OnPush strategy

• خودتان آن را امتحان کنید - تشخیص تغییر Try it yourself - Change Detection

• تشخیص تغییر و ZoneJS Change Detection and ZoneJS

• عملکرد تشخیص تغییر خودکار Performance of Automatic Change Detection

• آشنایی با لوله همگام و نحوه عملکرد آن Understanding the async pipe and how it works

• خودتان آن را امتحان کنید - استفاده از لوله ناهمگام با تشخیص تغییر فشار Try it yourself - Using async pipe with push change detection

• چالش های مدیریت ایالت RxJS - قسمت 1 RxJS State management challanges - Part 1

• چالش های مدیریت ایالت RxJS - قسمت 2 RxJS State management challanges - Part 2

• برنامه های کاربردی بدون منطقه و آینده برنامه نویسی Angular Zoneless applications and the future of Angular programming

مقدمه ای بر سیگنال ها Introduction to signals

• معرفی بخش - به سیگنال ها خوش آمدید Section introduction - Welcome to signals

• ایجاد سیگنال های قابل نوشتن Creating writeable signals

• تغییر سیگنال قابل نوشتن Modifying a writeable signal

• ایجاد سیگنال های محاسبه شده Creating computed signals

• خودتان آن را امتحان کنید - سیگنال های قابل نوشتن و محاسبه شده Try it yourself - Writeable and Computed Signals

• واکنش به تغییرات سیگنال با استفاده از Effects Reacting to signal changes using Effects

• خودتان آن را امتحان کنید - جلوه ها Try it yourself - Effects

• LinkedSignal (Angular 19) - یک سیگنال قابل نوشتن و محاسبه شده LinkedSignal (Angular 19) - A Writeable AND Computed Signal

• خودتان آن را امتحان کنید (Angular 19) - سیگنال پیوندی Try it yourself (Angular 19) - Linked Signal

شیرجه عمیق به سیگنال ها Deep Dive into signals

• مقدمه: سیگنال ها چگونه کار می کنند؟ Introduction: How do signals work?

• DestroyRef، inject() و Injection Context DestroyRef, inject() and Injection Context

• تزریق وابستگی ها زمانی که در زمینه تزریق نیست Injecting Dependencies when not in Injection Context

• سیگنال ها و زمینه تزریق Signals and Injection Context

• خودتان آن را امتحان کنید: سیگنال ها و زمینه تزریق Try it yourself: Signals and Injection Context

• درک زمینه واکنشی Understanding Reactive Context

• زمینه ها و جلوه های واکنشی Reactive Contexts and Effects

• قابلیت همکاری با rxjs Interoperability with rxjs

• قابلیت همکاری با rxjs - قسمت 2 Interoperability with rxjs - part 2

• خودتان آن را امتحان کنید: تبدیل قابل مشاهده به سیگنال و بالعکس Try it yourself: Converting observables into signals and vice versa

• سیگنال ها و تغییر ناپذیری Signals and Immutability

• خودتان آن را امتحان کنید: به‌روزرسانی‌های غیرقابل تغییر Try it yourself: Immutable updates

API مبتنی بر سیگنال زاویه ای Angular Signal based API

• مقدمه ای بر زاویه ای مدرن با استفاده از سیگنال ها Introduction to modern angular using signals

• برنامه نویسی تابعی در Angular Functional programming in Angular

• تابع ورودی The input function

• خودتان آن را امتحان کنید: ورودی های سیگنال Try it yourself: Signal inputs

• تابع خروجی The output function

• ورودی های مدل Model inputs

• خودتان آن را امتحان کنید: عملکردهای خروجی و مدل Try it yourself: The output and model functions

• نمایش جستجوهای مبتنی بر سیگنال با استفاده از توابع viewChild و viewChildren Signal based View queries using viewChild and viewChildren functions

• زمان بندی پرس و جوهای فرزند مبتنی بر سیگنال Timing of signal based child queries

• محتوای مبتنی بر سیگنال Child و contentChildren Signal based contentChild and contentChildren

• خودتان امتحان کنید: viewChild و contentChild Try it yourself: viewChild and contentChild

• HostBinding و HostListener در برنامه های مبتنی بر سیگنال HostBinding and HostListener in signal based apps

• اتصال داده های روتر به ورودی های جزء Binding router data to component inputs

• خودتان آن را امتحان کنید: داده‌های روتر را به ورودی‌ها متصل کنید Try it yourself: Binding router data into inputs

خدمات مبتنی بر سیگنال Signal based services

• مقدمه ای بر خدمات مبتنی بر سیگنال Introduction to signal based services

• خدمات دولتی با استفاده از موضوعات رفتاری Stateful services using Behavior Subjects

• نگه داشتن حالت در سیگنال ها Holding the state in signals

• نشان دادن سیگنال های قابل نوشتن به صورت فقط خواندنی Exposing writeable signals as read only

• اضافه کردن سیگنال های محاسبه شده Adding computed signals

• مصرف سرویس در قطعات Consuming the service in the components

• به روز رسانی وضعیت - به صورت همزمان Updating State - Synchronously

• راه اندازی API ها با استفاده از RxJS Interop Triggering APIs using RxJS Interop

• API منبع (Angular 19) - پیوند سیگنال ها و وعده ها The (Angular 19) resource API - Link Signals and Promises

• (Angular 19) rxResource API - پیوند سیگنال ها و مشاهده پذیرها The (Angular 19) rxResource API - Link Signals and Observables

خلاصه Summary

• آنچه را پوشش داده ایم What we have covered

• بعدش چی؟ What's next?

• کلمات پایانی Final words