Skeleton loaders have become quite popular over the past few years. The purpose of such loaders is to show a placeholder where content is loading.
Usually, skeleton loaders display a greyed template reflecting the structure and look of the entire view. …
If you ever have to implement user authentication (log in or sign in) or user authorization (is the current user allowed to see that screen?), this article is for you!
We’ll take a look at how to use Angular Guards as a way to:
Angular 13 is now available! This year it’s the second major version of the framework, as Angular gets one major release roughly every six months.
Let’s dive into it and see what’s new in this latest version.
ViewEngine was entirely removed from the framework in v13. This means that Angular…
The tap operator is one of my favorite and most used features of RxJs. So today, I’m going to highlight three different and handy use cases of the tap operator.
This is one of the easiest ways to visualize what is happening within a pipe of observable streams. …
Dark themes have gained a lot of popularity over the past few years, and these days every primary website has a dark theme option.
While there are many different options to implement a dark theme with CSS, this post will focus on one of the most straightforward implementations, using modern…
You’re probably familiar with dependency injection using classes, but what about using strings, numbers, booleans, or any other object?
The nominal case of dependency injection in Angular uses injectable classes that are often called services.
Such implementation relies on having an injectable class defined like this:
import { Injectable }…
The Angular TestBed gives us access to the DOM generated by a component through its ComponentFixture class, specifically its debugElement property.
This is a great feature because instead of just testing our Typescript code, we can test the rendered HTML user interface, which is what components are all about.
This…
Every six months, a new major version of the Angular framework is released to the public. Angular 12 is the latest iteration released in May 2021. Let’s take a look at the different changes and improvements made to Angular with this latest version.
Sass can now be used inline in…
Sometimes, we need to load some information upfront, right from the time our application starts. We want to make sure that such information is available synchronously right from the beginning and then for the application's entire life cycle.
For instance, we might need to load environment variables from a server…
In this tutorial, we will see how to debug Angular applications without using any breakpoints and without using console.log.
Instead, we will look at debugging features introduced with Angular 9 under the ng namespace variable, which is automatically available in development mode but not exposed when the application is running…
Google Developer Expert in Angular, Consultant and Trainer at http://www.angulartraining.com
