Skip to content

Build real JavaScript projects with 104 beginner-friendly challenges. Learn by doing with guided coding exercises and practical applications.

Notifications You must be signed in to change notification settings

labex-labs/practice-javascript-programming-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

59 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

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