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
Web Development Articles
Page 778 of 801
Identifiers and Keywords in Typescript
In this tutorial, we'll learn about identifiers and keywords in TypeScript. Identifiers and keywords are two fundamental concepts in TypeScript, a statically-typed superset of JavaScript. Identifiers are names we give to variables, functions, classes, and other things in our code. Keywords are special words with specific meanings in TypeScript and can't be used as identifiers. Identifiers must follow certain rules in naming variables, functions, and classes to avoid syntax errors. On the other hand, using keywords as identifiers can lead to errors and make our code difficult to read and understand. Rules and Best Practices for Identifiers and ...
Read MoreHow to use Paper Component in ReactJS?
In Material UI, the Paper component is very similar to the card component, and basically, it also creates a card of the required dimensions. The main difference between the Card and Paper components is the ‘Elevation’ prop. The Elevation props allow setting the box shadow for the Paper component to add 3D effects. Syntax Users can follow the syntax below to use the Paper component of Material UI. Example 1 (Basic use of Paper Component) In the example below, we added the Paper component inside the Box component of Material UI. Also, we have set the dimensions ...
Read MoreHow to use Link Component in ReactJS?
The links are important for any application to navigate different web pages. We can use the tag to create links in the HTML. However, the Material UI library provides the Link component to create a stylish link. Users can execute the below command to install the Material UI library in the React project. npm install @mui/material @emotion/react @emotion/styled Syntax Users should follow the syntax below to use the Link component of Material UI. Link In the above syntax, href takes a link to the targeted web page. Example 1 (Basic Link ...
Read MoreHow to use input readonly attribute in jQuery?
The readonly is an HTML attribute that we can add to any HTML tag. Whenever we use the readonly attribute with any HTML element, it becomes non-editable. Users can’t write into the text field but can only read. In this tutorial, we will learn to add the readonly attribute to the HTML element using the various methods of jQuery. Use the attr() method of jQuery The attr() method of jQuery sets the attribute to the HTML element. It takes two parameters, and we can pass the attribute name as the first parameter and the attribute value as the second ...
Read MoreHow to use Grid Component in Material UI?
The grid means the structure of rows and columns like a table. When we create a table using the HTML tag, we can create every row and column of different dimensions, but the Grid component of the Material Ui library allows us to do so. We can use the Grid component of the Material UI as a container and item. Also, we can adjust the grid automatically according to the dimensions of the device screen. Users first need to install the Material Ui library to use the Grid component in the React project using the below command. ...
Read MoreCheck for the existence of key in an object using AngularJS
Overview The existence of a key in an object can be checked using AngularJS. The key in an object is unique and cannot be duplicated. As object is a collection of different data types in Key-Value form, which contains String, Number type of data into a single reference variable. To check the existence of a key, we will use the "in" operator, which will check the object and return true or false. Syntax The syntax used in this problem is − if (key in objectName ) { action } else { action } ...
Read MoreHow to use Fab Component in Material UI?
The fab component is a short form of the floating action button. You may have seen the floating action button in many Android applications at the bottom right corner. However, it's not fixed that you need to add the floating action button at the bottom right corner, but it is the most used place. Users can use the Fab component of Material UI to create floating action buttons with different icons. To start with the Material UI, execute the below command in the terminal in the React project directory. npm install @mui/material @emotion/react @emotion/styled Syntax Users can ...
Read MoreHow to create a domain name finder app in ReactJs?
An online application that enables users to look for accessible domain names using keywords or phrases can be called a domain name finder. It is a helpful tool for companies and individuals wishing to register a new domain name for their websites. Users of this software can look up domain names and display the search results along with other details like cost and availability. To build a ReactJs domain name search app, one must first plan the app's structure and decide which features to include. After configuring the development environment, a search field can be added so that users can ...
Read MoreHow to validate Passport Number is ReactJS?
Passport number is very sensitive data, and it always requires to validate. For example, you are taking the user’s data for their identification, and you can use the passport number to validate the user’s identity. Sometimes, the user may enter the wrong passport number. However, you must need to use the database to check whether the passport number matches the user’s real passport number. Still, when a user enters the passport number, you should ensure that the user has entered the correct format. This tutorial will teach us various approaches to validating passport numbers in ReactJS. Use the Validator ...
Read MoreHow to validate Octal number in ReactJS?
There are various types of number representation available such as decimal, hexadecimal, binary, octal, etc. The octal number is a number value by taking the base-8, and it accepts only numbers between 0 to 8. Here, we will learn to validate the octal number. We need to check that all characters of the octal number string should be numeric and between 1 to 8. Use the regular expression to validate octal number in ReactJS The best approach to validate the octal number is using the regular expression. We can use the test() method with the regular expression to ensure ...
Read More