Modern Angular With Signals (Angular 18) - Learn How to Build Modern Angular Applications

This modern Angular course with signals gives you a new way of developing Angular applications with minimal reliance on the RxJs library. Let's start understanding basics with signals: what they are, and how they could be helpful. Also, we will touch on some core primitives: signals, computed signals, and effects. We will be guiding you on how to build a small application from scratch using these new concepts and avoiding the old, more burdensome ones.

"Signals in Angular provide a powerful way to handle reactive state management, making the application more intuitive and easier to debug."
Misko Hevery, Creator of Angular

You will work along real-world exercises, learning to develop a complete CRUD application using signals. You will also learn the various ways to handle HTTP requests, error handling, and implementation of typical applications, including loading indicators, user messages, or authentication. The "Modern Angular With Signals (Angular 18)" course will teach you how to manage stateful services, master detail with signals, and help build a solid ground for modern practical Angular applications.

By the end of this course, "Modern Angular With Signals (Angular 18)", you will be confident using signals in Angular to build apps. You will know how to integrate them with your project work and use them to craft responsive, user-friendly interfaces.

"By incorporating signals, Angular allows developers to build highly dynamic and performant web applications that can respond to changes in data seamlessly."
Brad Green, Angular Team Lead at Google

Modern Angular With Signals (Angular 18) Table of Contents:

1. Modern Angular With Signals - Introduction (01:53)
2. IMPORTANT - Recommended Software Versions (00:10)
3. Setting Up Your Development Environment (09:15)
4. Writing Your First Angular Signal (07:41)
5. Why Angular Signals? Main Benefits (04:55)
6. The Current State of Signal-Based Change Detection (03:06)
7. The Angular Signals Update API and Read-Only Signals (03:08)
8. Angular Signals and Immutability - Objects (05:55)
9. Angular Signals and Immutability - Arrays (05:59)
10. Angular Computed Signals - Everything You Need To Know (08:07)
11. Angular Signal Effects - Everything You Need To Know (06:36)
12. Angular Signal Effects - Setting The Injection Context (06:30)
13. Angular Signal Effects - When To Use allowSignalWrites (04:01)
14. Angular Signal Effects - How To Do Manual Effect Cleanup (09:27)
15. Introduction To The Complete CRUD With Signals Section (04:39)
16. Why Making RxJs Optional In Angular? (11:35)
17. CRUD Read Operation - Defining The API of Our Service Layer (06:22)
18. Angular HTTP Service Layers - Two Different Options (08:58)
19. Fetching Data From the Service Layer With Error Handling (07:19)
20. Loading Data With OnInit or afterNextRender (02:36)
21. Angular Service Layers With The HTTP Client and async/await (07:50)
22. Defining Derived Data Declaratively Using computed() (04:16)
23. Angular Signal Inputs - Optional and Required Inputs (06:26)
24. CRUD - Display a List of Courses (05:18)
25. CRUD Service Layer - Fetch Implementation (07:49)
26. CRUD Service Layer with async/await and the Angular HTTP Client (08:11)
27. CRUD Update - Opening the Edit Course Dialog (11:49)
28. CRUD Update Edit Course Form (06:10)
29. CRUD Update - Triggering the HTTP PUT Call (06:21)
30. CRUD Update - Updating the UI (06:32)
31. CRUD Delete - Full Implementation (05:39)
32. CRUD Create Course Implementation (07:37)
33. Signal-Based Angular Loading Indicator (04:18)
34. Signal-Based Loading Indicator - Shared Signal Service (07:58)
35. Loading Indicator HTTP Interceptor (06:03)
36. Skipping The Loading Indicator Using an HTTP Context (04:28)
37. Signal-Based User Messages - Shared Service (04:16)
38. Messages Component - Step-by-Step Implementation (04:26)
39. Messages Signal-Based Service Demo (02:59)
40. Angular Signal-Based Authentication (01:18)
41. Implementing The Login Form (04:46)
42. Authentication Signal-Based Service (01:49)
43. Adapting the UI To The User Authentication Status (03:04)
44. Implementing Logout (02:14)
45. Save User Profile In Local Storage - Survive Refreshes (05:16)
46. Implementing an Authentication Guard With Signals (04:38)
47. Model Inputs (06:54)
48. Model Inputs and Two-Way Data Binding (07:03)
49. Before Continuing - Tidying Up a Couple of Issues (02:35)
50. Building the View Course Page (04:17)
51. Implementing the Template of The Course Component (02:03)
52. Implementing The Course Resolver (08:33)
53. Implementing the Lessons Service (04:40)
54. Implementing the Lessons Resolver (03:25)
55. Master Detail UI Pattern (04:26)
56. Master Detail - Implement The Search Lessons Form (04:46)
57. Angular Signal Queries - viewChild (08:59)
58. The ViewChildren Signal Query (04:58)
59. Conclusion of the Implementation of the Master Detail Scenario (07:57)
60. Beginning of the Implementation of the Detail Part of Master Detail (08:12)
61. Conclusion of the Implementation of the Master Detail Scenario (09:27)
62. RxJs Interoperability (05:55)
63. Understand toObservable() In Detail (05:33)
64. The toSignal() Interoperability Utility (03:27)
65. toSignal() Configuration Options - requireSync and initialValue (05:37)
66. Understanding toSignal() Error Handling (07:53)
67. Bonus Lecture June 2024: These Coupons Have Been Recently Updated (01:45)
68. Modern Angular With Signals - Conclusion and Key Takeaways (06:06)

Who is this course for?

1. Developers who want to build Angular applications using Signals.

Click on the links below to Download Modern Angular With Signals (Angular 18)!