Practice JavaScript Programming Projects

Languages

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

JavaScript is the programming language of the web. This Skill Tree offers a systematic way to learn JavaScript. Tailored for web development beginners, it provides a clear roadmap to grasp core concepts, DOM manipulation, and asynchronous programming. Hands - on, non - video courses and coding exercises in an interactive JS playground help you develop practical skills for creating dynamic web applications.

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