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...
In this lesson, we'll finish building our Angular application by adding a reactive form for creating a new post.
We continue building our first Angular application. Today we will finish the user page using Angular Material components.