Blogging has become a popular way to share thoughts, ideas, and knowledge with a wider audience. When it comes to choosing a platform to publish your blog, you have primarily two options. One is to use a blogging service provider like Medium.com and another is to use use your own…

Angular is a popular JavaScript framework for building web applications, and it provides a way to configure the build for different environments, such as development, staging, and production. In this blog post, we’ll cover how to configure Angular for building to different environments. Step 1: Create environment files The first step is to create environment…

Passing data from a child component to a parent component in Angular can be done using several methods. Here are two common ways to accomplish this: Using the EventEmitter class Using a shared service 1. Using the EventEmitter class One way to pass data from a child component to a parent component is by using…

Here’s an example of how to pass a variable from a child component to a parent component using a shared service in Angular: 1. Create a shared service import { Injectable } from '@angular/core'; import { Subject } from 'rxjs'; @Injectable({ providedIn: 'root' }) export class DataService { private dataSource = new…

There are several ways to pass data/variables from a parent component to a child component in Angular. Two of the most common method are: Using @Input decorator Using shared service 1. Using @Input decorator One way is to use the @Input() decorator to declare a variable in the child component that will receive the…

We can use Set to store unique values in an array like a boss 💪. The Set object lets you store unique values of any type, whether primitive values or object references. const colors = ['blue', 'red', 'green', 'black', 'green']; console.log(colors); // ['blue', 'red', 'green', 'black', 'green'] const unique = Array.from(new Set(colors)); console.log(unique); // ['blue', 'red', 'green', 'black'] Set objects are collections of values. A value in the Set may only occur once; it is unique in the Set's collection. You can iterate through the elements of a set in insertion order. The insertion order corresponds to the order in which each element was inserted into the set by the add() method successfully (that is, there wasn't an identical element already in the set when add() was called).

Here is an example of how you could add asynchronous validation to a form in Angular: First, you’ll need to import the FormControl and FormGroup classes from the @angular/forms module, as well as any other modules that you'll need for your validation logic. import { FormControl, FormGroup } from '@angular/forms'; …

Event bubbling Event bubbling is a mechanism in JavaScript where an event propagates from the innermost element (i.e., the element that the event originated from) outwards to the outer elements. This means that if an event is triggered on a child element, it will also trigger on its parent elements, all the…

Here is an example of a simple code rating system implemented in JavaScript: // An array to store the ratings for each user let ratings = []; // A function to add a new rating for a user function addRating(user, rating) { ratings.push({ user: user, rating: rating }); } // A function…