Web Development Tutorials

Web Development provides a structured learning path for building modern websites and web applications. Our tutorials cover front-end and back-end technologies, suitable for beginners and intermediate developers. With free labs and practical code examples, you'll gain hands-on experience in HTML, CSS, JavaScript, and popular frameworks. Our interactive web playground allows you to experiment with different technologies and see real-time results.

Monty Hall Simulation Web App
Monty Hall Simulation Web App
Welcome to the Monty Hall Problem Simulation project. The Monty Hall problem is a probability puzzle based on a game show scenario. In this project, we'll guide you through creating a simple web-based simulation to demonstrate the puzzle. By the end, you'll have a functional Monty Hall simulation to test out the theory for yourself.
JavaScriptCSSHTML
Creating a Whack-a-Mole Web Game
Creating a Whack-a-Mole Web Game
In this project, you will learn how to create a Whack-a-Mole game using HTML, CSS, and JavaScript. The game involves whacking moles that randomly appear from holes within a specified time limit. You will create the necessary HTML, CSS, and JavaScript files and implement the game logic step by step.
JavaScriptCSSHTML
Build an VSCode Extension with ChatGPT
Build an VSCode Extension with ChatGPT
In this project, we will create a VSCode extension that lets the user adjust the heading level of selected Markdown text.
JavaScriptGit
Build a Tic-Tac-Toe Web App
Build a Tic-Tac-Toe Web App
In this project, you will learn how to create a Tic-Tac-Toe game using HTML, CSS, and JavaScript. Tic-Tac-Toe is a two-player game where players take turns marking X or O in a 3x3 grid. The objective is to get three marks in a row, either horizontally, vertically, or diagonally. You will create the necessary HTML, CSS, and JavaScript files and implement the game logic step by step.
CSSHTMLJavaScript
HTML Time Representation
HTML Time Representation
HTML provides a time tag that allows developers to represent human-readable time or date, which can also be readable by search engines in the machine-readable format. In this lab, we will learn how to use the time tag in HTML to create a date and time stamp.
HTML
HTML Multiline Input
HTML Multiline Input
HTML <textarea> tag allows users to enter and submit free text within a form. In this lab, we will create a simple HTML form with a <textarea> input and apply some commonly used attributes.
HTML
HTML Table Row
HTML Table Row
Tables can be used to present data in a structured format. The basic component of any table is a table row (<tr>) element that defines a row of cells. Table rows must be enclosed within a table (<table>) element. In this lab, we will learn how to create HTML table rows.
HTML
HTML Table Header Cell
HTML Table Header Cell
In HTML, the <th> tag is used to define one cell as a header of a group of cells. There are two types of HTML table cells: header cell and standard cell. The header cell is used as a header for the group of cells and the standard cells contain data for a table.
HTML
HTML Table Data Cell
HTML Table Data Cell
In this lab, you will learn about the HTML <td> tag which is used to define table data in an HTML table. You will also learn about the various attributes that can be used with this tag.
HTML
HTML Table Footer
HTML Table Footer
In HTML, you can group the footer content of a table using the <tfoot> tag. The table footer can include summary information, explanatory notes or commentary. The <tfoot> tag is one of the children of the <table> tag and is used in conjunction with <thead> and <tbody> tag. In this lab, you will learn how to create table footers in HTML using the <tfoot> tag.
HTML
HTML Table Header
HTML Table Header
In HTML, tables are used to display data in rows and columns. The <thead> tag is used to define the header row of a table. The header row is usually used to label the content in the columns below and hold descriptive labels.
HTML
HTML Variable Declarations
HTML Variable Declarations
The <var> tag is used in HTML to represent a variable in a program or a mathematical equation. It works similar to the <strong> or <em> tag but instead of emphasizing text, it shows textual content as a variable.
HTML
HTML Template Definition
HTML Template Definition
The <template> tag in HTML allows you to create reusable content that is not rendered on a page when it is loaded. This is useful when you have content that is not needed at the start of the page loading but can be accessed later using JavaScript. This lab will guide you through the steps to create an HTML template.
HTML
HTML Unordered List
HTML Unordered List
The ul tag in HTML is used to create an unordered list where the items are typically rendered as a bulleted list. This lab will guide you on how to create an unordered list using HTML and provides examples of ul tag syntax and usage.
HTML
HTML Superscript Text
HTML Superscript Text
The HTML sup tag allows you to display text in a superscript format on a webpage. In this lab, we will demonstrate how to use the sup tag to create superscript text.
HTML
HTML Details Summary
HTML Details Summary
In HTML, the <summary> tag is used to create an expandable and collapsible summary element for the content present in the web page.
HTML
HTML Subscript Text
HTML Subscript Text
In HTML, the <sub> tag is used to specify inline text which should be displayed as the subscript for solely typographical reasons. The content inside this tag is typically rendered with a lowered baseline using smaller text. In this lab, you will learn how to use the <sub> tag in HTML to display subscripted text.
HTML
HTML Strong Importance
HTML Strong Importance
HTML is a markup language used to create the structure and content of web pages. The <strong> tag in HTML is used to indicate text that has a great degree of importance compared to the other content on a webpage. This tag is important to give meaning to the text for browsers and search engines.
HTML
  • Prev
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 51
  • Next