Skip to content

Build real HTML projects with 57 beginner-friendly challenges. Learn by doing with guided coding exercises and practical applications.

Notifications You must be signed in to change notification settings

labex-labs/practice-html-programming-projects

Repository files navigation

Practice HTML Programming Projects

Languages

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

HTML is the cornerstone of web development. This Skill Tree presents a comprehensive learning path for mastering HTML. It's perfect for web development beginners, offering a structured roadmap to understand document structure, tags, and semantic markup. Through hands - on, non - video courses and practical exercises in a dynamic HTML playground, you'll gain real - world experience in creating well - structured web pages.

Exercises

Index Name Difficulty Practice
01 Build a Tic-Tac-Toe Web App Beginner 🚀 Start Lab
02 Creating a Whack-a-Mole Web Game Beginner 🚀 Start Lab
03 Create a Notes App Using React Beginner 🚀 Start Lab
04 Building a Modern Expense Splitter Web App Beginner 🚀 Start Lab
05 Creating a Drawing Board Web App Beginner 🚀 Start Lab
06 Creating a Task Timer Web App Beginner 🚀 Start Lab
07 Create a Swiper Carousel Web App Beginner 🚀 Start Lab
08 Monty Hall Simulation Web App Beginner 🚀 Start Lab
09 Building a Web Avoiding Block Game Intermediate 🚀 Start Lab
10 2048 Web Game Using jQuery Beginner 🚀 Start Lab
11 Developing a Simple Online Chat Room Using Flask Beginner 🚀 Start Lab
12 Build a Sliding Puzzle Game With JavaScript Beginner 🚀 Start Lab
13 Create a Pixel Art Animator With React Beginner 🚀 Start Lab
14 jQuery Flip Puzzle Game Beginner 🚀 Start Lab
15 Creating a Minesweeper Game With JavaScript Beginner 🚀 Start Lab
16 Build a Simple Markdown Editor With Live Preview Beginner 🚀 Start Lab
17 Implement a Magnifying Glass Effect Using Canvas Beginner 🚀 Start Lab
18 Build an Image Cropping Tool Using HTML5 Beginner 🚀 Start Lab
19 Building a Christmas Wish List Builder in React Intermediate 🚀 Start Lab
20 Deploying MobileNet With TensorFlow.js and Flask Beginner 🚀 Start Lab
21 Don't Step on the White Tile Beginner 🚀 Start Lab
22 Build a Scratch Card Web Game Beginner 🚀 Start Lab
23 Build a Simple URL Shortener With Flask and MySQL Advanced 🚀 Start Lab
24 Build a Web Based TCP Port Scanner Beginner 🚀 Start Lab
25 Vue.js Search Functionality Development Beginner 🚀 Start Lab
26 Implement Dynamic Sticky Tab Bar Beginner 🚀 Start Lab
27 A Good Review for the Takeout Beginner 🚀 Start Lab
28 Address Management Web Application Beginner 🚀 Start Lab
29 Random Greeting Card Generator Beginner 🚀 Start Lab
30 Movie Ticket Reservation System Beginner 🚀 Start Lab
31 Web-based HTML Presentation Builder Beginner 🚀 Start Lab
32 Vue.js Shopping Cart with Drag and Drop Beginner 🚀 Start Lab
33 Product List with Layout Switching Beginner 🚀 Start Lab
34 Build a Vue.js E-book Reader Beginner 🚀 Start Lab
35 Building a Vue.js Store Status Switcher Beginner 🚀 Start Lab
36 Implement Atomic Flex Layout with CSS Beginner 🚀 Start Lab
37 Building a Responsive News Website Homepage Beginner 🚀 Start Lab
38 Creative Billboard Design with Wooden Textures Beginner 🚀 Start Lab
39 Fixing Website Display Issues Beginner 🚀 Start Lab
40 Responsive Dice Layout with Flexbox Beginner 🚀 Start Lab
41 Give Your Page a Makeover Beginner 🚀 Start Lab
42 Simple and Beautiful Home Page Design Beginner 🚀 Start Lab
43 Movie Theater Seat Arrangement Beginner 🚀 Start Lab
44 Responsive Web Design with Gulp Beginner 🚀 Start Lab
45 Responsive Web Design for All Screens Beginner 🚀 Start Lab
46 Data Formatting and Visualization with Vue.js Beginner 🚀 Start Lab
47 Vanished Into Thin Air Beginner 🚀 Start Lab
48 Wish Sticky Note App with Vue.js Beginner 🚀 Start Lab
49 Dynamization of Homepage Data Beginner 🚀 Start Lab
50 Data Visualization with Echarts and JSON Beginner 🚀 Start Lab
51 Let’s Have a Meeting Together Beginner 🚀 Start Lab
52 Building Login with Vue.js and Vuex Beginner 🚀 Start Lab
53 Build a Vue.js Task Manager Beginner 🚀 Start Lab
54 Implement User Login Function Beginner 🚀 Start Lab
55 Time With Your Phone Beginner 🚀 Start Lab
56 Weather Trend Chart with Vue and Echarts Beginner 🚀 Start Lab
57 Counting Access Times by IP Beginner 🚀 Start Lab

More

About

Build real HTML projects with 57 beginner-friendly challenges. Learn by doing with guided coding exercises and practical applications.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published