Front End Technology Articles

Page 158 of 652

How to create a global Promise Rejection Handler in JavaScript?

Prerna Tiwari
Prerna Tiwari
Updated on 15-Mar-2026 1K+ Views

Promise rejection handlers are a powerful tool in JavaScript for handling errors that occur in asynchronous code. In this article, we will learn how to build a global promise rejection handler in JavaScript and how it can help your application manage errors effectively. You can detect unhandled promise rejections using the global unhandledrejection event and take necessary action, such as logging errors to an error tracking service or displaying user notifications. A more understandable syntax for handling promise rejection is provided by async-await error handling, but it requires wrapping each async function in a try-catch block. Combining async-await with ...

Read More

How to Create a Tab Image Gallery?

Prerna Tiwari
Prerna Tiwari
Updated on 15-Mar-2026 3K+ Views

Creating a tab image gallery is a great way to showcase collections of images on a website. This tutorial will guide you through building a fully functional tab gallery using HTML, CSS, and JavaScript. Each tab will display a different set of images, making it perfect for organizing photos, artwork, or product galleries. Step 1: Create the HTML Structure First, we need to create the HTML structure for our tab gallery. We'll use a container div for the tabs and another container for the image content areas. Nature Architecture ...

Read More

How to Create Horizontal and Vertical Tabs using JavaScript?

Rushi Javiya
Rushi Javiya
Updated on 15-Mar-2026 1K+ Views

We can create tabs using HTML, CSS & JavaScript. There can be two types of tabs. One is horizontal tabs, and another is vertical tabs. The tabs allow us to show different contents in very less space as we can show the different content according to the different tabs. We will learn to create horizontal and vertical tabs from scratch using HTML, CSS, and JavaScript. Create Horizontal Tabs We can show all tabs in a single row by creating horizontal tabs. Also, we can show the content of the selected tab below all tabs. Syntax ...

Read More

How to create a password generator - JavaScript?

Yaswanth Varma
Yaswanth Varma
Updated on 15-Mar-2026 867 Views

These days, password generators can be found all over the internet. Without a strong enough password, websites frequently won't let you establish an account. In this article, we'll learn how to create a password generator using JavaScript and the Math.random() method. Let's dive into creating a password generator step by step. We'll use Math.random() to generate cryptographically secure random passwords with customizable length and character sets. Understanding Math.random() The JavaScript Math.random() function returns a floating-point pseudo-random number between 0 (inclusive) and 1 (exclusive). We can scale this random number to select characters from our password character set. ...

Read More

Implementing counting sort in JavaScript

Nikitasha Shrivastava
Nikitasha Shrivastava
Updated on 15-Mar-2026 2K+ Views

In the given task, our aim is to create a counting sorting technique and implement this problem with the help of Javascript functionalities. What is Counting Sort? Counting sort is a non-comparison based sorting algorithm that works by counting the occurrences of each distinct element in the input array. It determines the position of each element in the sorted output by calculating how many elements are smaller than it. The algorithm works in several phases: Find the minimum and maximum values in the input array Create a count array to ...

Read More

How to create your first chart with FusionCharts.js?

Mukul Latiyan
Mukul Latiyan
Updated on 15-Mar-2026 710 Views

FusionCharts is a JavaScript library that you can use when you want to create charts and maps and put them in your web application. In this tutorial, we will show how you can use FusionChart.js to create two different charts. Before we learn how to create charts, the first important thing is to know how we can install FusionCharts onto our local machines. Installing FusionCharts There are multiple ways with which we can install FusionCharts. Using CDN You can use the CDN link given below to directly gain access to the files of FusionCharts. ...

Read More

TaffyDB – A JavaScript Database for Your Browser

Mukul Latiyan
Mukul Latiyan
Updated on 15-Mar-2026 689 Views

TaffyDB is a lightweight and powerful in-memory database that can be used in both browser and server-side applications. It is open-source and free to use. In this tutorial, we will take a couple of examples to show how you can use TaffyDB to store some data, execute some queries on the data, and also perform important operations on the data. Getting Started with TaffyDB The first step is to include TaffyDB in your project. You can use the CDN link or download the library directly from the official repository. Basic Example - Creating and Reading Data ...

Read More

Adding Animations to a Webpage using Velocity.js

Mukul Latiyan
Mukul Latiyan
Updated on 15-Mar-2026 598 Views

Animations have become a very integral part of website interfaces in today's web development world. They help in enhancing the user experience of a website and in this article, we will learn how we can make use of Velocity.js to add beautiful animations to our web pages. VelocityJS is a JavaScript animation engine that provides us with very fast performing animations that we can use in our web pages. It has become one of the leading animation engines and there are different reasons for its success. I have mentioned some of the most important reasons that make it a ...

Read More

Inverting a binary tree in JavaScript

Sakshi Jain
Sakshi Jain
Updated on 15-Mar-2026 908 Views

Inverting a binary tree means creating a mirror image where all left and right child nodes are swapped recursively. This is a classic tree manipulation problem that demonstrates recursion and tree traversal concepts. What is a Binary Tree? A binary tree is a hierarchical data structure where each node has at most two children: left and right. The topmost node is called the root, and nodes with no children are called leaves. 4 2 7 ...

Read More

Extract a number from a string using JavaScript

Shubham Vora
Shubham Vora
Updated on 15-Mar-2026 37K+ Views

In JavaScript, there are multiple ways to extract a number from a string. One way is to use the match() method and a regular expression to search for all numeric digits in the string. Another way is to use the replace() method and a regular expression to remove all nonnumeric characters from the string, leaving only the numbers. Let's understand each of the methods with the help of some examples. Using the match() method and regular expression The regular expression is one kind of search pattern which we can create by combining multiple alphabetic and special characters. ...

Read More
Showing 1571–1580 of 6,519 articles
« Prev 1 156 157 158 159 160 652 Next »
Advertisements