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.

HTML

Star Rating in HTML: A Guide to Implementing and Utilizing User Ratings

In this article at OpenGenus, we will explore star rating systems in HTML, exploring how to implement them using HTML, CSS and their use cases, and examples of websites that utilize this concept.

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.

Web Development

Image to Text Converter Web Application using React

In this article at OpenGenus, we are going to discuss about the image to text conversion web application which is built using well known React library.

Web Development

Bomberman Game in HTML, CSS and JavaScript

Throughout this article at OpenGenus, we will explain the game mechanics, discuss the implementation of key features, and briefly discuss how we can build our own Bomberman Game.

JavaScript

Understanding ECMAScript: The Language Behind Modern Web Development

In the world of web development, ECMAScript plays a crucial role as the standardized scripting language that powers modern web browsers. ECMAScript, often referred to as ES, is the official name for the language specification that popular implementations such as JavaScript are based on.

Web Development

16 Uses of Machine Learning (ML, DL, AI) in Web Development

In this article at OpenGenus, we will talk about the use of Machine Learning, Deep Learning and Artificial Intelligence in web development.

Python

List of 25 Flask Project Ideas

In this article at OpenGenus, we have given you 25 unique Flask project ideas for you to do if you don't know what to make. I have included a brief explanation, the concepts and technologies involved, and a difficulty rating.

Web Development

Create Tetris Game using HTML and JavaScript [with demo]

In this article at OpenGenus, we'll explore a basic implementation of Tetris using JavaScript and HTML5 canvas.

Web Development

Create a timeline in HTML page

In this tutorial at OpenGenus, we will explore how to create a stunning timeline using HTML, CSS, and JavaScript. Timelines are a great way to showcase events, milestones, or any chronological information in an organized and visually appealing manner.

Python

Flask app to get list of all primes

In this article at OpenGenus, we will explore how to build a Flask web application that generates a list of all prime numbers using server-side calculations.

Web Development

Creating a page with video background using HTML/CSS

In this tutorial at OpenGenus, we will go over how to create a video background in your web application by using simple HTML and CSS.

Web Development

What is MERN Stack? (+ MEAN vs MERN vs LAMP)

This article at OpenGenus serves as an introduction to the MERN stack, exploring each component and highlighting their combined potential for building robust and efficient web applications.

Web Development

Types of HTTP Response Codes

In this article at OpenGenus, We are going to understand what HTTP response codes are along with the list and meaning of different HTTP Response Codes.

Web Development

Alternative to auth0 and OAuth 2.0

In this article at OpenGenus, we are going to talk about auth0 and OAuth 2.0, what each one of them do and what are the alternatives for them. We have to remember that everything related to software development has its pros and cons.

Software Engineering

Why should you develop with auth0?

In this article at OpenGenus, we are going to learn about auth0, develop a really simple application with it, think about the pros and cons of using auth0 on your applications?

JavaScript

React Quiz App

In this article at OpenGenus, we have explored how we can develop an online quiz app with reactjs. A quiz app is a software application designed to present a series of questions to the user in order to test their knowledge or understanding of a particular subject.

JavaScript

How to develop an online file converter in React?

In this article at OpenGenus, we are going to develop a really simple application with react, node and sharp. The application is going to have a minimal logic and will help you understand better how basic react can make your life simpler when developing something on the web.

CSS

CSS Preprocessors

CSS Preprocessors are tools that add more functionality to normal CSS by using its own unique syntax. The browser can't read preprocessors so the code has to be compiled into vanila CSS which the browser can read.

Web Development

Exploring the Concept of Web 3.0: The Future of the Internet

In simple terms, Web 3.0 refers to the next generation of the internet that aims to provide a more intelligent, secure, and decentralized network.

JavaScript

JavaScript vs TypeScript

In this article at OpenGenus, you must have the complete idea of the similarities and differences between JavaScript and TypeScript.

Web Development

Web Dev Roadmap 2023

This article at OpenGenus list the key topics and tools you must be aware of practically to be a strong Web Developer. This Web Dev Roadmap is the perfect starting point.

HTML

DOCTYPE in HTML

DOCTYPE is a declaration, but definitely not a tag. It's the first line that you write in a HTML/XHTML documents.