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
Javascript Articles
Page 36 of 534
What are top JavaScript animation libraries?
JavaScript animation libraries offer powerful alternatives to CSS animations, providing greater flexibility and advanced features that CSS alone cannot achieve. These libraries enable developers to create complex animations, 3D graphics, particle effects, and interactive experiences with better performance and cross-browser compatibility. This article explores the top JavaScript animation libraries that can transform your web projects with stunning visual effects. Anime.js Anime.js is a lightweight animation library designed to animate HTML elements, JavaScript objects, CSS selectors, DOM attributes, and arrays. It provides complete control over targeted elements with an intuitive API. Key Features: SVG animations and ...
Read MoreVoca: The Ultimate Javascript library for String Manipulation
Voca is a powerful JavaScript library designed specifically for string manipulation. In this tutorial, we will explore multiple examples demonstrating how to use the different functions available in Voca. Features of Voca Before we see all the examples, let's highlight some features that Voca brings to the table − It provides a multitude of functions that can be used to manipulate, query, escape, format strings. It also provides detailed and searchable documentation. It supports a wide range of environments like Node.js, Safari 7+, Chrome, ...
Read MoreHow to Create Pong Game in JavaScript?
A Pong game is a two-player paddle game where each player's task is to save the ball from hitting the wall. Whenever player 1 hits the ball at the opponent's wall then player one will receive a point, and similarly, player 2 will get a point if he/she hits the ball at the opponent's wall. In this tutorial, we will create a Pong Game in JavaScript using HTML5 Canvas. Game Controls Before implementing the game, let's understand the controls: Left Player: Use 'Z' key to move up and 'S' key to move down ...
Read MoreHow to design hit the mouse game using HTML, CSS and JavaScript?
In this tutorial, we are going to build the famous hit the mouse game using HTML, CSS, and vanilla JavaScript. Many of you wondering what is Vanilla JavaScript, it is nothing just plain JavaScript written without the use of any libraries. In the hit the mouse game, the player needs to hit the mouse with the hammer in order to earn points and win the game. Approach To design the mouse game, we need to write the code in HTML, CSS, and JavaScript. Step 1 − Firstly, let us look into the HTML part of the code; ...
Read MoreHow to Create a Video and Audio Recorder with JavaScript MediaRecorder API?
In this tutorial, you will learn how to create an audio and video recorder using JavaScript's MediaRecorder API with WebRTC technology. This allows you to capture and record media directly in the browser. What is WebRTC? WebRTC (Web Real-Time Communication) enables real-time communication capabilities in web browsers. It allows access to user devices like webcams and microphones through JavaScript APIs. The core method for accessing media devices is: navigator.mediaDevices.getUserMedia(constraints) The getUserMedia() function requests user permission to access the webcam and microphone. It returns a Promise that resolves with a MediaStream if permission is ...
Read MoreHow to upload an image using HTML and JavaScript in Firebase?
Firebase is a Google cloud platform that provides storage, database, and authentication services. In this tutorial, you'll learn how to upload images to Firebase Storage using HTML and JavaScript. Firebase is a comprehensive cloud platform offering NoSQL databases, real-time hosting, authentication, push notifications, and file storage services for web and mobile applications. Prerequisites Before starting, you need to create a Firebase project and configure storage. Follow these steps to set up your Firebase project: Firebase Project Setup STEP 1 − Visit the Firebase Console and click "Get started", then "Create a project". STEP 2 ...
Read MoreBuild a Site Bookmark App with JavaScript by using Local Storage
In this tutorial, we'll build a Site Bookmark app using JavaScript, HTML, and CSS. The app will use Local Storage to save bookmarks permanently without requiring a database. Local Storage is a web storage API that allows client-side data storage. Data is stored as strings and persists even after closing the browser session. Storage capacity ranges from 2MB to 10MB depending on the browser. Features Our bookmark app will include: Add new bookmarks with site name and URL Visit saved websites Delete unwanted bookmarks Persistent storage using Local Storage File Structure ...
Read MoreHow to change the color of error message in jquery validation in JavaScript?
jQuery validation allows developers to create user-friendly forms with real-time feedback. One common requirement is customizing the appearance of error messages, particularly their color. This tutorial demonstrates how to modify error message colors in jQuery validation using CSS and JavaScript. Basic Setup To customize error message colors, you need a form with input fields and corresponding error message containers. The key is using CSS or jQuery's .css() method to apply styling dynamically. Method 1: Using Inline CSS Styles The simplest approach is setting the color directly in HTML or through jQuery: ...
Read MoreGame Development Using JavaScript
In this tutorial, we will learn about whether we can create games using JavaScript or not. We can, of course. JavaScript games are entertaining, simple, and a fantastic method for youngsters to learn how to code. Nearly all internet websites employ the popular programming language known as JavaScript. A web application can be enhanced using JavaScript by adding animations and interactivity that improve gaming and web browsing. JavaScript's capacity to create games that can be played readily online is a common topic that draws young people to learn how to program. It makes sense that more game developers ...
Read MoreTop 7 Reasons to Love JavaScript
JavaScript is a dynamic programming language for creating websites, web applications, video games, and many other interactive experiences. You can add dynamic features to websites that you couldn't achieve with only HTML and CSS. JavaScript is the programming language that powers modern web browsers to create dynamic, interactive content. You witness JavaScript in action whenever you see dropdown menus, content that loads without refreshing the page, or elements that change colors dynamically. Top 7 Reasons to Love JavaScript 1. Versatility Across Multiple Domains JavaScript serves multiple development needs effectively. While Python excels in machine learning and ...
Read More