Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

Learn HTML, the cornerstone of web development, with this comprehensive learning path. Designed for beginners, this roadmap provides a structured approach to mastering HTML. The interactive HTML courses cover document structure, tags, and semantic markup. Gain real-world experience by completing hands-on, non-video exercises in a dynamic HTML playground to create 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

AltStyle ใซใ‚ˆใฃใฆๅค‰ๆ›ใ•ใ‚ŒใŸใƒšใƒผใ‚ธ (->ใ‚ชใƒชใ‚ธใƒŠใƒซ) /