JavaScript

Building Playable Piano using HTML, CSS and JavaScript

In this hands-on tutorial at OpenGenus, we will embark on a musical journey by building a fully playable piano using the dynamic trio of web development: HTML, CSS, and JavaScript.

JavaScript

Installing and configuring Webpack [+ Gif Generator Project]

In this article at OpenGenus, we'll be discussing a module bundler called Webpack and learn how to configure it in order to develop an advanced application.

Web Development

Building Virtual Keyboard: A Step-by-Step Development Process

In this article at OpenGenus, we will be discussing about the process of developing a virtual keyboard using HTML, CSS, and JavaScript. The virtual keyboard allows users to input text through a graphical interface, and it includes features like caps lock, enter key, and space key.

Web Development

Building Dynamic Sound Board using HTML, CSS, and JavaScript [WebDev Project]

In this article at OpenGenus, we will guide you through the process of creating a dynamic sound board using HTML and JavaScript.

JavaScript

Ember JS [Introduction with demo app]

In this article on OpenGenus, we will explore an introduction to building modern web applications using Ember JS.

JavaScript

Introduction to ElectronJS

In this article on OpenGenus, we will explore an introduction to creating cross-platform desktop applications using Electron JS.

JavaScript

Tutorial to Use Axios

In this tutorial at OpenGenus, we will dive into the world of Axios and learn how to use it effectively to handle HTTP requests in your web applications.

Web Development

Next.js Framework for Production

Explore the power of Next.js, a production-ready framework that combines React with server-side rendering. With easy routing and a vibrant community, learn how to unlock its potential for modern web development and stay ahead in the ever-evolving digital landscape.

Web Development

Bubble Shooter game in HTML/CSS and JS

In this article at OpenGenus, we will explore the popular game called "Bubble Shooter" and take a closer look at its underlying code.

Web Development

Car racing game in HTML, CSS, JS

In this article at OpenGenus, we will discuss and demonstrate the creating of a car racing game using HTML, CSS and JavaScript.

HTML

Word Scramble game in HTML and JS

In this article at OpenGenus, we are going to develop the word Scramble game in HTML, CSS and JavaScript.

JavaScript

Queue Data Structure in JavaScript [with OOP]

In this article at OpenGenus, we will delve into the queue data structure in JavaScript, understand its underlying principles, and learn how to implement and utilize queues effectively.

JavaScript

30 JavaScript Project Ideas

In this article at OpenGenus, we will go through 30 project ideas you can build with JavaScript to master the Programming language.

Web Development

Whiteboard in HTML [WebDev Project]

In this article at OpenGenus, we will explore how to develop a whiteboard using HTML, CSS, and JavaScript in the HTML file. We will focus on the implementation of the whiteboard with a functional drawing feature, color selection, a clear button, and a rubber (eraser) function.

JavaScript

Interview questions on JavaScript Promises

Promises, a built-in feature of JavaScript, let you handle asynchronous actions in a way that is more readable and organized. In this article at OpenGenus, we'll demonstrate a few interview questions that pertain to JavaScript promises.

Web Development

Wordle using HTML, CSS and JavaScript

In this article at OpenGenus, we will be building a wordle game using HTML, CSS and JS. Stay for the exciting implementation details.

JavaScript

Input Validation and Sanitization: Best Practices for Secure Applications with Examples Using JavaScript

Input validation is the process of verifying that user input meets specific criteria, such as correct format, length, or type, before processing or storing it. By validating user input, we can ensure that the data is safe and appropriate for its intended use.

HTML

Memory Game using JS and HTML

In this article at OpenGenus, we will look into implementing a memory game using JS and HTML.

Web Development

Whack a mole game using HTML, CSS, and JS

Let's make some cool and amazing whack a mole game in this article at OpenGenus.

Web Development

Connect Four game in HTML/CSS and JS

In this article at OpenGenus, we dive into the world of web development to explore the development of Connect Four game using HTML, CSS, and JavaScript.

Web Development

Hangman in HTML/CSS/JS [with demo and source code]

Hangman is a classic word-guessing game that challenges players to guess a hidden word by suggesting letters one at a time. We will be implementing the simple version of the game.

Web Development

Gift Card Web Application Tutorial in HTML, CSS and JS [with Demo and Source Code]

In this article at OpenGenus, we will explore the process of creating an interactive gift card using HTML and CSS. The gift card features a realistic envelope that opens up to reveal a personalized message and an image.

Web Development

Pong Game in HTML, JS and CSS [with Demo and Source Code]

Pong is a timeless classic in the world of video games, and building it from scratch using JavaScript can be a fun and educational experience. In this article at OpenGenus, we will explore the process of creating a fully functional Pong game using JavaScript and HTML5 canvas.

HTML

Breakout game in HTML and JS

In this article at OpenGenus, we will explore how to create a Breakout game using HTML and JavaScript. We will dive into the implementation details. By the end of this project, you will have a fully functional Breakout game that you can play and even customize according to your preferences.

Web Development

Routing in React

In the context of React, routing allows developers to implement navigation and define different routes for different components or pages within a single-page application.