Angular Signals In Depth (Angular 18)

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

Learn how to build modern Angular 18 applications with the new Signals API. Learn common signal-based UI patterns.

1. Introduction To Angular Signals

1. Modern Angular With Signals - Introduction

2. IMPORTANT - Recommended Software Versions.html

3. Setting Up Your Development Environment

4. Writing Your First Angular Signal

5. Why Angular Signals Main Benefits

6. The Current State of Signal-Based Change Detection

7. The Angular signals update API and Read-Only Signals

8. Angular Signals and Immutability - Objects

9. Angular Signals and Immutability - Arrays

10. Angular Computed Signals - Everything You Need To Know

11. Angular Signal Effects - Everything You Need To Know

12. Angular Signal Effects - Setting The Injection Context

13. Angular Signal Effects - When To Use allowSignalWrites

14. Angular Signal Effects - How To Do Manual Effect Cleanup

2. Complete CRUD Example With Angular Signals

1. Introduction To The Complete CRUD With Signals Section

2. Why Making RxJs Optional In Angular

3. CRUD Read Operation - Defining The API of our Service Layer

4. Angular HTTP Service Layers - Two Different Options

5. Fetching Data From the Service Layer With Error Handling

6. Loading Data With OnInit or afterNextRender

7. Angular Service Layers With The HTTP Client and async await

8. Defining Derived Data Declaratively Using computed()

9. Angular Signal Inputs - Optional and Required Inputs

10. CRUD - Display a List of Courses

11. CRUD Service Layer - Fetch Implementation

12. CRUD Service Layer with async await and the Angular HTTP Client

13. CRUD Update - Opening the Edit Course Dialog

14. CRUD Update Edit Course Form

15. CRUD Update - Triggering the HTTP PUT Call

16. CRUD Update - Updating the UI

17. CRUD Delete - Full Implementation

18. CRUD Create Course Implementation

3. Angular Signal-Based Loading Indicator

1. New Section - Signal-Based Angular Loading Indicator

2. Signal-Based Loading Indicator - Shared Signal Service

3. Loading Indicator HTTP Interceptor

4. Skipping The Loading Indicator Using an HTTP Context

4. Angular Signal-Based User Messages and Error Handling

1. Signal-Based User Messages - Shared Service

2. Messages Component - Step-by-Step Implementation

3. Messages Signal-Based Service Demo

5. Angular Signal-Based Authentication

1. Angular Signal-Based Authentication

2. Implementing The Login Form

3. Authentication Signal-Based Service

4. Adapting the UI To The User Authentication Status

5. Implementing Logout

6. Save User Profile In Local Storage - Survive Refreshes

7. Implementing an Authentication Guard With Signals

6. Model Inputs

1. Model Inputs

2. Model Inputs and Two-Way Data Binding

3. Before Continuing- Tiding Up a Couple of Issues

7. Building the View Course Page

1. Building the View Course Page

2. Implementing the Template of The Course Component

3. Implementing The Course Resolver

4. Implementing the Lessons Service

5. Implementing the Lessons Resolver

8. Master Detail UI Pattern

1. Master Detail UI Pattern

2. Master Detail - Implement The Search Lessons Form

3. Angular Signal Queries - viewChild

4. The ViewChildren Signal Query

5. Conclusion of the Implementation of the Master Detail Scenario

6. Beginning of the Implementation of the Detail Part of Master Detail

7. Conclusion of the Implementation of the Master Detail Scenario

9. RxJs Interoperability

1. RxJs Interoperability

2. Understand toObservable() In Detail

3. The toSignal() Interoperability Utility

4. toSignal() Configuration Options - requireSync and initialValue

5. Understanding toSignal() Error Handling 2

10. Conclusion

1. Bonus Lecture June 2024 These coupons have been recently updated.html

2. Modern Angular With Signals - Conclusion and Key Takeways

“Scaled Agile framework® (Latest SAFe® 6.0) – Overview” به سبد خرید شما اضافه شد. مشاهده سبد خرید

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy