Ecosyste.ms: Awesome

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

https://github.com/labex-labs/practice-html-programming-projects

[Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML
https://github.com/labex-labs/practice-html-programming-projects

List: practice-html-programming-projects

awesome awesome-list education hands-on html labex programming projects

Last synced: 17 days ago
JSON representation

[Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML

Lists

README

        

# Practice HTML Programming Projects



HTML is a markup language that is used to create web pages. It is the standard markup language used for creating web pages and web applications. HTML stands for Hyper Text Markup Language. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

| Index | Name | Level | Project Link |
|---------|---------------------------------------------------|---------|---------------------------------------------------------------------------------------------------------|
| 01 | Building a Christmas Wish List Builder in React | β˜…β˜…β˜† | [πŸš€ Start Building](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react) |
| 02 | Build a Simple Markdown Editor With Live Preview | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview) |
| 03 | Implement a Magnifying Glass Effect Using Canvas | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas) |
| 04 | Monty Hall Simulation Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-monty-hall-problem-simulation-web-app) |
| 05 | Build a Tic-Tac-Toe Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-build-a-tic-tac-toe-web-app) |
| 06 | Creating a Whack-a-Mole Web Game | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creating-a-whack-a-mole-web-game) |
| 07 | Building a Web Avoiding Block Game | β˜…β˜…β˜† | [πŸš€ Start Building](https://labex.io/courses/project-building-a-web-avoiding-block-game) |
| 08 | Build an Image Cropping Tool Using HTML5 | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5) |
| 09 | Deploying MobileNet With TensorFlow.js and Flask | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask) |
| 10 | 2048 Web Game Using jQuery | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-2048-web-game-using-jquery) |
| 11 | Create a Notes App Using React | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-create-a-notes-app-using-react) |
| 12 | Building a Modern Expense Splitter Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-building-a-expense-splitter-web-app) |
| 13 | Creating a Drawing Board Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creating-a-drawing-board-web-app) |
| 14 | Developing a Simple Online Chat Room Using Flask | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-developing-a-simple-online-chat-room-using-flask) |
| 15 | Creating a Task Timer Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creating-a-task-timer-web-app) |
| 16 | Build a Sliding Puzzle Game With JavaScript | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript) |
| 17 | jQuery Flip Puzzle Game | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-jquery-flip-puzzle-game) |
| 18 | Don't Step on the White Tile | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-dont-step-on-the-white-tile) |
| 19 | Build a Scratch Card Web Game | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-scratch-card-game) |
| 20 | Create a Swiper Carousel Web App | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-create-a-swiper-carousel-web-app) |
| 21 | Creating a Minesweeper Game With JavaScript | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript) |
| 22 | Build a Simple URL Shortener With Flask and MySQL | β˜…β˜…β˜… | [πŸš€ Start Building](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) |
| 23 | Build a Web Based TCP Port Scanner | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-build-a-web-based-tcp-port-scanner) |
| 24 | Create a Pixel Art Animator With React | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-create-a-pixel-art-animator-with-react) |
| 25 | Vue.js Search Functionality Development | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-do-a-search) |
| 26 | Implement Dynamic Sticky Tab Bar | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-dynamic-tab-bar) |
| 27 | Product List with Layout Switching | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-layout-switch) |
| 28 | Build a Vue.js E-book Reader | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-read-it) |
| 29 | Implement Atomic Flex Layout with CSS | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-atomic-css) |
| 30 | Creative Billboard Design with Wooden Textures | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creative-billboard) |
| 31 | A Good Review for the Takeout | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-a-good-review-for-the-takeout) |
| 32 | Address Management Web Application | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-add-new-address) |
| 33 | Random Greeting Card Generator | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-holiday-greeting-card) |
| 34 | Web-based HTML Presentation Builder | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-web-ppt) |
| 35 | Vue.js Shopping Cart with Drag and Drop | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-fun-shopping) |
| 36 | Building a Vue.js Store Status Switcher | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-switch-business-status) |
| 37 | Building a Responsive News Website Homepage | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-creating-website-homepage) |
| 38 | Fixing Website Display Issues | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-fix-website-display) |
| 39 | Responsive Dice Layout with Flexbox | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-flex-dice-layout) |
| 40 | Give Your Page a Makeover | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-give-your-page-a-makeover) |
| 41 | Simple and Beautiful Home Page Design | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-labex-knowledge-network) |
| 42 | Movie Theater Seat Arrangement | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-movie-theater-seat-arrangement) |
| 43 | Responsive Web Design for All Screens | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-responsive-web-design) |
| 44 | Data Formatting and Visualization with Vue.js | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-table-data-conversion) |
| 45 | Vanished Into Thin Air | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-vanished-into-thin-air) |
| 46 | Wish Sticky Note App with Vue.js | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-wish-sticky-note) |
| 47 | Dynamization of Homepage Data | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-dynamization-of-homepage-data) |
| 48 | Data Visualization with Echarts and JSON | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-food-protein-revealed) |
| 49 | Let’s Have a Meeting Together | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-lets-have-a-meeting-together) |
| 50 | Build a Vue.js Task Manager | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-time-management-master) |
| 51 | Weather Trend Chart with Vue and Echarts | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-weather-trend) |
| 52 | Responsive Web Design with Gulp | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-responsive-page-layout) |
| 53 | Movie Ticket Reservation System | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-movie-ticket-reservation) |
| 54 | Building Login with Vue.js and Vuex | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-missing-token) |
| 55 | Implement User Login Function | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-implement-user-login-function) |
| 56 | Time With Your Phone | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-time-with-your-phone) |
| 57 | Counting Access Times by IP | β˜…β˜†β˜† | [πŸš€ Start Building](https://labex.io/courses/project-counting-access-times-by-ip) |

## More Projects

- [Linux Programming Projects](https://github.com/labex-labs/practice-linux-programming-projects)
- [Python Programming Projects](https://github.com/labex-labs/practice-python-programming-projects)
- [DevOps Programming Projects](https://github.com/labex-labs/practice-devops-programming-projects)
- [Web Development Programming Projects](https://github.com/labex-labs/practice-web-development-programming-projects)
- [Data Science Programming Projects](https://github.com/labex-labs/practice-data-science-programming-projects)
- [Big Data Programming Projects](https://github.com/labex-labs/practice-bigdata-programming-projects)
- [Cyber Security Programming Projects](https://github.com/labex-labs/practice-cysec-programming-projects)
- [Machine Learning Programming Projects](https://github.com/labex-labs/practice-ml-programming-projects)
- [Docker Programming Projects](https://github.com/labex-labs/practice-docker-programming-projects)
- [Kubernetes Programming Projects](https://github.com/labex-labs/practice-kubernetes-programming-projects)
- [Git Programming Projects](https://github.com/labex-labs/practice-git-programming-projects)
- [Ansible Programming Projects](https://github.com/labex-labs/practice-ansible-programming-projects)
- [Jenkins Programming Projects](https://github.com/labex-labs/practice-jenkins-programming-projects)
- [Shell Programming Projects](https://github.com/labex-labs/practice-shell-programming-projects)
- [Java Programming Projects](https://github.com/labex-labs/practice-java-programming-projects)
- [Hadoop Programming Projects](https://github.com/labex-labs/practice-hadoop-programming-projects)
- [C++ Programming Projects](https://github.com/labex-labs/practice-cpp-programming-projects)
- [C Programming Projects](https://github.com/labex-labs/practice-c-programming-projects)
- [MySQL Programming Projects](https://github.com/labex-labs/practice-mysql-programming-projects)
- [Go Programming Projects](https://github.com/labex-labs/practice-go-programming-projects)
- [Rust Programming Projects](https://github.com/labex-labs/practice-rust-programming-projects)
- [OpenCV Programming Projects](https://github.com/labex-labs/practice-opencv-programming-projects)
- [Django Programming Projects](https://github.com/labex-labs/practice-django-programming-projects)
- [Pandas Programming Projects](https://github.com/labex-labs/practice-pandas-programming-projects)
- [NumPy Programming Projects](https://github.com/labex-labs/practice-numpy-programming-projects)
- [scikit-learn Programming Projects](https://github.com/labex-labs/practice-sklearn-programming-projects)
- [Matplotlib Programming Projects](https://github.com/labex-labs/practice-matplotlib-programming-projects)
- [Algorithm Programming Projects](https://github.com/labex-labs/practice-algorithm-programming-projects)
- [HTML Programming Projects](https://github.com/labex-labs/practice-html-programming-projects)
- [CSS Programming Projects](https://github.com/labex-labs/practice-css-programming-projects)
- [JavaScript Programming Projects](https://github.com/labex-labs/practice-javascript-programming-projects)
- [React Programming Projects](https://github.com/labex-labs/practice-react-programming-projects)
- [jQuery Programming Projects](https://github.com/labex-labs/practice-jquery-programming-projects)

## Other Lists

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