Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
How to create an Asynchronous function in JavaScript?
A JavaScript asynchronous function is a function that runs independently of the main flow of the program. This allows the program to continue executing other code while the async function is running. The async keyword is used to declare an async function, and await is used to pause the execution until a specific asynchronous task is completed. Methods to Create Asynchronous Functions Using async/await Keywords The simplest way to create an asynchronous function is to use the async keyword before the function declaration. Syntax async function fetchData() { const response = ...
Read MoreHow to find width of a div using vanilla JavaScript?
Overview JavaScript provides two built-in properties to find the width of a div element: offsetWidth and clientWidth. These properties return the width in pixels but calculate it differently based on what measurements they include. Syntax element.offsetWidth element.clientWidth offsetWidth − Returns the total width including content, padding, border, and scrollbar (if present) clientWidth − Returns the width including content and padding, but excludes border and scrollbar Understanding the Difference The key difference between these methods is what measurements they include: Property Includes Content Includes Padding Includes Border Includes Scrollbar ...
Read MoreA Game Using Javascript – Fire the bullets
This tutorial demonstrates how to create an action-packed commando game using JavaScript and Code.org's Game Lab. The player controls a commando navigating through a maze-like area filled with enemy tanks, collecting keys, and escaping through a door. Game Story and Rules The player controls a commando using arrow keys (UP, DOWN, LEFT, RIGHT) to navigate through a walled area. The objective is to find the correct key and reach the exit door while avoiding enemy fire. Enemy tanks automatically shoot bullets when the commando enters their range. The commando has a protective shield activated by pressing the 's' ...
Read MoreHow to solve the issue that arise while using performance.now() method in JavaScript?
The performance.now() method measures code execution time in milliseconds, but it has limitations when comparing algorithm efficiency. This article explores common issues and better alternatives for performance analysis. What is performance.now()? The performance.now() method returns a high-resolution timestamp representing the elapsed time since the page loaded. It's more precise than Date.now() for measuring performance. Syntax var startTime = performance.now(); // Your code here var endTime = performance.now(); var executionTime = endTime - startTime; Common Issues with performance.now() While useful for basic timing, performance.now() has several limitations: Small execution times: For ...
Read More6 JavaScript Optimization Tips from Google
Google's performance optimization guidelines provide essential techniques for building fast, efficient JavaScript applications. These six key strategies can dramatically improve web application performance and user experience. Why JavaScript Optimization Matters JavaScript optimization is critical for modern web development because: Performance Impact − Optimized JavaScript reduces loading times and improves responsiveness, directly affecting user satisfaction and engagement. SEO Benefits − Search engines prioritize fast-loading sites, making optimization crucial for visibility and rankings. Resource Efficiency − Well-optimized code uses less CPU and memory, reducing server costs and improving scalability. User ...
Read MoreHow to find whether all element contains same class or not?
Overview In web development, you often need to check if all elements share the same CSS class. This is useful for validation, styling consistency, or conditional logic. JavaScript provides the classList.contains() method combined with the Array.every() method to efficiently check if all selected elements contain a specific class. Syntax The basic syntax for checking if all elements contain the same class: // Get elements and convert to array let elements = Array.from(document.querySelectorAll('selector')); // Check if all elements contain a specific class let allHaveSameClass = elements.every(element => element.classList.contains('className') ); Method ...
Read MoreC++ program to find the sum of elements between two given indices in array
Finding the sum of elements between two given indices in an array is a common operation in programming. In C++, there are multiple ways to calculate the sum of elements between two given indices in C++. In this article, we are going to discuss various approaches to calculating the sum of elements between two indices in an array using C++. How to Find the Sum of Elements Between Two Indices? In this problem, we are given an array and two indices, L and R, and we have to find the sum of elements from index L and R ...
Read MoreUsing data in JSON format in Snack
There are many ways to use data with apps made with Snack Expo. Sometimes the data is stored as JSON (JavaScript Object Notation). In this format, data can be easily stored as key-value pairs and can also be converted to CSV files. This article demonstrates how to use JSON data in Snack using JavaScript, including reading JSON data and displaying it as a table, plus converting JSON to CSV format for download. Sample JSON Data Structure For our examples, we'll use a products.json file containing product information: { "products": [ ...
Read MoreHow to sort a map in JavaScript?
In JavaScript, Map is a data structure that stores values as key-value pairs. Maps preserve insertion order, but you can sort them by converting to an array, sorting, and creating a new Map. Syntax To sort a Map in JavaScript, use this approach: var sortedMap = new Map([...originalMap].sort(compareFunction)); Where compareFunction defines the sorting criteria for the key-value pairs. Sorting by Keys (Ascending) Here's how to sort a Map by keys in ascending order: Sorting Map by Keys (Ascending) ...
Read MoreCreating a Data Grid in JavaScript with Handsontable.js
Handsontable is a JavaScript library that provides a spreadsheet-like data grid experience, similar to Excel. It works with vanilla JavaScript, React, and Angular, making it versatile for different project types. In this tutorial, we will create a data grid using Handsontable.js and explore its configuration options. Installation There are several ways to include Handsontable in your project. The simplest approach is using CDN links in your HTML tag: For npm installations, use: npm install handsontable Or with Yarn: yarn add handsontable Then include ...
Read More