Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/labex-labs/html-practice-challenges

[HTML Practice Challenges] This repository collects 13 of programming scenarios (labs and challenges) for HTML Practice Challenges. This course contains lots of challenges for HTML, each challenge is a small HTML project with detailed instructions and solutions. You can practice your HTML skills ...
https://github.com/labex-labs/html-practice-challenges

List: html-practice-challenges

awesome awesome-list challenges course education hands-on html labex labs programming

Last synced: about 2 months ago
JSON representation

[HTML Practice Challenges] This repository collects 13 of programming scenarios (labs and challenges) for HTML Practice Challenges. This course contains lots of challenges for HTML, each challenge is a small HTML project with detailed instructions and solutions. You can practice your HTML skills ...

Awesome Lists containing this project

README

        

# HTML Practice Challenges

[![HTML Practice Challenges](https://cover-creator.appbot.io/html-practice-challenges.png)](https://labex.io/courses/html-practice-challenges)

[![Start-Learning](https://img.shields.io/badge/Start-Learning-whitesmoke?style=for-the-badge)](https://labex.io/courses/html-practice-challenges)

This course contains lots of challenges for HTML, each challenge is a small HTML project with detailed instructions and solutions. You can practice your HTML skills by solving these challenges, improve your problem-solving skills, and learn how to write clean and efficient code.

![HTML](https://img.shields.io/badge/HTML-whitesmoke?style=for-the-badge&logo=html)

## Environment

LabEx is an interactive, hands-on learning platform dedicated to coding and technology. It combines labs, AI assistance, and virtual machines to provide a no-video, practical learning experience.

![](https://tutorial-screenshot.getvm.io/images/vm-1725247253.png)

- A strict β€œLearn by Doing” approach with exclusive hands-on labs and no videos.
- Interactive online environments within the browser, with automated step-by-step checks.
- A structured content organization with the Skill Tree based learning system.
- A growing learning resource of 30 Skill Trees and over 6,000 Labs.
- The AI learning assistant Labby, built on ChatGPT, providing a conversational learning experience.

Learn more about [LabEx VM](https://support.labex.io/using-labex/virtual-machine).

## Exercises

| Index | Name | Difficulty | Practice |
|---------|----------------------------------------|--------------|--------------------------------------------------------------------------------------------------------------------------|
| 01 | 🎯 Customized Membership Card | β˜…β˜†β˜† | Start Challenge |
| 02 | 🎯 Depth First Traversal of DOM Tree | β˜…β˜…β˜† | Start Challenge |
| 03 | 🎯 HTML5 Drag and Drop | β˜…β˜…β˜† | Start Challenge |
| 04 | 🎯 Breadth-First Traversal of DOM Tree | β˜…β˜…β˜† | Start Challenge |
| 05 | 🎯 Reusable Element-UI Form Components | β˜…β˜†β˜† | Start Challenge |
| 06 | 🎯 Alien Message Translator Program | β˜…β˜†β˜† | Start Challenge |
| 07 | 🎯 Consistent Web3 Wallet Balances | β˜…β˜†β˜† | Start Challenge |
| 08 | 🎯 Super Powered Heroes League | β˜…β˜†β˜† | Start Challenge |
| 09 | 🎯 Three-Line Love Letter | β˜…β˜†β˜† | Start Challenge |
| 10 | 🎯 Universal Synthesis Workbench | β˜…β˜†β˜† | Start Challenge |
| 11 | 🎯 Burn Your Calories | β˜…β˜†β˜† | Start Challenge |
| 12 | 🎯 Course Scheduling Wizard | β˜…β˜†β˜† | Start Challenge |
| 13 | 🎯 Real-Time Friend Circle Publishing | β˜…β˜†β˜† | Start Challenge |

## More

- πŸ”— [HTML Programming Courses](https://github.com/labex-labs/awesome-programming-courses)
- πŸ”— [HTML Programming Projects](https://github.com/labex-labs/awesome-programming-projects)
- πŸ”— [HTML Free Tutorials](https://github.com/labex-labs/html-free-tutorials)