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
Articles by Shubham Vora
Page 30 of 80
Text to Voice conversion using Web Speech API of Google Chrome
Nowadays, the audiobook is more preferred by readers to reading books as they can grab knowledge while doing any work by listening to it. Also, some website adds the audio of the article in every article, so if users don’t want to read the article, they can listne to it. To convert normal text to voice, we require to use the web speech api of Google Chrome. In this tutorial, we will learn to use the web speech API of Google Chrome to convert text to voice. Syntax Users can follow the syntax below to use the web speech API ...
Read MoreJavascript Program to Check if two numbers are bit rotations of each other or not
Problem Statement − We have given two integer numbers and need to check whether the two numbers are bit rotations of each other. In JavaScript, every integer is a 32-bit binary number which is a representation of 0 and 1. Here, we need to check if we rotate the 32-bit string of the first number; we can achieve the 32-bit string of the second number or not out of a total of 32 rotations of the first number. Use the ToString() Method to Check if two Numbers are bit Rotations of Each Other The toString() method is used to convert ...
Read MoreHow to install yup in react native in JavaScript?
The Yup is an NPM package we can install in the react-native application. It is used to validate the form values stored in a single object. Also, we can add different kinds of validations to the different form fields using the Yup. Users can execute the below command in the project directory to install the Yup in react native. npm i Yup Users can use the below command if they are using the Yarn. yarn i Yup Syntax Users can follow the syntax below to use the Yup for the form validation in the react-native application. const schema ...
Read MoreHow do you receive server-sent event notifications in JavaScript?
The server-sent event is a unidirectional way to communicate between the server and the client. When we only require to send data from server to client, but not from client to server, we can use the server-sent events. We can use the server-sent events by establishing the connection between the client and server. Here, the server sends the data, and the client receives the data and handles the data to show on the web page. The server can be anything, such as Node, PHP, or Ruby applications. So, when the server sends the data, the ‘message’ event fires on the ...
Read MoreFixed Options in Searchbox in ReactJS
Sometimes, developers require to add the fixed options in the search box while creating the search bar. For example, you are developing a web application containing different web pages related to cars, bikes, other vehicles, etc. Also, you require to add a search bar on every web page. So, you may be required to add the fix tags like car, bike, or some car or bike brands as fixed tag in the search bar to highlight. In this tutorial, we will learn to add fixed options in search box in ReactJS using the AutoComplete component of the Material UI library. ...
Read MoreFirebase to get url
Firebase is a backend-as-a-service (BAAS) that provides different services. It includes authentication, cloud storage, hoisting, etc., in the services. Basically, it makes it easy for developers to integrate the authentication, database, etc., in the mobile or web application. In this tutorial, we will explore the cloud storage of Firebase. We will learn to upload images in the Firebase cloud storage and get the URL of the image, which we can use anywhere. Users should follow the steps below to set up the Firebase account and integrate it with a single-page web application. Step 1 − First, Go to the ...
Read MoreFirebase Integration with Web
Firebase was started by Google in 2014, providing backend services to its users. It provides different kinds of high-quality services which we can use to develop mobile and web applications. For example, it provides a real-time database, user authentication, cloud storage, etc. Furthermore, it also provides analytics to analyze the application’s traffic. It is more popular due to its quick setup. In this tutorial, we will learn to integrate Firebase authentication into the one-page web application. Users should follow the steps below to set up the Firebase account and integrate it with a single-page web application. Step 1 − ...
Read MoreWhich characters are valid in CSS class names/selectors?
In CSS, class names or selectors are used to select a particular HTML element. There are some CSS rules to define the class names or CSS selectors. In this tutorial, we will learn all CSS rules and about valid characters to create class names. Here are the rules for creating CSS class names. Rule 1 − Class name or CSS selectors should only contain alphanumeric characters and some special characters such as hyphens (-) and underscores (_). Rule 2 − Class names can’t start with the digits. For example, the “12sd” class name is invalid. Rule 3 − Class ...
Read MoreTransition shorthand with multiple properties in CSS?
We can add transitions to HTML elements using CSS. Before we start with the tutorial, let’s understand what transition is. Basically, the transition is an element changing from one state to another state. For example, we change the dimensions of the element when users hover over the element. In CSS, we can add transitions to elements using two ways. First is to use ‘transition-property’, ‘transition-duration’, ‘transition-timing-function’, and ‘transition-delay’ all 4 properties together. The second is using only the ‘transition’ CSS property. The CSS ‘transition’ property is shorthand for the below CSS properties. Transition-property − It specifies the CSS property ...
Read MoreTop 5 HTML Tricks That You Should Know
HTML is used to create web pages. In every new release of HTML, developers make some changes and add unique features. Here, we will discuss that unknown features by most developers who can help developers improve web pages. Here, we have explained the top 5 HTML tricks with examples. Color Picker in HTML We can create a color picker in HTML using the tag. It allows us to pick up any colour by clicking on the colour or adding RGB values. Syntax Users can follow the syntax below to create a color picker using HTML. In the ...
Read More