In this post, we are going to learn the most commonly used options that we have available for styling our Angular components using the ngClass and ngStyle core directives. This is the first post of a two-part series in Angular Component Styling, if you are looking to learn about Angular style isolat
In this post, we are going to go over a few videos on some more advanced Angular topics that we tend to find frequently - for example when writing our own third-party library. Table Of Contents Here is the list of topics covered in the videos available in this post, each of these topics has a video
One of the Angular features that help us the most in building reusable components is Content Projection and ng-content. In this post, we are going to learn how to use this feature to design components that have a very simple but still powerful API - the post is as much about component design as it's
In this post, we are going to present a series of video tutorials that cover some very commonly used Typescript features. This video list will help you get a good overview of the language, because some of the features presented here solve several long-term problems that many languages have had durin
Summary: In this article, you will learn how to extend the browser and build your own custom HTML Input tag, as a means of learning the main functionality provided by Angular Components and Directives. This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angu
Although RxJs has a large number of operators, in practice we end up using a relatively small number of them. And right after the most familiar operators that are also available in arrays (like map, filter, etc.), probably the first operator that we come across that is not part of the Array API but
Note: This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angular For Beginners Guide - Getting Started (Setup Environment) * Angular For Beginners Guide: Why Angular? The Top Benefits * Angular For Beginners Guide - Components vs Directives * Why a Single P
This post is a guide for setting up a solid development environment, for having the best Angular learning and working experience. Let's make sure that we have the best development experience possible and don’t run into constant development environment problems. This might be one of the largest obsta
In this post, we are going to cover the main benefits of adopting an SPA Architecture while building our Angular Applications, and answer some very common questions regarding SPAs in general. This post is part of the ongoing Angular for Beginners series, here is the complete series: * Angular For Be
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
Did you ever try to use the Angular OnPush Change Detection strategy in your application, but run into some hard to debug issues and quickly went back to default change detection? In this post we are going to cover some typical pitfalls where OnPush is giving unexpected results and how to fix those
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
An important feature of web frameworks is Unidirectional Data Flow: let's talk about what does the term mean, and what it corresponds to in Angular. Related to it, let's also learn about the Angular development mode, why it's important to use it and how we can troubleshoot it if needed. Let's start
A key thing about the Typescript Type System is that most of the times it just works, but sometimes we get some surprising error messages that give us an indication that there is something fundamental about it that we might not be aware yet. The great thing about Typescript, is that we could go for
By far the most differentiating feature of the Typescript language are its multiple different types of type definitions. If you have been using Typescript with Angular recently or without it, you might have run into a couple of the following questions or errors situations: * Does Typescript type saf
I've been using this simple debugging technique lately and it has proven to be very useful. Here is a very simple and effective way for debugging RxJs code in Angular applications, or in any RxJs application in general. Probably in the future there will be more advanced tools to debug RxJs. But if y
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
This post is part of the ongoing Angular Architecture series, where we cover common design problems and solutions at the level of the View Layer and the Service layer. Here is the full series: * View Layer Architecture - Smart Components vs Presentational Components * View Layer Architecture - Conta
Learn in which order to take the multiple Angular courses available at the Angular University. Choose the best Angular learning path for you.
If you trying to build an Angular application in reactive style using RxJs, you will likely run into one of these common pitfall scenarios at least once. In this post, we will go over some common trouble situations, explain why the situation occurs and how to fix it. If you have used RxJs before, th
Learn all the features available in the ngFor directive, including the trackBy function.
Now that Angular is out, a lot of web companies and enterprise companies are starting to adopt it. And when building new apps we will need to choose a backend to go with Angular. In this post let's go over some reasons on why the latest Firebase might be just as impactful in web development as Angul
In this post, we are going to learn many of the most commonly used features of the Angular Router, by building a practical example. We will use the Angular Router to build a navigation system with multiple navigation levels, similar to what you would find in an online learning platform or an online
In this post, we are going to do an introduction to Angular Modularity (the NgModule functionality) and understand why it enables several important features like ahead of time compilation and lazy loading. We will cover the following topics: * What is an Angular Module? * Angular Modules vs ES6 modu