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
Web Development Articles
Page 72 of 801
Difference between Local Storage, Session Storage, and Cookies in JavaScript
JavaScript provides three mechanisms for storing data on the client − cookies, session storage, and local storage. Each one has advantages and disadvantages.Local storage is the most recent mechanism. It allows for larger amounts of data to be stored, but the data is not deleted when the browser is closed. Local storage is useful for storing data that the user will need to access later, such as offline data.Session storage is similar to cookies, but the data is only stored for the current session. This means that the data will be deleted when the user closes the browser. Session storage ...
Read MoreHow to convert JSON data to a html table using JavaScript/jQuery?
JSON (JavaScript object notation) is a powerful data format to exchange data from server to client and vice versa. HTML tables are powerful tools to represent data in tabular format so that it becomes very easy to read, analyze and compare. It is very common in web development to convert JSON data into HTML tables. In this article, we will learn how to convert JSON data into HTML tables using Javascript as well as jQuery. By the end of this article, you will have a solid understanding of JSON to HTML table conversion. Convert JSON data into HTML tables using ...
Read MoreHow to use precision prop in the Rating component in Material UI?
Sometimes there are instances where we find ourselves needing to rate products, services, or other things. On occasion, we often rely on a feature called "rating " commonly presented in the form of star ratings ranging from 1 to 5. However, what if we want to provide ratings using half or full increments? This is where the "precision" property in Material UI comes into play. By utilizing the precision prop, we can establish the minimum increment value for permitted changes. The rating component can then display numbers with the help of the value property. In this article, we will explore ...
Read MoreHow to use Icons in Material UI?
Icons play a crucial role in enhancing the visual appeal and usability of user interfaces. When using the Material UI framework, incorporating icons is a seamless process that adds a touch of elegance and functionality to your application. In this article, we will explore how to use icons in Material UI and leverage the extensive collection of icons provided by the library. To get started, Material UI offers its own set of icon components that are easy to use and highly customizable. These components are designed to align with the Material Design guidelines, ensuring consistency and a cohesive visual experience. ...
Read MoreHow to customize Chip in Material UI?
In this article, we are going to learn how to customize chips in Material UI. Chips are small components that stand in for input, an attribute, or an action. With the aid of chips, users can input data, select options, filter content, or start processes. The chip can also be customized in the MUI in React. Customization of the chip may include, changing chip colors, custom deleting icons, adding avatars, or creating a chip using its root property. We will see everything in this article. To work with chip in MUI, we need to understand their API and its related ...
Read MoreHow to create discrete sliders in Material UI?
Developers can easily implement sliders thanks to the Slider component provided by Material UI. In the Material UI, sliders can either be continuous or discrete. While discrete sliders limit the selection to particular, predefined values, continuous sliders let users choose any value within a given range. In this article, we are going to learn how to create discrete sliders in Material UI. What are Discrete Sliders? The discrete slider allows the user only to select the value in a particular range as compared to the other sliders. To use the discrete sliders in React, we can adjust the slider to ...
Read MoreHow to create different Avatars in Material UI?
To improve the user design in any application of material UI, avatars play an important role. Avatars are mostly found everywhere, like in the social media profile section, posts, etc., but how do you create these avatars in React using MUI? So, In this article, we are going to learn how to create different Avatars in Material UI. But before we dive into the steps of creating the different avatars in MUI, let’s first understand what exactly an avatar is. What is an Avatar? An element known as an avatar is employed to visually depict a user or another entity. ...
Read MoreHow to create controlled switches with form groups in Material UI?
Switches in React MUI are a type of input element that allows the user to choose any one state, commonly an on or off state. These are commonly used to adjust settings on mobile devices. It is simply a check type button that helps toggle one of the two pre-defined states. In this article, we will learn how to create controlled switches with form groups in Material UI. The reason for using FormGroup is that it provides a wrapper that allows grouping the selection control components and provides an easier API. Steps to create controlled switches Below are the steps ...
Read MoreHow to create a slider with input in Material UI?
React developers can easily add or use sliders in React thanks to the Slider component provided by Material UI. In the Material UI, apart from using normal sliders, we may also define an input to provide a custom value that can be entered by users manually. In this article, we are going to learn how to create sliders with input in Material UI. What is a Slider with Input? A user interface element called a Slider with an input field combines two input techniques for choosing a numerical value from a predetermined range. Usually, it has a slider element and ...
Read MoreHow to create a Native Select in Material UI?
Material UI is a framework, for React that offers a Select component. This component allows users to pick options from a menu. Today we will explore how to create a Native Select in Material UI. One of the components in Material UI is the "Native Select." It plays a role, in creating menus with native select functionality, giving users the ability to choose from various options. How is Native Select different from Select Component? The Native Select and Select components have some differences. Native Select offers a user interface on platforms by rendering a native HTML element. It provides ...
Read More