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
- Host: GitHub
- URL: https://github.com/labex-labs/practice-html-programming-projects
- Owner: labex-labs
- Created: 2024-06-06T07:26:34.000Z (24 days ago)
- Default Branch: master
- Last Pushed: 2024-06-06T08:46:09.000Z (24 days ago)
- Last Synced: 2024-06-06T09:31:02.963Z (24 days ago)
- Topics: awesome, awesome-list, education, hands-on, html, labex, programming, projects
- Homepage: https://labex.io/skilltrees/html
- Size: 6.84 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Lists
- practice-cysec-programming-projects - HTML Programming Projects
- practice-pandas-programming-projects - HTML Programming Projects
- practice-data-science-programming-projects - HTML Programming Projects
- practice-ansible-programming-projects - HTML Programming Projects
- practice-python-programming-projects - HTML Programming Projects
- practice-devops-programming-projects - HTML Programming Projects
- practice-web-development-programming-projects - HTML Programming Projects
- practice-docker-programming-projects - HTML Programming Projects
- practice-ml-programming-projects - HTML Programming Projects
- practice-kubernetes-programming-projects - HTML Programming Projects
- practice-git-programming-projects - HTML Programming Projects
- practice-numpy-programming-projects - HTML Programming Projects
- practice-sklearn-programming-projects - HTML Programming Projects
- practice-matplotlib-programming-projects - HTML Programming Projects
- practice-jquery-programming-projects - HTML Programming Projects
- practice-algorithm-programming-projects - HTML Programming Projects
- practice-react-programming-projects - HTML Programming Projects
- practice-css-programming-projects - HTML Programming Projects
- practice-javascript-programming-projects - HTML Programming Projects
- practice-jenkins-programming-projects - HTML Programming Projects
- practice-java-programming-projects - HTML Programming Projects
- practice-shell-programming-projects - HTML Programming Projects
- practice-hadoop-programming-projects - HTML Programming Projects
- practice-cpp-programming-projects - HTML Programming Projects
- practice-mysql-programming-projects - HTML Programming Projects
- practice-c-programming-projects - HTML Programming Projects
- practice-go-programming-projects - HTML Programming Projects
- practice-opencv-programming-projects - HTML Programming Projects
- practice-linux-programming-projects - HTML Programming Projects
- ultimate-awesome - practice-html-programming-projects - [Practice HTML Programming Projects] This repository collects 57 of programming projects for HTML. (Other Lists / Julia 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)