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 JavaScript projects with 104 beginner-friendly challenges. Learn by doing with guided coding exercises and practical applications.

labex-labs/practice-javascript-programming-projects

Repository files navigation

Practice JavaScript Programming Projects

Languages

๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡ ๐Ÿ‡ฏ๐Ÿ‡ต ๆ—ฅๆœฌ่ชž ๐Ÿ‡ช๐Ÿ‡ธ Espaรฑol ๐Ÿ‡ซ๐Ÿ‡ท Franรงais ๐Ÿ‡ฉ๐Ÿ‡ช Deutsch ๐Ÿ‡ท๐Ÿ‡บ ะ ัƒััะบะธะน ๐Ÿ‡ฐ๐Ÿ‡ท ํ•œ๊ตญ์–ด ๐Ÿ‡ง๐Ÿ‡ท Portuguรชs ๐Ÿ‡บ๐Ÿ‡ธ English

Learn JavaScript, the programming language of the web, with this structured learning path. These comprehensive JavaScript courses are tailored for beginners, providing a clear roadmap to master core concepts, DOM manipulation, and asynchronous programming. Develop practical skills for creating dynamic web applications through hands-on, non-video lessons and coding exercises in an interactive JS playground.

Exercises

Index Name Difficulty Practice
001 Build an VSCode Extension With ChatGPT Beginner ๐Ÿš€ Start Lab
002 Build a Tic-Tac-Toe Web App Beginner ๐Ÿš€ Start Lab
003 Creating a Whack-a-Mole Web Game Beginner ๐Ÿš€ Start Lab
004 Create a Notes App Using React Beginner ๐Ÿš€ Start Lab
005 Building a Modern Expense Splitter Web App Beginner ๐Ÿš€ Start Lab
006 Creating a Drawing Board Web App Beginner ๐Ÿš€ Start Lab
007 Creating a Task Timer Web App Beginner ๐Ÿš€ Start Lab
008 Create a Swiper Carousel Web App Beginner ๐Ÿš€ Start Lab
009 Monty Hall Simulation Web App Beginner ๐Ÿš€ Start Lab
010 Building a Web Avoiding Block Game Intermediate ๐Ÿš€ Start Lab
011 2048 Web Game Using jQuery Beginner ๐Ÿš€ Start Lab
012 Build a Sliding Puzzle Game With JavaScript Beginner ๐Ÿš€ Start Lab
013 Create a Pixel Art Animator With React Beginner ๐Ÿš€ Start Lab
014 jQuery Flip Puzzle Game Beginner ๐Ÿš€ Start Lab
015 Creating a Minesweeper Game With JavaScript Beginner ๐Ÿš€ Start Lab
016 Build a Simple Markdown Editor With Live Preview Beginner ๐Ÿš€ Start Lab
017 Implement a Magnifying Glass Effect Using Canvas Beginner ๐Ÿš€ Start Lab
018 Build an Image Cropping Tool Using HTML5 Beginner ๐Ÿš€ Start Lab
019 Building a Christmas Wish List Builder in React Intermediate ๐Ÿš€ Start Lab
020 Building a React Drag-and-Drop Puzzle Game Beginner ๐Ÿš€ Start Lab
021 Building a React GitHub Heatmap Contributions Intermediate ๐Ÿš€ Start Lab
022 Deploying MobileNet With TensorFlow.js and Flask Beginner ๐Ÿš€ Start Lab
023 Don't Step on the White Tile Beginner ๐Ÿš€ Start Lab
024 Build a Scratch Card Web Game Beginner ๐Ÿš€ Start Lab
025 Build a Simple URL Shortener With Flask and MySQL Advanced ๐Ÿš€ Start Lab
026 Real-Time Sentence Search with Vue.js Beginner ๐Ÿš€ Start Lab
027 Vue.js Search Functionality Development Beginner ๐Ÿš€ Start Lab
028 The Boundless Sea of Learning Beginner ๐Ÿš€ Start Lab
029 A Good Review for the Takeout Beginner ๐Ÿš€ Start Lab
030 Address Management Web Application Beginner ๐Ÿš€ Start Lab
031 Bing Dwen Dwen Mood Scale Beginner ๐Ÿš€ Start Lab
032 Building a Traffic Lights System with JavaScript Intermediate ๐Ÿš€ Start Lab
033 Building a Simple Search Functionality Beginner ๐Ÿš€ Start Lab
034 Pagination Implementation with Axios Beginner ๐Ÿš€ Start Lab
035 Escape From the Dual Vector Foil Beginner ๐Ÿš€ Start Lab
036 Build a Guess the Coin Game Beginner ๐Ÿš€ Start Lab
037 Random Greeting Card Generator Beginner ๐Ÿš€ Start Lab
038 Movie Ticket Reservation System Beginner ๐Ÿš€ Start Lab
039 Axios-Driven Incantation Treasure Hunt Beginner ๐Ÿš€ Start Lab
040 Create Responsive Modal Boxes Beginner ๐Ÿš€ Start Lab
041 Building Reusable Pagination Component Beginner ๐Ÿš€ Start Lab
042 Spell Out a Future Beginner ๐Ÿš€ Start Lab
043 Web-based HTML Presentation Builder Beginner ๐Ÿš€ Start Lab
044 Custom Form Validation with Vue.js Beginner ๐Ÿš€ Start Lab
045 Empty pathMatch for Correct Path Calculation Beginner ๐Ÿš€ Start Lab
046 Vue.js Shopping Cart with Drag and Drop Beginner ๐Ÿš€ Start Lab
047 Implement Search Suggestions with Vue.js Beginner ๐Ÿš€ Start Lab
048 Product List with Layout Switching Beginner ๐Ÿš€ Start Lab
049 Vue.js Buttons and Value Updating Beginner ๐Ÿš€ Start Lab
050 Building Dynamic Menu Tree Search with Vue.js Beginner ๐Ÿš€ Start Lab
051 Fixing Vue Router's cleanPath Function Beginner ๐Ÿš€ Start Lab
052 Build a Vue.js E-book Reader Beginner ๐Ÿš€ Start Lab
053 Retrieving Object Parameters From Query Beginner ๐Ÿš€ Start Lab
054 Building a Vue.js Shopping Cart Beginner ๐Ÿš€ Start Lab
055 Building a Vue.js Store Status Switcher Beginner ๐Ÿš€ Start Lab
056 Implement Efficient Virtual Scrolling with Vue.js Beginner ๐Ÿš€ Start Lab
057 Depth of Field in Images Beginner ๐Ÿš€ Start Lab
058 Data Formatting and Visualization with Vue.js Beginner ๐Ÿš€ Start Lab
059 Responsive Navigation with Custom React Hook Intermediate ๐Ÿš€ Start Lab
060 React Theme Switcher Application Intermediate ๐Ÿš€ Start Lab
061 React Colour Filter Application Intermediate ๐Ÿš€ Start Lab
062 Implementing React Navigation Features Intermediate ๐Ÿš€ Start Lab
063 Create Responsive Business Card with React Intermediate ๐Ÿš€ Start Lab
064 Build Interactive React Components Beginner ๐Ÿš€ Start Lab
065 Mobile Phone Number Verification Beginner ๐Ÿš€ Start Lab
066 Correctly Warn Incorrect v-Slot Usage Beginner ๐Ÿš€ Start Lab
067 Adding Deprecation Warning to Vue Router Beginner ๐Ÿš€ Start Lab
068 Dynamization of Homepage Data Beginner ๐Ÿš€ Start Lab
069 Fix the Test in async.spec.js Beginner ๐Ÿš€ Start Lab
070 Data Visualization with Echarts and JSON Beginner ๐Ÿš€ Start Lab
071 Handling Null Values Correctly Beginner ๐Ÿš€ Start Lab
072 Letโ€™s Have a Meeting Together Beginner ๐Ÿš€ Start Lab
073 Building Login with Vue.js and Vuex Beginner ๐Ÿš€ Start Lab
074 Remove the Warning Generated by pathMatch Beginner ๐Ÿš€ Start Lab
075 Revisit Route Triggers Too Early Beginner ๐Ÿš€ Start Lab
076 Router Query Value Changed Beginner ๐Ÿš€ Start Lab
077 Building Flexible Skeleton Screens Beginner ๐Ÿš€ Start Lab
078 Time Conversion Tool with Vue.js Beginner ๐Ÿš€ Start Lab
079 Build a Vue.js Task Manager Beginner ๐Ÿš€ Start Lab
080 Interactive Film Collection Web App Beginner ๐Ÿš€ Start Lab
081 Building Responsive Accordion Interfaces Beginner ๐Ÿš€ Start Lab
082 Fruit Matching Game with HTML, CSS, JavaScript Intermediate ๐Ÿš€ Start Lab
083 Fruit Stacking Game with HTML, CSS, JavaScript Intermediate ๐Ÿš€ Start Lab
084 Simple Prize Draw Application Intermediate ๐Ÿš€ Start Lab
085 Building a Voting Application Intermediate ๐Ÿš€ Start Lab
086 Weekly Weather Forecast Application Development Beginner ๐Ÿš€ Start Lab
087 Hard Work Pays Off Beginner ๐Ÿš€ Start Lab
088 Real-Time Sales Dashboard with Echarts Intermediate ๐Ÿš€ Start Lab
089 Creating Interactive Bar Charts with ECharts Beginner ๐Ÿš€ Start Lab
090 Time With Your Phone Beginner ๐Ÿš€ Start Lab
091 Weather Trend Chart with Vue and Echarts Beginner ๐Ÿš€ Start Lab
092 Course Schedule CRUD With MyBatis Beginner ๐Ÿš€ Start Lab
093 Configuring Logging and Batch Aliasing in MyBatis Beginner ๐Ÿš€ Start Lab
094 Extending Entity with Custom Properties Beginner ๐Ÿš€ Start Lab
095 Implementation of AJAX Requests Using JS Beginner ๐Ÿš€ Start Lab
096 JSON Data Transfer With AJAX Beginner ๐Ÿš€ Start Lab
097 Logging Project Information With Log4j2 Beginner ๐Ÿš€ Start Lab
098 Operate the Course Table Beginner ๐Ÿš€ Start Lab
099 Practical Use of resultMap Beginner ๐Ÿš€ Start Lab
100 User Permission Management System with JavaScript Beginner ๐Ÿš€ Start Lab
101 Promisifying Callback-based Asynchronous Functions Beginner ๐Ÿš€ Start Lab
102 Building a News API with Node.js Beginner ๐Ÿš€ Start Lab
103 Building a User Management RESTful API with Node.js Beginner ๐Ÿš€ Start Lab
104 Building a Node.js Reverse Proxy Beginner ๐Ÿš€ Start Lab

More

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