While using any web application, when user creates a new account, post a comment on some website or buy something, came across different type of captcha like this:

What is reCaptcha ?

CAPTCHA stands for the Completely Automated Public Turing test to tell Computers and Humans Apart.

reCAPTCHA is a free service that protects a site from spam and abuse. It uses advanced risk analysis techniques to tell humans and bots apart.

Introducing reCAPTCHA v3

The 3rd version of Google’s reCAPTCHA was recently released. It does not have a user interface, also it is completely invisible. It helps us detect abusive traffic on our website. …


In this post we will learn about the global environment & the global execution context. Whenever any code runs in a JS, it runs inside an execution context. It’s an abstract concept, a wrapper where the JS code is executed and evaluated.

When we are looking at the JS program, we’re going to be looking at an execution context being created and run. Normally there is more than one execution context running during a JS program. The base execution context is the global execution context. …


Hello all! In this article we are talking about objects in JavaScript. To understand JavaScript, we need to understand what are the objects in JavaScript.

Objects In Real Life

Just like any other programming languages, we can compare objects in real life. Let’s take an example of a car. There are different properties of a car like a car has a colour. It has a model, design, size, weight, engine etc.

So if we look at the properties of above car we can say that:
- The model of the car is Honda City
- The colour is red
- The engine is 1498 cc
- Transmission…


Hello all, I hope you read the first article of JS Essentials i.e. Syntax Parser. Now let’s proceed further and talk about our next under the hood concept which is ‘Lexical Environment’.

Let’s first understand what is the meaning of the word ‘lexical’ ? Lexical is nothing but related to words or vocabulary of a language or grammar. A lexical environment is where something sits physically in the code we write. And that environment is created behind the scene. This is the logistic concept & we can’t actually access it from our JS code. Then why do we need to…


Hello everyone and welcome to the JS Essentials. This is the platform where we are learning different JavaScript concepts. It is important to know how JS works under the hood to get a better understanding before writing any business logic.

I have started this series because I just did a course from Udemy by Anthony Alicea, ‘JavaScript: Understanding the Weird Parts’. And he explained it very well right from scratch. You may go through this cource. …


Angular provides lots of features, and one of the most important feature is component reusability. To reuse the components we can use content projection or ng-content. Let’s understand how we can use <ng-content> to reuse the component and project the contents dynamically.

Let’s take a simple example. Suppose we have two forms as following:


Hello everyone! In this article I will be talking about RxJS as I have just completed a course from Pluralsight on RxJS in Angular: Reactive Development by the author Deborah Kurata. Thanks to her as she has explained the terms very well. This post includes some of the learning from this course as well. Let’s get started!

RxJs is a library that brings the concept of “reactive programming” to the web. With Reactive Extension of JavaScript i.e. RxJS, we leverage patterns to collect data from multiple sources. …


Progressive Web Apps (PWAs) leverage Google methodology to deliver an extremely engaging mobile experience through web.

Progressive web application is a new software development methodology which combines features offered by most modern browsers with the benefits of mobile experience.

To get more details on PWA you can refer this. In this article, we will be talking about “Adding Push Notifications to a Web App”.

How can you get in touch with users without having them to revisit your website ? To build engagement with your users you can implement push notifications into your web applications. …


Progressive Web Apps (PWA) now widely accepted by industry. There are many PWAs in production. Here are some examples of PWAs.

Progressive web application is a new software development methodology which combines features offered by most modern browsers with the benefits of mobile experience.

As a part of this post, we will be talking about “Add to home screen” experience on different browsers.

To get more details on PWA you can refer this.

Add to home screen

Add to Home Screen, sometimes referred to as the web app install prompt, makes it easy for users to install Progressive Web App on user’s mobile or…


In this article, I’m going to explain how we can create and manage modal dynamically using Angular Material. My current project requires different modals to display different types of information by maintaining separate URL address for each modal that it should act like a real page. To achieve this I have referred https://netbasal.com/give-your-modals-url-address-with-auxiliary-routes-in-angular-eb76497c0bca article and it was so helpful for me. Following are the challenges/requirements that I have faced while implementation so writing this post that might be helpful:

  1. Create a generic component which can show different modals. It should be dynamic and reusable.
  2. If the modal has a link…

Anjali Tanpure

Sr. Software Engineer @Synerzip Softech India Pvt Ltd

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store