Angular form signals are a powerful tool that enables the creation of interactive web applications with elegance and simplicity. By embracing a reactive approach to data handling, they ensure instant updates to the user interface as form values change. This feature...
A new version of Angular, Angular 22, was released recently. This release includes many updates aimed at improving the performance of Angular applications. In this video, we'll explore new template features, a new decorator for services, injectAsync, and resources. In...
In this video, we will add the Tailwind CSS framework to an Angular project. Tailwind CSS is a utility-first CSS framework. The main difference between Tailwind CSS and the well-known Twitter Bootstrap is the ability to build a website or application from scratch...
In this video, we will explore internationalization (i18n) in Angular. Internationalization is the process of adapting an application and its data to local standards and regional settings. For example, decimal separators, date formats, currencies, and more.Angular has...
In this video, we'll explore how to use animations in Angular. Since Angular now recommends using native CSS animations, we'll cover CSS transitions, transforms, and animations. Angular has its own package, @angular/animations, which is based on the Web Animations...
In this video, we’ll explore Angular signals. They’re a major update to Angular’s reactivity model that makes it easier to track changes in components and improves overall application performanceA signal is just a wrapper around a value. Creating a signal is...
In this lesson, we’ll explore dependency injection in Angular: we’ll discuss injection tokens, how to provide services at different levels, and the decorators that tell Angular how to resolve dependencies.Dependency injection in Angular is one of its core principles....
In this video, we’ll see how to add custom sync and async validators in an Angular application, and also how to handle Observable unsubscription.First, we will add an Observable unsubscription mechanism. This is useful in any application to avoid memory leaks. In...
In this video, we will add several useful tools and settings to optimize the project's codebase.First, we’ll configure the Angular CLI to generate components with ChangeDetection.OnPush by default. This strategy significantly reduces unnecessary re-renders in the...