بررسی عمیق سیگنال های انگولار (Angular 18)
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- کد در مخزن Github با فایلهای ZIP قابل دانلود
- یاد بگیرید چگونه اپلیکیشن های مدرن Angular را با سیگنالها بسازید.
- یاد بگیرید سیگنالهای Angular، از جمله ()effect و ()computed و غیره را بهطور عمیق مطالعه کنید.
- یادگیری RxJs Interoperability با سیگنال ها
- یاد بگیرید چگونه یک اپلیکیشن Angular را با حداقل RxJs بسازید.
- الگوهای متداول مبتنی بر سیگنال UI را یاد بگیرید.
- یاد بگیرید با سیگنالها و احراز هویت مبتنی بر سیگنال، خطاها را مدیریت کنید.
- یاد بگیرید الگوی اصلی-جزئی را با سیگنالها و سایر الگوهای معمول استفاده شده پیادهسازی کنید.
پیش نیازهای دوره:
- آشنایی با Typescript، HTML و CSS
- دانش ابتدایی از Angular نیاز دارید.
توضیحات دوره
این دوره در یک نگاه:
مطمئنا شما قبلاً درباره سیگنالهای Angular زیاد شنیدهاید و اینکه چگونه روش جدیدی برای نوشتن اپلیکیشن های Angular در اختیار شما قرار میدهند!
شاید همچنین شنیدهاید که RxJs به تدریج در Angular اختیاری میشود.
بنابراین سوال بزرگ در ذهن همه این است: یک اپلیکیشن Angular اگر با سیگنالها و حداقل RxJs نوشته شود چگونه به نظر میرسد؟
و دقیقاً این همان چیزی است که این دوره به آن پرداخته است!
این دوره قرار است یک اپلیکیشن کوچک در Angular با استفاده از سیگنالها بسازد و چند الگوی طراحی متداول را به شما ارائه دهد که تقریباً قطعاً برای ساخت یک اپلیکیشن به سبک سیگنال نیاز خواهید داشت.
مروری بر دوره
این دوره به این شکل ساختاربندی شده است: ابتدا توضیح داده خواهد شد که سیگنالها در Angular چیستند، چرا مفیدند و سه عنصر اصلی سیگنالها، سیگنالهای محاسبه شده و افکت ها بهطور عمیق مورد بررسی قرار داده خواهد شد.
سپس از مفاهیم اصلی سیگنالها استفاده خواهیم کرد تا یک اپلیکیشن کوچک Angular از پایه با استفاده از API جدید تألیف کامپوننت مبتنی بر سیگنال بسازیم (از API قدیمی که مبتنی بر دکوراتورها است، اجتناب خواهیم کرد).
این دوره یک مثال کامل CRUD را با استفاده از سیگنالها و یک بک اند محلی پوشش خواهد داد و متدهای مختلفی برای انجام HTTP در Angular با استفاده از async و await، با و یا بدون کلاینت HTTP Angular را بررسی خواهد کرد.
همچنین این دوره نشان خواهد داد که چگونه خطاها را مدیریت کنید و نحوه پیادهسازی ویژگیهای عمومی اپلیکیشن مانند Loading Indicator، مدیریت پیامهای کاربران، سناریوی اصلی-جزئی، خدمات سیگنال مبتنی بر حالت و چند ویژگی و الگوی رایج دیگر اپلیکیشن را که احتمالاً به آنها نیاز خواهید داشت، پوشش خواهد داد.
همچنین نشان داده می شود که چگونه در فرانت اند با استفاده از سیگنالها و نگهدارندههای تابع، احراز هویت را مدیریت کنیم.
و اگر برای موارد خاص به RxJs نیاز دارید، همچنین با قدرت RxJs interoperability با سیگنالها آشنا خواهید شد.
فهرست مطالب
این دوره شامل موضوعات زیر است:
- بررسی عمیق سیگنالهای Angular
- تشخیص تغییرات مبتنی بر سیگنال
- سیگنالهای محاسبه شده
- افکت ها
- API کامپوننت جدید مبتنی بر سیگنال: ورودیها و خروجیها
- مثال کامل CRUD با سیگنالها
- HTTP با RxJs اختیاری (دو متد برای انجام آن)
- مدیریت خطا و سیگنالها
- نشانگرهای بارگذاری با سیگنالها
- خدمات سیگنال مبتنی بر حالت
- مدیریت پیامهای خطای کاربران با سیگنالها
- احراز هویت Angular با سیگنالها
- کوئری های View مبتنی بر سیگنال
- viewChild ،viewChildren ،contentChild ،contentChildren
- اتصال دوطرفه با سیگنالها و ()API model
- سناریوی اصلی-جزئی با سیگنالها
- RxJs interoperability
- نتیجهگیری و افکار نهایی
در این دوره چه چیزی یاد خواهید گرفت؟
در این دوره شما بهطور دقیق یاد خواهید گرفت که چگونه از سیگنالها برای ساخت اپلیکیشن های مدرن Angular با استفاده از API جدید تألیف کامپوننت مبتنی بر سیگنال، async و await و با حداقل RxJs استفاده کنید.
شما با مجموعهای از الگوهای متداول اپلیکیشن مبتنی بر سیگنال که قطعاً به آنها در هر اپلیکیشن مبتنی بر سیگنال که خواهید ساخت، نیاز خواهید داشت آشنا خواهید شد.
در پایان دوره، شما با مفاهیم اصلی سیگنالها بسیار راحت خواهید بود و خواهید دانست که چگونه دقیقاً از سیگنالها برای ساخت یک اپلیکیشن Angular از اول تا آخر استفاده کنید.
این دوره برای چه کسانی مناسب است؟
- توسعهدهندگانی که بهدنبال یادگیری ساخت اپلیکیشن های Angular با استفاده از سیگنالها هستند.
بررسی عمیق سیگنال های انگولار (Angular 18)
-
Angular مدرن با سیگنالها - مقدمه 01:53
-
راهاندازی محیط توسعه شما 09:15
-
نوشتن اولین سیگنال Angular 07:41
-
چرا از سیگنالها در Angular استفاده کنیم؟ مزایای اصلی 04:55
-
وضعیت فعلی تشخیص تغییر مبتنی بر سیگنال 03:06
-
API بروزرسانی سیگنالهای Angular و سیگنالهای فقط خواندنی 03:08
-
سیگنالهای Angular و عدم تغییرپذیری - اشیاء 05:55
-
سیگنالهای Angular و عدم تغییرپذیری - آرایهها 05:59
-
سیگنالهای محاسبه شده Angular - هر آنچه باید بدانید 08:07
-
اثرات سیگنال Angular - هر آنچه باید بدانید 06:36
-
اثرات سیگنال Angular - تنظیم زمینه تزریق 06:30
-
اثرات سیگنال Angular - چه زمانی باید از allowSignalWrites استفاده کنیم؟ 04:01
-
اثرات سیگنال Angular - نحوه انجام پاکسازی دستی اثر 09:27
-
مقدمهای بر بخش کامل CRUD با سیگنالها 04:39
-
چرا RxJs را در Angular اختیاری میکنیم؟ 11:35
-
CRUD - عملیات خواندن - تعریف API لایه سرویس ما 06:22
-
لایههای سرویس HTTP Angular - دو گزینه مختلف 08:58
-
دریافت داده از لایه سرویس با مدیریت خطا 07:19
-
بارگذاری داده با OnInit یا afterNextRender 02:36
-
لایههای سرویس Angular با کلاینت HTTP و async و await 07:50
-
تعریف داده مشتقشده بهطور بیانی با استفاده از ()computed 04:16
-
ورودیهای سیگنال Angular - ورودیهای اختیاری و الزامی 06:26
-
CRUD - نمایش لیست دورهها 05:18
-
لایه سرویس CRUD - پیادهسازی دریافت 07:49
-
لایه سرویس CRUD با async و await و کلاینت HTTP Angular 08:11
-
CRUD - باز کردن پنجره ویرایش دوره 11:49
-
CRUD - ویرایش فرم دوره 06:10
-
CRUD - تریگر کردن فراخوانی HTTP PUT 06:21
-
CRUD - بروزرسانی UI 06:32
-
CRUD - حذف - پیادهسازی کامل 05:39
-
CRUD - پیادهسازی ایجاد دوره 07:37
-
بخش جدید - Loading Indicator مبتنی بر سیگنال در Angular 04:18
-
Loading Indicator مبتنی بر سیگنال - سرویس سیگنال مشترک 07:58
-
Loading Indicator HTTP Interceptor 06:03
-
Skip کردن Loading Indicator با استفاده از یک کانتکس HTTP 04:28
-
پیامهای کاربر مبتنی بر سیگنال - سرویس مشترک 04:16
-
کامپوننت پیامها - پیادهسازی گام به گام 04:26
-
دمو سرویس پیامهای مبتنی بر سیگنال 02:59
-
احراز هویت مبتنی بر سیگنال در Angular 01:18
-
پیادهسازی فرم ورود 04:46
-
سرویس مبتنی بر سیگنال احراز هویت 01:49
-
تطبیق UI با وضعیت احراز هویت کاربر 03:04
-
پیادهسازی Logout 02:14
-
ذخیره پروفایل کاربر در حافظه محلی - ماندن پس از بارگذاری مجدد 05:16
-
پیادهسازی نگهبان احراز هویت با سیگنالها 04:38
-
ورودیهای مدل 06:54
-
ورودیهای مدل و اتصال داده دوطرفه 07:03
-
قبل از ادامه - مرتب سازی چند مسئله 02:35
-
ساخت صفحه مشاهده دوره 04:17
-
پیادهسازی قالب کامپوننت دوره 02:03
-
پیادهسازی ریزحلکن دوره 08:33
-
پیادهسازی سرویس درسها 04:40
-
پیادهسازی حلکننده درسها 03:25
-
الگوی Master Detail UI 04:26
-
Master Detail - پیادهسازی فرم جستجوی درسها 04:46
-
کوئری های سیگنال viewChild - Angular 08:59
-
کوئری سیگنال ViewChildren 04:58
-
نتیجهگیری از پیادهسازی سناریو Master Detail 07:57
-
آغاز پیادهسازی بخش دیتیل Master Detail 08:12
-
نتیجهگیری از پیادهسازی سناریو Master Detail 09:27
-
RxJs Interoperability 05:55
-
درک ()toObservable بهطور دقیق 05:33
-
toSignal() Interoperability Utility 03:27
-
گزینههای پیکربندی toSignal() - بررسی requireSync و initialValue 05:37
-
درک مدیریت خطای ()toSignal - بخش دوم 07:53
-
Angular مدرن با سیگنالها - نتیجهگیری و نکات کلیدی 06:06
مشخصات آموزش
بررسی عمیق سیگنال های انگولار (Angular 18)
- تاریخ به روز رسانی: 1404/06/14
- سطح دوره:همه سطوح
- تعداد درس:66
- مدت زمان :06:24:15
- حجم :4.0GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy