Welcome to the Must Know JavaScript API series, this series will learn the JavaScript API with you, so that you can be more proficient in using it like a senior engineer. Let’s start learning together: Page Visibility API Broadcast Channel API Resize Observer API Beacon API Clipboard API Fetch API …

There are many practical use cases where you’d want to know when you’ve scrolled beyond a certain limit inside an application. For example, if you want to lazy load the content as the user progresses through the application like an infinite scrolling section you see on Instagram, you’ll need to…

Introduction Design patterns, you say? Node.js, huh? TypeScript too? What a time to be alive! In this article, we’ll dive headfirst into the exciting world of design patterns in Node.js with a healthy dose of TypeScript. …

Here’s my list of top free Node.js courses for beginners to learn Node.js — There is no doubt that Python and Java are the two most popular programming languages for web development. However, anyone interested in becoming a web developer should also learn Node.js. It provides a wide range of JavaScript modules to simplify the development of web apps using the framework. …

Reduce if… .else noodle code As soon as we get to writing more than two if… .else functions it’s time to think about whether there’s a better way to optimize them. For example, if we need to calculate the price of food at McDonald’s based on the name, you might do so.

Introduction These days, developers are increasingly gravitating toward frameworks that are written in JavaScript. As we progress through the process of performing penetration testing for our clients, we encounter a great number of JS-based applications. As a result of the fact that next.js, vue.js, …

Hoisting is the process of putting all declarations, such as variables and functions, into memory during the compile phase. One of the biggest myths around hoisting is that all variable and function declarations are moved physically to the top of your code. This is not true. But instead, variable and…

In JavaScript, “this” will refer to the execution context for that specific call. What does that mean? When we invoke a function, an execution context is created. This execution context is basically a record of information that is important to our function. It lets us know where the function was called from, the parameters…

What is Object-Oriented Programming? What is Functional Programming? — Object-Oriented Programming(OOP) and Functional Programming (FP) are programming paradigms that allow us to organize our code in a specific manner. But what’s the difference between them? What is Object-Oriented Programming? Object-Oriented Programming(OOP) let’s us organize code into units. For instance, if we are building a robot, we might have a head component, an arm component, a leg component, etc.

An iterable is any data structure that lets us access its elements. Some built in examples are: strings, arrays, maps and sets. An iterator is an object that has the ability to access items from its collection one at a time and keep track of the current position. So what…

The following will be a short explanation, along with some solutions, of a popular JavaScript question that tends to get asked in developer interviews. The question usually looks something like the following: This question deals with the topics: closures, setTimeout, and scoping. The correct answer to this is question…

Sometimes, we may want to convert the number of seconds elapsed to a time string in the hh:mm:ss format in our JavaScript app. In this article, we’ll look at how to convert the number of seconds to a time string in hh:mm:ss format. Create Our Own Function We can create our own function to…

There are multiple ways to scrape data off a webpage. This article explains a smarter way to scrape salaries data of Kathmandu city from Glassdoor using a NodeJS script. First let’s look at the tools we will be using. JSDOM It’s a JavaScript implementation of web standards, for use with…

A tutorial on JavaScript closures with a real-life example. — A closure is a combination of a function bundled together (enclosed) with references to its surrounding state, let’s simplify that definition. I will illustrate the closure with the following real-life use case: Let’s assume we want to create a variable, let’s call it counter, and initial it to 0, then…

There’s plenty of buzz around the web 3.0 and the sweeping changes it will bring to the industry, but few people actually know why it spawned and what it will bring. To understand this, it’s necessary to travel back in time and examine it predecessors, Web 1.0 & 2.0. Just…

Detecting Users’ OS Dark Mode Preference Using matchMedia() —

ECMAScript 2022 is a new JavaScript standard that is going to be released in June 2022. Let’s overview the most important changes that would appear almost certainly in the new release as they reached the 4th stage of TC39 process. TC39 are group of Javascript maintainers that accept and release…

WasmEdge brings together Rust’s performance and JavaScript’s ease of use In my previous article, I discussed how to embed JavaScript code into a Rust program. However, for JavaScript developers, the need is often the opposite — to incorporate Rust functions into JavaScript APIs. That enables developers to write programs in…