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
Front End Technology Articles
Page 138 of 652
How to delay a loop in JavaScript using async/await with Promise?
Some time−consuming tasks are executed without blocking the main thread in Asynchronous programming. In certain cases, developers may need to delay the execution of a loop to control the flow of their program or introduce delays between iterations. JavaScript provides several techniques for delaying execution, and in this article, we will explore how to delay a loop using the combination of async/await and Promises. Understanding async/await The async/await syntax was introduced in ECMAScript 2017 (ES8) and provides a concise and readable way to write asynchronous code. It is built on top of Promises and allows developers to write ...
Read MoreHow to Create a Time Picker in ReactJS ?
ReactJS is a popular JavaScript library for building user interfaces. It provides developers with a flexible and efficient way to create interactive web applications. Time pickers are commonly used in applications where users need to select a specific time slot for booking appointments, scheduling events, or reserving resources. A time picker allows users to easily select the desired time and ensures accurate time allocation. In this article, we will create a time picker in steps using ReactJS. Setting Up the React App First, let's set up a ...
Read MoreHow to Check a String Starts/Ends with a Specific String in jQuery?
JavaScript provides several built-in methods to check if a string starts or ends with specific characters. While jQuery is excellent for DOM manipulation, these string operations are handled by native JavaScript methods that work efficiently without any additional library. In this article, we'll explore various approaches to verify if a string begins or ends with another string using practical examples. Using startsWith() Method The startsWith() method is the most direct way to check if a string begins with specific characters. It's case-sensitive and returns a boolean value. Syntax str.startsWith(searchString, position) Parameters ...
Read MoreAdvanced Functional Reactive Programming (FRP) with JavaScript and RxJS
Functional Reactive Programming (FRP) is a powerful paradigm that combines functional programming concepts with reactive programming. By leveraging FRP, developers can build highly responsive and scalable applications by modeling the flow of data and events as streams of values. JavaScript, being a widely used language for web development, can benefit from FRP through libraries and frameworks. One popular library is RxJS (Reactive Extensions for JavaScript), which provides a rich set of tools for implementing FRP in JavaScript. In this article, we will explore advanced techniques of Functional Reactive Programming using JavaScript and RxJS. Understanding FRP and Reactive Programming ...
Read MoreAdvanced JavaScript Patterns: Singleton, Decorator, and Proxy
JavaScript is a versatile programming language that allows developers to create dynamic and interactive web applications. With its vast array of features and flexibility, JavaScript enables the implementation of various design patterns to solve complex problems efficiently. In this article, we will explore three advanced JavaScript patterns: Singleton, Decorator, and Proxy. These patterns provide elegant solutions for managing object creation, adding functionality dynamically, and controlling access to objects. Singleton Pattern The Singleton pattern ensures that a class has only one instance and provides a global point of access to it. This pattern is useful when we want to ...
Read MoreAdvanced JavaScript Tooling: Webpack, Babel, and ESLint
In today's rapidly evolving web development landscape, JavaScript has emerged as the backbone for building interactive and dynamic web applications. As JavaScript applications grow in complexity, developers face the challenge of managing and optimising their code effectively. This is where advanced JavaScript tooling comes into play. In this article, we will explore three indispensable tools for modern JavaScript development: Webpack, Babel, and ESLint. These tools work seamlessly together to enhance code quality, optimise performance, and enable the use of cutting-edge JavaScript features across different environments. Webpack: Bundling Your Code Webpack serves as a powerful module bundler that allows ...
Read MoreAdvanced Techniques for Debugging JavaScript Applications
Debugging is an essential skill for every JavaScript developer. It helps identify and fix errors, optimise performance, and improve the overall quality of code. While basic debugging techniques like console logging are widely used, advanced techniques can greatly enhance your debugging capabilities. In this article, we will explore some advanced debugging techniques and learn how they can be effectively used to debug JavaScript applications. Using Breakpoints Breakpoints allow us to pause the execution of our code at a specific line and inspect the program's state. Modern browsers provide powerful debugging tools that enable setting breakpoints directly in the ...
Read MoreBuilding Progressive Web Applications (PWA) with JavaScript and Workbox
Progressive Web Applications (PWAs) have gained popularity in recent years as a way to deliver a superior user experience across various devices and network conditions. PWAs combine the best features of web and native applications, providing users with fast, reliable, and engaging experiences. In this article, we will explore how to build PWAs using JavaScript and Workbox, a powerful library that simplifies the process of adding offline support and caching to web applications. Understanding Progressive Web Applications (PWA) A Progressive Web Application is a web application that leverages modern web technologies to deliver a native app-like experience to ...
Read MoreAdvanced DOM Manipulation Techniques with JavaScript
In web development, dynamic and interactive web pages are essential to engage users and provide a seamless browsing experience. JavaScript plays a crucial role in manipulating the Document Object Model (DOM) to create, modify, and delete HTML elements dynamically. In this article, we will explore advanced DOM manipulation techniques using JavaScript, enabling you to take your web development skills to the next level with practical examples and comprehensive theory. Understanding the DOM The DOM represents the structure of an HTML document as a tree-like structure, where each HTML element is a node. JavaScript allows us to interact ...
Read MoreData Manipulation and Transformation Techniques in JavaScript
In the world of web development, JavaScript is a versatile and powerful language that plays a crucial role in creating dynamic and interactive web applications. One of the key aspects of JavaScript is its ability to manipulate and transform data efficiently. In this article, we will explore advanced techniques for data manipulation and transformation using JavaScript. We will dive into various scenarios, providing code examples, explanations, and outputs to help you grasp these concepts effectively. Working with Arrays Arrays are fundamental data structures in JavaScript, and they offer several powerful methods to manipulate and transform data. Let's ...
Read More