
Angular comes with a magic that we take for granted - the automatic change detection. This is the tool that is responsible for updating the DOM whenever we modify data that an element is bound to. To cleary see the effect of the automatic change detection - let's disable it by setting the change detection strategy to OnPush (which means that now the change detection is no longer fully automatic and does no occur all the time). Now we see that when the component property changes, the new value is not reflected in the DOM
When we use the OnPush strategy the change detection mechanism is triggered in one of two was:
1. When an Angular event, output, or input is triggered
2. When we use the ChangeDetectorRef and call it programatically
In this lecture we will understand when change detection means and how it is implemented. We will briefly discuss what ZoneJS does and how change detection is implemented using it. We will see the freqency in which change detection may execute and how it affects the performance of our applications.
Master Angular Signals: Modern Change Detection and Zoneless Applications
Modern Angular with Signals - The Missing Guide is a top-rated Udemy course by Kobi. It covers Angular 18-21’s latest APIs, with a focus on practical use of signals and zoneless architecture. This Udemy course is ideal for Angular developers with basic to advanced experience, or anyone transitioning from RxJS to the new signal-based APIs
Unlock the full potential of Angular's newest feature - Signals. Learn the modern way to program in Angular using Signals, Standalone Architecture, the new functional APis, and all the latest features, including the ones introduced in Version 20 and 21.
Whether you're a beginner looking to understand signals or a seasoned Angular developer seeking to deepen your expertise, this Angular course teaches both theoretical insights and practical knowledge. By gaining a deep understanding of how signals work, you’ll gain the confidence to build efficient, scalable, and future-proof applications while avoiding common pitfalls.
First - understand why angular is moving to zoneless applications using signals. Dive into the fundamentals of the event loop, tasks, and how zone-based change detection works. You'll discover why Angular is shifting towards zoneless architectures and the challenges posed by using RxJS and push-based change detection in large-scale applications.
Then - meet signals. Learn about the basic primitives of signals, including their relationship to injection and reactive contexts. You’ll learn how to work with writable and computed signals, and how to implement effects and handle RxJS interoperability. You'll also discover Angular 19s "linkedSignal". These foundational concepts will help you start using signals effectively in your applications.
Once the basics are covered, we dive deep into how signals are implemented under the hood to give you a more advanced, intuitive understanding of their behavior. This deep understanding of how signals and injection contexts work will help you avoid the pitfalls of this seemingly simple feature, enabling you to use signals effectively and confidently.
Angular 18’s new signal-based component API is a game-changer for modern Angular development. In this course, you’ll learn how to integrate signals directly into your components, significantly improving performance and reducing complexity. We’ll explore how the deep understanding of signals and injection contexts is essential to mastering these APIs and avoiding common mistakes. With this knowledge, you’ll be able to build more efficient, responsive, and scalable components that take full advantage of Angular’s latest features.
Moving beyond components, we dive into building signal-based services. The course concludes with a comprehensive hands-on practical example, allowing you to apply everything you've learned throughout the course.
We also cover the apis released in version 19 and perfected in 20: resource, httpResource and rxResource. You will see how to incorporate them into your reactive services. Learn how to build servies that hold data that relies on asynchronous http apis, and how to stream data into these resources using web sockets.
In Angular 21, The long awaited Signal Forms were introduced. Now you can create truly dynamic forms that react to changes. You can change the structure or the validation rules dynamically dependeing on field values. You'll see how Signal Forms were built for reuse and allow you to build your form-heavy application in a Modular and standard way. Most importantly, it`s all based on signals and it`s all Zoneless-ready!
Ready to master Angular's most powerful features?
Enroll now and take your frontend skills to the next level!