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

• 🔗 JavaScript Learn more about
• 🔗 Awesome Programming Projects
• 🔗 Awesome Programming Courses