{"id":13751126,"url":"https://github.com/labex-labs/practice-javascript-programming-projects","last_synced_at":"2025-05-04T06:32:05.016Z","repository":{"id":243015309,"uuid":"811226328","full_name":"labex-labs/practice-javascript-programming-projects","owner":"labex-labs","description":"Practice JavaScript Programming Projects | This repo collects 104 of programming projects for JavaScript. JavaScript is the programming language of the web. This Skill Tree presents a systematic approach to learning JavaScript. Designed for web development beginners, it provides a clear roadmap t...","archived":false,"fork":false,"pushed_at":"2025-01-01T02:01:42.000Z","size":46,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-05-01T01:01:49.332Z","etag":null,"topics":["awesome","awesome-list","exercises","hands-on","javascript","labex","programming","projects"],"latest_commit_sha":null,"homepage":"https://labex.io/skilltrees/javascript","language":null,"has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/labex-labs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-06T07:26:46.000Z","updated_at":"2025-04-11T15:50:56.000Z","dependencies_parsed_at":"2024-06-06T08:47:03.620Z","dependency_job_id":"a5ebaf47-e183-430b-a3b0-f549a008d380","html_url":"https://github.com/labex-labs/practice-javascript-programming-projects","commit_stats":null,"previous_names":["labex-labs/practice-javascript-programming-projects"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labex-labs%2Fpractice-javascript-programming-projects","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labex-labs%2Fpractice-javascript-programming-projects/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labex-labs%2Fpractice-javascript-programming-projects/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/labex-labs%2Fpractice-javascript-programming-projects/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/labex-labs","download_url":"https://codeload.github.com/labex-labs/practice-javascript-programming-projects/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252299425,"owners_count":21725715,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","exercises","hands-on","javascript","labex","programming","projects"],"created_at":"2024-08-03T09:00:32.589Z","updated_at":"2025-05-04T06:32:05.009Z","avatar_url":"https://github.com/labex-labs.png","language":null,"readme":"# Practice JavaScript Programming Projects\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg width=\"128px\" src=\"https://file.labex.io/path/ztG7iIXOkx2u.png\"\u003e\n\u003c/div\u003e\n\nJavaScript is the programming language of the web. This Skill Tree presents a systematic approach to learning JavaScript. Designed for web development beginners, it provides a clear roadmap to understand core concepts, DOM manipulation, and asynchronous programming. Hands-on, non-video courses and coding exercises in an interactive JS playground ensure you develop practical skills in creating dynamic web applications.\n\n|   Index | Name                                                                                                                                    | Level   | Project Link                                                                                  |\n|---------|-----------------------------------------------------------------------------------------------------------------------------------------|---------|-----------------------------------------------------------------------------------------------|\n|     001 | [Build an VSCode Extension With ChatGPT](https://labex.io/courses/project-build-an-vscode-extension-with-chatgpt)                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-build-an-vscode-extension-with-chatgpt)            |\n|     002 | [Build a Tic-Tac-Toe Web App](https://labex.io/courses/project-build-a-tic-tac-toe-web-app)                                             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-build-a-tic-tac-toe-web-app)                       |\n|     003 | [Creating a Whack-a-Mole Web Game](https://labex.io/courses/project-creating-a-whack-a-mole-web-game)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-creating-a-whack-a-mole-web-game)                  |\n|     004 | [Create a Notes App Using React](https://labex.io/courses/project-create-a-notes-app-using-react)                                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-create-a-notes-app-using-react)                    |\n|     005 | [Building a Modern Expense Splitter Web App](https://labex.io/courses/project-building-a-expense-splitter-web-app)                      | ★☆☆     | [🚀 Start](https://labex.io/courses/project-building-a-expense-splitter-web-app)               |\n|     006 | [Creating a Drawing Board Web App](https://labex.io/courses/project-creating-a-drawing-board-web-app)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-creating-a-drawing-board-web-app)                  |\n|     007 | [Creating a Task Timer Web App](https://labex.io/courses/project-creating-a-task-timer-web-app)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-creating-a-task-timer-web-app)                     |\n|     008 | [Create a Swiper Carousel Web App](https://labex.io/courses/project-create-a-swiper-carousel-web-app)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-create-a-swiper-carousel-web-app)                  |\n|     009 | [Monty Hall Simulation Web App](https://labex.io/courses/project-monty-hall-problem-simulation-web-app)                                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-monty-hall-problem-simulation-web-app)             |\n|     010 | [Building a Web Avoiding Block Game](https://labex.io/courses/project-building-a-web-avoiding-block-game)                               | ★★☆     | [🚀 Start](https://labex.io/courses/project-building-a-web-avoiding-block-game)                |\n|     011 | [2048 Web Game Using jQuery](https://labex.io/courses/project-2048-web-game-using-jquery)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-2048-web-game-using-jquery)                        |\n|     012 | [Build a Sliding Puzzle Game With JavaScript](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript)             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-build-a-sliding-puzzle-game-with-javascript)       |\n|     013 | [Create a Pixel Art Animator With React](https://labex.io/courses/project-create-a-pixel-art-animator-with-react)                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-create-a-pixel-art-animator-with-react)            |\n|     014 | [jQuery Flip Puzzle Game](https://labex.io/courses/project-jquery-flip-puzzle-game)                                                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-jquery-flip-puzzle-game)                           |\n|     015 | [Creating a Minesweeper Game With JavaScript](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript)             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-creating-a-minesweeper-game-with-javascript)       |\n|     016 | [Build a Simple Markdown Editor With Live Preview](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview)   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-build-a-simple-markdown-editor-with-live-preview)  |\n|     017 | [Implement a Magnifying Glass Effect Using Canvas](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas)   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-implement-a-magnifying-glass-effect-using-canvas)  |\n|     018 | [Build an Image Cropping Tool Using HTML5](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5)                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-build-an-image-cropping-tool-using-html5)          |\n|     019 | [Building a Christmas Wish List Builder in React](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react)     | ★★☆     | [🚀 Start](https://labex.io/courses/project-building-a-christmas-wish-list-builder-in-react)   |\n|     020 | [Building a React Drag-and-Drop Puzzle Game](https://labex.io/courses/project-building-a-react-drag-and-drop-puzzle-game)               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-building-a-react-drag-and-drop-puzzle-game)        |\n|     021 | [Building a React GitHub Heatmap Contributions](https://labex.io/courses/project-building-a-react-github-heatmap-contributions)         | ★★☆     | [🚀 Start](https://labex.io/courses/project-building-a-react-github-heatmap-contributions)     |\n|     022 | [Deploying MobileNet With TensorFlow.js and Flask](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask)    | ★☆☆     | [🚀 Start](https://labex.io/courses/project-deploying-mobilenet-with-tensorflowjs-and-flask)   |\n|     023 | [Don't Step on the White Tile](https://labex.io/courses/project-dont-step-on-the-white-tile)                                            | ★☆☆     | [🚀 Start](https://labex.io/courses/project-dont-step-on-the-white-tile)                       |\n|     024 | [Build a Scratch Card Web Game](https://labex.io/courses/project-scratch-card-game)                                                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-scratch-card-game)                                 |\n|     025 | [Build a Simple URL Shortener With Flask and MySQL](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) | ★★★     | [🚀 Start](https://labex.io/courses/project-build-a-simple-url-shortener-with-flask-and-mysql) |\n|     026 | [Real-Time Sentence Search with Vue.js](https://labex.io/courses/project-beautiful-sentences)                                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-beautiful-sentences)                               |\n|     027 | [Vue.js Search Functionality Development](https://labex.io/courses/project-do-a-search)                                                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-do-a-search)                                       |\n|     028 | [The Boundless Sea of Learning](https://labex.io/courses/project-the-boundless-sea-of-learning)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-the-boundless-sea-of-learning)                     |\n|     029 | [A Good Review for the Takeout](https://labex.io/courses/project-a-good-review-for-the-takeout)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-a-good-review-for-the-takeout)                     |\n|     030 | [Address Management Web Application](https://labex.io/courses/project-add-new-address)                                                  | ★☆☆     | [🚀 Start](https://labex.io/courses/project-add-new-address)                                   |\n|     031 | [Bing Dwen Dwen Mood Scale](https://labex.io/courses/project-bing-dwen-dwen-mood-scale)                                                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-bing-dwen-dwen-mood-scale)                         |\n|     032 | [Building a Traffic Lights System with JavaScript](https://labex.io/courses/project-colour-changeable-light)                            | ★★☆     | [🚀 Start](https://labex.io/courses/project-colour-changeable-light)                           |\n|     033 | [Building a Simple Search Functionality](https://labex.io/courses/project-confusing-this)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-confusing-this)                                    |\n|     034 | [Pagination Implementation with Axios](https://labex.io/courses/project-course-list)                                                    | ★☆☆     | [🚀 Start](https://labex.io/courses/project-course-list)                                       |\n|     035 | [Escape From the Dual Vector Foil](https://labex.io/courses/project-escape-from-the-dual-vector-foil)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-escape-from-the-dual-vector-foil)                  |\n|     036 | [Build a Guess the Coin Game](https://labex.io/courses/project-guess-the-coin)                                                          | ★☆☆     | [🚀 Start](https://labex.io/courses/project-guess-the-coin)                                    |\n|     037 | [Random Greeting Card Generator](https://labex.io/courses/project-holiday-greeting-card)                                                | ★☆☆     | [🚀 Start](https://labex.io/courses/project-holiday-greeting-card)                             |\n|     038 | [Movie Ticket Reservation System](https://labex.io/courses/project-movie-ticket-reservation)                                            | ★☆☆     | [🚀 Start](https://labex.io/courses/project-movie-ticket-reservation)                          |\n|     039 | [Axios-Driven Incantation Treasure Hunt](https://labex.io/courses/project-mysterious-incantation)                                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-mysterious-incantation)                            |\n|     040 | [Create Responsive Modal Boxes](https://labex.io/courses/project-naughty-modal-box)                                                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-naughty-modal-box)                                 |\n|     041 | [Building Reusable Pagination Component](https://labex.io/courses/project-pagination-component)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-pagination-component)                              |\n|     042 | [Spell Out a Future](https://labex.io/courses/project-spell-out-a-future)                                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-spell-out-a-future)                                |\n|     043 | [Web-based HTML Presentation Builder](https://labex.io/courses/project-web-ppt)                                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-web-ppt)                                           |\n|     044 | [Custom Form Validation with Vue.js](https://labex.io/courses/project-custom-form-validator)                                            | ★☆☆     | [🚀 Start](https://labex.io/courses/project-custom-form-validator)                             |\n|     045 | [Empty pathMatch for Correct Path Calculation](https://labex.io/courses/project-empty-pathmatch-for-correct-path-calculation)           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-empty-pathmatch-for-correct-path-calculation)      |\n|     046 | [Vue.js Shopping Cart with Drag and Drop](https://labex.io/courses/project-fun-shopping)                                                | ★☆☆     | [🚀 Start](https://labex.io/courses/project-fun-shopping)                                      |\n|     047 | [Implement Search Suggestions with Vue.js](https://labex.io/courses/project-input-search-suggestions)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-input-search-suggestions)                          |\n|     048 | [Product List with Layout Switching](https://labex.io/courses/project-layout-switch)                                                    | ★☆☆     | [🚀 Start](https://labex.io/courses/project-layout-switch)                                     |\n|     049 | [Vue.js Buttons and Value Updating](https://labex.io/courses/project-magic-failure)                                                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-magic-failure)                                     |\n|     050 | [Building Dynamic Menu Tree Search with Vue.js](https://labex.io/courses/project-menu-tree-search)                                      | ★☆☆     | [🚀 Start](https://labex.io/courses/project-menu-tree-search)                                  |\n|     051 | [Fixing Vue Router's cleanPath Function](https://labex.io/courses/project-multiple-slashes)                                             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-multiple-slashes)                                  |\n|     052 | [Build a Vue.js E-book Reader](https://labex.io/courses/project-read-it)                                                                | ★☆☆     | [🚀 Start](https://labex.io/courses/project-read-it)                                           |\n|     053 | [Retrieving Object Parameters From Query](https://labex.io/courses/project-retrieving-object-parameters-from-query)                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-retrieving-object-parameters-from-query)           |\n|     054 | [Building a Vue.js Shopping Cart](https://labex.io/courses/project-shopping-cart)                                                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-shopping-cart)                                     |\n|     055 | [Building a Vue.js Store Status Switcher](https://labex.io/courses/project-switch-business-status)                                      | ★☆☆     | [🚀 Start](https://labex.io/courses/project-switch-business-status)                            |\n|     056 | [Implement Efficient Virtual Scrolling with Vue.js](https://labex.io/courses/project-virtual-scroll-list)                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-virtual-scroll-list)                               |\n|     057 | [Depth of Field in Images](https://labex.io/courses/project-depth-of-field-in-images)                                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-depth-of-field-in-images)                          |\n|     058 | [Data Formatting and Visualization with Vue.js](https://labex.io/courses/project-table-data-conversion)                                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-table-data-conversion)                             |\n|     059 | [Responsive Navigation with Custom React Hook](https://labex.io/courses/project-browser-window-size)                                    | ★★☆     | [🚀 Start](https://labex.io/courses/project-browser-window-size)                               |\n|     060 | [React Theme Switcher Application](https://labex.io/courses/project-change-page-theme)                                                  | ★★☆     | [🚀 Start](https://labex.io/courses/project-change-page-theme)                                 |\n|     061 | [React Colour Filter Application](https://labex.io/courses/project-colour-filter)                                                       | ★★☆     | [🚀 Start](https://labex.io/courses/project-colour-filter)                                     |\n|     062 | [Implementing React Navigation Features](https://labex.io/courses/project-navigation-features)                                          | ★★☆     | [🚀 Start](https://labex.io/courses/project-navigation-features)                               |\n|     063 | [Create Responsive Business Card with React](https://labex.io/courses/project-personal-card-generator)                                  | ★★☆     | [🚀 Start](https://labex.io/courses/project-personal-card-generator)                           |\n|     064 | [Build Interactive React Components](https://labex.io/courses/project-show-and-hide)                                                    | ★☆☆     | [🚀 Start](https://labex.io/courses/project-show-and-hide)                                     |\n|     065 | [Mobile Phone Number Verification](https://labex.io/courses/project-account-verification)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-account-verification)                              |\n|     066 | [Correctly Warn Incorrect v-Slot Usage](https://labex.io/courses/project-correctly-warn-incorrect-v-slot-usage)                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-correctly-warn-incorrect-v-slot-usage)             |\n|     067 | [Adding Deprecation Warning to Vue Router](https://labex.io/courses/project-deprecated-addroutes)                                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-deprecated-addroutes)                              |\n|     068 | [Dynamization of Homepage Data](https://labex.io/courses/project-dynamization-of-homepage-data)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-dynamization-of-homepage-data)                     |\n|     069 | [Fix the Test in async.spec.js](https://labex.io/courses/project-fix-the-test-in-asyncspecjs)                                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-fix-the-test-in-asyncspecjs)                       |\n|     070 | [Data Visualization with Echarts and JSON](https://labex.io/courses/project-food-protein-revealed)                                      | ★☆☆     | [🚀 Start](https://labex.io/courses/project-food-protein-revealed)                             |\n|     071 | [Handling Null Values Correctly](https://labex.io/courses/project-handling-null-values-correctly)                                       | ★☆☆     | [🚀 Start](https://labex.io/courses/project-handling-null-values-correctly)                    |\n|     072 | [Let’s Have a Meeting Together](https://labex.io/courses/project-lets-have-a-meeting-together)                                          | ★☆☆     | [🚀 Start](https://labex.io/courses/project-lets-have-a-meeting-together)                      |\n|     073 | [Building Login with Vue.js and Vuex](https://labex.io/courses/project-missing-token)                                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-missing-token)                                     |\n|     074 | [Remove the Warning Generated by pathMatch](https://labex.io/courses/project-remove-the-warning-generated-by-pathmatch)                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-remove-the-warning-generated-by-pathmatch)         |\n|     075 | [Revisit Route Triggers Too Early](https://labex.io/courses/project-revisit-route-triggers-too-early)                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-revisit-route-triggers-too-early)                  |\n|     076 | [Router Query Value Changed](https://labex.io/courses/project-router-query-value-changed)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-router-query-value-changed)                        |\n|     077 | [Building Flexible Skeleton Screens](https://labex.io/courses/project-skeleton-screen)                                                  | ★☆☆     | [🚀 Start](https://labex.io/courses/project-skeleton-screen)                                   |\n|     078 | [Time Conversion Tool with Vue.js](https://labex.io/courses/project-time-conversion-tool)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-time-conversion-tool)                              |\n|     079 | [Build a Vue.js Task Manager](https://labex.io/courses/project-time-management-master)                                                  | ★☆☆     | [🚀 Start](https://labex.io/courses/project-time-management-master)                            |\n|     080 | [Interactive Film Collection Web App](https://labex.io/courses/project-collection-of-films)                                             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-collection-of-films)                               |\n|     081 | [Building Responsive Accordion Interfaces](https://labex.io/courses/project-folding-accordion)                                          | ★☆☆     | [🚀 Start](https://labex.io/courses/project-folding-accordion)                                 |\n|     082 | [Fruit Matching Game with HTML, CSS, JavaScript](https://labex.io/courses/project-fruit-for-fun)                                        | ★★☆     | [🚀 Start](https://labex.io/courses/project-fruit-for-fun)                                     |\n|     083 | [Fruit Stacking Game with HTML, CSS, JavaScript](https://labex.io/courses/project-fruit-stacker)                                        | ★★☆     | [🚀 Start](https://labex.io/courses/project-fruit-stacker)                                     |\n|     084 | [Simple Prize Draw Application](https://labex.io/courses/project-prize-draw)                                                            | ★★☆     | [🚀 Start](https://labex.io/courses/project-prize-draw)                                        |\n|     085 | [Building a Voting Application](https://labex.io/courses/project-valuable-vote)                                                         | ★★☆     | [🚀 Start](https://labex.io/courses/project-valuable-vote)                                     |\n|     086 | [Weekly Weather Forecast Application Development](https://labex.io/courses/project-weather-forecast-query)                              | ★☆☆     | [🚀 Start](https://labex.io/courses/project-weather-forecast-query)                            |\n|     087 | [Hard Work Pays Off](https://labex.io/courses/project-hard-work-pays-off)                                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-hard-work-pays-off)                                |\n|     088 | [Real-Time Sales Dashboard with Echarts](https://labex.io/courses/project-sales-dashboard)                                              | ★★☆     | [🚀 Start](https://labex.io/courses/project-sales-dashboard)                                   |\n|     089 | [Creating Interactive Bar Charts with ECharts](https://labex.io/courses/project-student-achievement-statistics)                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-student-achievement-statistics)                    |\n|     090 | [Time With Your Phone](https://labex.io/courses/project-time-with-your-phone)                                                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-time-with-your-phone)                              |\n|     091 | [Weather Trend Chart with Vue and Echarts](https://labex.io/courses/project-weather-trend)                                              | ★☆☆     | [🚀 Start](https://labex.io/courses/project-weather-trend)                                     |\n|     092 | [Course Schedule CRUD With MyBatis](https://labex.io/courses/project-course-schedule-crud-with-mybatis)                                 | ★☆☆     | [🚀 Start](https://labex.io/courses/project-course-schedule-crud-with-mybatis)                 |\n|     093 | [Configuring Logging and Batch Aliasing in MyBatis](https://labex.io/courses/project-course-schedule-logging)                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-course-schedule-logging)                           |\n|     094 | [Extending Entity with Custom Properties](https://labex.io/courses/project-custom-type-handler)                                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-custom-type-handler)                               |\n|     095 | [Implementation of AJAX Requests Using JS](https://labex.io/courses/project-implementation-of-ajax-requests-using-js)                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-implementation-of-ajax-requests-using-js)          |\n|     096 | [JSON Data Transfer With AJAX](https://labex.io/courses/project-json-data-transfer-with-ajax)                                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-json-data-transfer-with-ajax)                      |\n|     097 | [Logging Project Information With Log4j2](https://labex.io/courses/project-logging-project-information-with-log4j2)                     | ★☆☆     | [🚀 Start](https://labex.io/courses/project-logging-project-information-with-log4j2)           |\n|     098 | [Operate the Course Table](https://labex.io/courses/project-operate-the-course-table)                                                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-operate-the-course-table)                          |\n|     099 | [Practical Use of resultMap](https://labex.io/courses/project-practical-use-of-resultmap)                                               | ★☆☆     | [🚀 Start](https://labex.io/courses/project-practical-use-of-resultmap)                        |\n|     100 | [User Permission Management System with JavaScript](https://labex.io/courses/project-permission-management)                             | ★☆☆     | [🚀 Start](https://labex.io/courses/project-permission-management)                             |\n|     101 | [Promisifying Callback-based Asynchronous Functions](https://labex.io/courses/project-encapsulate-promisify-function)                   | ★☆☆     | [🚀 Start](https://labex.io/courses/project-encapsulate-promisify-function)                    |\n|     102 | [Building a News API with Node.js](https://labex.io/courses/project-news-api)                                                           | ★☆☆     | [🚀 Start](https://labex.io/courses/project-news-api)                                          |\n|     103 | [Building a User Management RESTful API with Node.js](https://labex.io/courses/project-restful-api-development)                         | ★☆☆     | [🚀 Start](https://labex.io/courses/project-restful-api-development)                           |\n|     104 | [Building a Node.js Reverse Proxy](https://labex.io/courses/project-reverse-proxy)                                                      | ★☆☆     | [🚀 Start](https://labex.io/courses/project-reverse-proxy)                                     |\n\n## More Projects\n\n- [Linux Programming Projects](https://github.com/labex-labs/practice-linux-programming-projects)\n- [DevOps Programming Projects](https://github.com/labex-labs/practice-devops-programming-projects)\n- [Cybersecurity Programming Projects](https://github.com/labex-labs/practice-cybersecurity-programming-projects)\n- [Python Programming Projects](https://github.com/labex-labs/practice-python-programming-projects)\n- [Docker Programming Projects](https://github.com/labex-labs/practice-docker-programming-projects)\n- [Kubernetes Programming Projects](https://github.com/labex-labs/practice-kubernetes-programming-projects)\n- [Git Programming Projects](https://github.com/labex-labs/practice-git-programming-projects)\n- [Shell Programming Projects](https://github.com/labex-labs/practice-shell-programming-projects)\n- [Java Programming Projects](https://github.com/labex-labs/practice-java-programming-projects)\n- [MySQL Programming Projects](https://github.com/labex-labs/practice-mysql-programming-projects)\n- [MongoDB Programming Projects](https://github.com/labex-labs/practice-mongodb-programming-projects)\n- [Golang Programming Projects](https://github.com/labex-labs/practice-go-programming-projects)\n- [Ansible Programming Projects](https://github.com/labex-labs/practice-ansible-programming-projects)\n- [Jenkins Programming Projects](https://github.com/labex-labs/practice-jenkins-programming-projects)\n- [C Programming Projects](https://github.com/labex-labs/practice-c-programming-projects)\n- [C++ Programming Projects](https://github.com/labex-labs/practice-cpp-programming-projects)\n- [Machine Learning Programming Projects](https://github.com/labex-labs/practice-ml-programming-projects)\n- [Data Science Programming Projects](https://github.com/labex-labs/practice-data-science-programming-projects)\n- [Pandas Programming Projects](https://github.com/labex-labs/practice-pandas-programming-projects)\n- [NumPy Programming Projects](https://github.com/labex-labs/practice-numpy-programming-projects)\n- [scikit-learn Programming Projects](https://github.com/labex-labs/practice-sklearn-programming-projects)\n- [Matplotlib Programming Projects](https://github.com/labex-labs/practice-matplotlib-programming-projects)\n- [Web Development Programming Projects](https://github.com/labex-labs/practice-web-development-programming-projects)\n- [HTML Programming Projects](https://github.com/labex-labs/practice-html-programming-projects)\n- [CSS Programming Projects](https://github.com/labex-labs/practice-css-programming-projects)\n- [JavaScript Programming Projects](https://github.com/labex-labs/practice-javascript-programming-projects)\n- [React Programming Projects](https://github.com/labex-labs/practice-react-programming-projects)\n\n\n## Other Lists\n\n- 🔗 [JavaScript Free Tutorials](https://github.com/labex-labs/javascript-free-tutorials)\n- 🔗 [Awesome Programming Projects](https://github.com/labex-labs/awesome-programming-projects)\n- 🔗 [Awesome Programming Courses](https://github.com/labex-labs/awesome-programming-courses)\n\n","funding_links":[],"categories":["More Projects","Other Lists"],"sub_categories":["TeX Lists"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flabex-labs%2Fpractice-javascript-programming-projects","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flabex-labs%2Fpractice-javascript-programming-projects","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flabex-labs%2Fpractice-javascript-programming-projects/lists"}