Found 10711 Articles for Web Development

How to create bar chart in react using material UI and Devexpress?

Rushi Javiya
Updated on 14-Jul-2023 10:00:16

797 Views

The material UI is a popular CSS library that we can use to style the React application. It contains various pre-styled React components that we can use directly in the application by importing them into the code. The 'dx-react-chart-material-ui’ is an NPM package of Devexpress that can connect the material-ui and ‘dx-react-chart’ library of dev express. The ‘dx-react-chart’ is used to create a chart, and material UI is used to style the chart. Users can execute the below command to install the material UI in the React application. npm install @mui/material @emotion/react @emotion/styled Also, execute the below command to ... Read More

How to create and download CSV file in JavaScript?

Rushi Javiya
Updated on 14-Jul-2023 09:59:03

4K+ Views

JavaScript has great capability to manipulate various data and handle them with files of different formats. Sometimes, developers require to handle the data with the CSV file while developing web applications using JavaScript. For example, we are building an e-commerce platform where users can buy and sell products. Also, we want to allow users to download their order details according to the time horizon into the CSV file. We need to interact with the data and CSV files in such cases. Another example is online banking sites allow us to download the transaction details in CSV files. In this ... Read More

How to create an image element dynamically using JavaScript?

Rushi Javiya
Updated on 14-Jul-2023 09:58:06

8K+ Views

In HTML, the image element is used to show the images on the web page. It takes multiple attributes according to the requirements, such as ‘src’, ‘alttext’, ‘height’, ‘width’, etc. In some situations, we require to dynamically add images to the web page. For example, we have stored an unknown number of movie data in the database. We need to fetch the movie data, and we need to show the movie image with details for each movie. In this case, we need to append the image and data to the DOM using JavaScript. Below, we will learn to add image ... Read More

Explain about rest parameters and arguments in TypeScript

Rushi Javiya
Updated on 14-Jul-2023 09:56:09

468 Views

TypeScript is a feature-rich programming language, and it is necessary to know all features of TypeScript while developing web applications with TypeScript. One such feature is the rest of the parameters and arguments in TypeScript. This tutorial will teach us to use the rest parameters and arguments in TypeScript with various code examples. What are the Rest Parameters and Arguments? The rest parameter is used to pass the multiple arguments to the function when we don’t know how many arguments we need to pass to the function. The rest parameter name is written, followed by ‘…’ (three dots). When we ... Read More

How to design mobile touch slider using Swiper.js Plugin?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:23:48

443 Views

The widespread use of mobile gadgets has transformed the way we interact with online information, thus making it increasingly vital for web developers to devise mobile touch sliders that enable engaging and effortless user interaction. The Swiper.js Plugin is an influential and adaptable JavaScript library that empowers developers to devise mobile touch sliders that are not only aesthetically appealing but also extremely practical. By utilizing the expansive customization features presented by Swiper.js Plugin, developers can fashion sliders that are precisely aligned with the specific requisites of their web-based applications. The present document will expound on the systematic methodology for designing ... Read More

How to design login dialog using jQuery EasyUI Mobile?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:23:27

192 Views

In the fast-paced world of mobile web development, designing a login dialog that is both aesthetically pleasing and highly functional is essential for engaging users and ensuring the success of a web application. With jQuery EasyUI Mobile, a robust and intuitive JavaScript framework, developers have access to a powerful set of tools for creating dynamic and customizable login dialogs. However, for developers unfamiliar with the framework, the process of designing a login dialog using jQuery EasyUI Mobile may seem daunting. In this article, we will guide developers through the step-by-step process of designing a login dialog using jQuery EasyUI Mobile, ... Read More

How to design lazy loading of images/videos for mobiles using jQuery Plugin?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:22:58

213 Views

In the present-day world, where mobile devices are dominant, developers are persistently searching for ways to optimize user experience, particularly concerning the loading of hefty media files such as images and videos. One of the remedies to this issue is to implement lazy loading, a technique that procrastinates the loading of non-vital media files until their requirement. With the aid of the jQuery Plugin, developers can effortlessly integrate lazy loading into their mobile web applications, thereby providing an uninterrupted and proficient browsing experience for their users. In this write-up, we shall scrutinize the step-by-step technique to design the lazy loading ... Read More

How to Design Image Slider using jQuery?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:22:31

2K+ Views

In the current era of digital technology, the aesthetics of a website hold significant importance in determining its triumph. The potential to devise an engaging image slider can be the decisive factor that determines whether a user stays on a website or swiftly moves on to a rival's site. A potent tool available to developers for creating alluring image sliders is jQuery, a speedy and feature-packed JavaScript library. With its broad range of plugins and dynamic functionality, jQuery bestows developers with an extensive assortment of possibilities when it comes to designing image sliders that are both captivating and multifunctional. This ... Read More

How to autoplay audio on chrome?

Aayush Mohan Sinha
Updated on 13-Jul-2023 17:21:26

7K+ Views

As the utilization of the internet progresses, the aptitude to initiate auto-execution of audio on web browsers has become a progressively crucial attribute for web designers. Nevertheless, auto-playing of audio on Chrome, which is one of the extensively utilized web browsers, can be a daunting undertaking for those lacking the necessary technical proficiency. However, equipped with the appropriate tools and understanding of the fundamental technologies, the process of executing autoplay of audio on Chrome can be accomplished with reasonable simplicity. In this write-up, we shall delve into the systematic approach of autoplaying audio on Chrome, encompassing the pertinent HTML, JavaScript, ... Read More

JavaScript Program to Find Longest Common Prefix Using Word by Word Matching

Prabhdeep Singh
Updated on 12-Jul-2023 10:08:00

214 Views

Prefixes are the substrings that start from the zeroth index of the given string and can be of any size from 1 to the complete length of the string. We are given a set of strings and we have to find the common prefix among all of them in the JavaScript programming language. We have to implement the word-by-word matching approach in which we will match the words instead of the complete strings. Input arr = ["zefkefgh", "zefkdefij", "zeffdzy", "zefkdabacd"]; Output zef Explanation From all the given strings, we have the first three characters, the same and the remaining ... Read More

Advertisements