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 117 of 801
Firebase Integration with Web
Firebase is a comprehensive Backend-as-a-Service (BaaS) platform launched by Google in 2011 and acquired in 2014. It provides real-time databases, user authentication, cloud storage, hosting, and analytics for mobile and web applications. Its popularity stems from quick setup, scalability, and seamless integration. In this tutorial, we will learn to integrate Firebase authentication into a single-page web application, creating a complete user management system with signup, login, and logout functionality. Setting Up Firebase Project Follow these steps to create and configure your Firebase project: Step 1 − Visit Firebase and create a Google ...
Read MoreFirebase to get url
Firebase is a backend-as-a-service (BaaS) that provides different services including authentication, cloud storage, hosting, and more. It makes it easy for developers to integrate these features into mobile or web applications. In this tutorial, we will explore Firebase Cloud Storage to upload images and retrieve their URLs for use in web applications. Firebase Project Setup Follow these steps to set up a Firebase project and configure cloud storage: Step 1 − Go to Firebase and create an account. Step 2 − Open the Firebase Console. Step 3 − Click the 'Create project' button to start ...
Read MoreHow to install yup in react native in JavaScript?
Yup is a popular JavaScript schema validation library that integrates seamlessly with React Native applications. It provides a simple and powerful way to validate form data by defining validation schemas with various rules for different field types. Installation Install Yup in your React Native project using npm or yarn: npm install yup Or using Yarn: yarn add yup Basic Syntax Create validation schemas using Yup's chainable API: import * as Yup from 'yup'; const schema = Yup.object().shape({ fieldName: Yup.string().required("This field is required"), ...
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. What are Bit Rotations? Bit rotation means moving bits from one end to another. For example, if we rotate ...
Read MoreHow to Configure Mouse Wheel Speed Across Browsers using JavaScript?
We can use JavaScript to control the mouse wheel scrolling behavior across different browsers. Every browser has a default scrolling speed, but we can customize it to create better user experiences, such as smooth scrolling animations or controlled reading speeds. Different browsers support different wheel events, so we need to handle multiple event types to ensure cross-browser compatibility. This tutorial demonstrates various approaches to configure mouse wheel speed using JavaScript. Syntax The basic syntax for controlling mouse wheel speed uses the 'wheel' event: element.addEventListener("wheel", (event) => { event.preventDefault(); ...
Read MoreA Game Using Javascript – Fire the bullets
This tutorial demonstrates how to create an action-packed commando game using JavaScript and Code.org's Game Lab. The player controls a commando navigating through a maze-like area filled with enemy tanks, collecting keys, and escaping through a door. Game Story and Rules The player controls a commando using arrow keys (UP, DOWN, LEFT, RIGHT) to navigate through a walled area. The objective is to find the correct key and reach the exit door while avoiding enemy fire. Enemy tanks automatically shoot bullets when the commando enters their range. The commando has a protective shield activated by pressing the 's' ...
Read MoreHow to Remove Column from HTML Table using JavaScript?
In HTML, tables display data in a structured format with columns and rows. Sometimes you need to dynamically remove columns from a table, such as when a user wants to hide unnecessary data or when the table structure needs to change based on user interactions. JavaScript provides several methods to remove table columns. The most common approach is using the deleteCell() method, which removes cells by index. You can also remove columns by header text or class name for more flexible implementations. Syntax The basic syntax for removing a column using deleteCell(): for (var i ...
Read MoreHow to replace an HTML element with another one using JavaScript?
In this tutorial, we will learn to replace an HTML element with another one using JavaScript. In some use cases, we require to replace a whole HTML element with a different one. For example, it is very important in form validation. Suppose we are taking the user's age from the form, and the user enters the wrong age; we can show the validation message by replacing the HTML element. Another use case where we require to replace an HTML element with another one is dynamic content loading, in which we must show the web page content based on certain ...
Read MoreHow to Build a REST API with Fastify?
Fastify is a high-performance web framework designed for Node.js backend development. Known for its lightweight architecture and impressive speed, Fastify positions itself as a faster alternative to popular frameworks like Express, Koa, and Hapi. What sets Fastify apart is its plugin-centric architecture—everything is treated as a plugin, allowing for better modularity and code reusability. This approach enables developers to encapsulate functionality and distribute it across projects efficiently. In this tutorial, we will explore how to build a complete REST API with Fastify, covering: Creating a basic Fastify server Defining API routes with proper controllers Implementing schema ...
Read MoreHow to Bundle up JavaScript Files using Rollup.js?
In this tutorial, we will understand how to use Rollup.js to bundle JavaScript files. Before we do that, the first step is to get familiar with the JavaScript module bundler called Rollup, which compiles files from multiple sources into a single bundle. Rollup is similar to webpack and Browserify. It is more popular than many other bundlers because of its ability to keep files small even after bundling them into a single unit. There are multiple features that Rollup brings to the table, some of them are mentioned below − Development is easier to manage when you ...
Read More