Practice JavaScript Programming Projects

September 26, 2025 ยท View on GitHub

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

IndexNameDifficultyPractice
001Build an VSCode Extension With ChatGPTBeginner๐Ÿš€ Start Lab
002Build a Tic-Tac-Toe Web AppBeginner๐Ÿš€ Start Lab
003Creating a Whack-a-Mole Web GameBeginner๐Ÿš€ Start Lab
004Create a Notes App Using ReactBeginner๐Ÿš€ Start Lab
005Building a Modern Expense Splitter Web AppBeginner๐Ÿš€ Start Lab
006Creating a Drawing Board Web AppBeginner๐Ÿš€ Start Lab
007Creating a Task Timer Web AppBeginner๐Ÿš€ Start Lab
008Create a Swiper Carousel Web AppBeginner๐Ÿš€ Start Lab
009Monty Hall Simulation Web AppBeginner๐Ÿš€ Start Lab
010Building a Web Avoiding Block GameIntermediate๐Ÿš€ Start Lab
0112048 Web Game Using jQueryBeginner๐Ÿš€ Start Lab
012Build a Sliding Puzzle Game With JavaScriptBeginner๐Ÿš€ Start Lab
013Create a Pixel Art Animator With ReactBeginner๐Ÿš€ Start Lab
014jQuery Flip Puzzle GameBeginner๐Ÿš€ Start Lab
015Creating a Minesweeper Game With JavaScriptBeginner๐Ÿš€ Start Lab
016Build a Simple Markdown Editor With Live PreviewBeginner๐Ÿš€ Start Lab
017Implement a Magnifying Glass Effect Using CanvasBeginner๐Ÿš€ Start Lab
018Build an Image Cropping Tool Using HTML5Beginner๐Ÿš€ Start Lab
019Building a Christmas Wish List Builder in ReactIntermediate๐Ÿš€ Start Lab
020Building a React Drag-and-Drop Puzzle GameBeginner๐Ÿš€ Start Lab
021Building a React GitHub Heatmap ContributionsIntermediate๐Ÿš€ Start Lab
022Deploying MobileNet With TensorFlow.js and FlaskBeginner๐Ÿš€ Start Lab
023Don't Step on the White TileBeginner๐Ÿš€ Start Lab
024Build a Scratch Card Web GameBeginner๐Ÿš€ Start Lab
025Build a Simple URL Shortener With Flask and MySQLAdvanced๐Ÿš€ Start Lab
026Real-Time Sentence Search with Vue.jsBeginner๐Ÿš€ Start Lab
027Vue.js Search Functionality DevelopmentBeginner๐Ÿš€ Start Lab
028The Boundless Sea of LearningBeginner๐Ÿš€ Start Lab
029A Good Review for the TakeoutBeginner๐Ÿš€ Start Lab
030Address Management Web ApplicationBeginner๐Ÿš€ Start Lab
031Bing Dwen Dwen Mood ScaleBeginner๐Ÿš€ Start Lab
032Building a Traffic Lights System with JavaScriptIntermediate๐Ÿš€ Start Lab
033Building a Simple Search FunctionalityBeginner๐Ÿš€ Start Lab
034Pagination Implementation with AxiosBeginner๐Ÿš€ Start Lab
035Escape From the Dual Vector FoilBeginner๐Ÿš€ Start Lab
036Build a Guess the Coin GameBeginner๐Ÿš€ Start Lab
037Random Greeting Card GeneratorBeginner๐Ÿš€ Start Lab
038Movie Ticket Reservation SystemBeginner๐Ÿš€ Start Lab
039Axios-Driven Incantation Treasure HuntBeginner๐Ÿš€ Start Lab
040Create Responsive Modal BoxesBeginner๐Ÿš€ Start Lab
041Building Reusable Pagination ComponentBeginner๐Ÿš€ Start Lab
042Spell Out a FutureBeginner๐Ÿš€ Start Lab
043Web-based HTML Presentation BuilderBeginner๐Ÿš€ Start Lab
044Custom Form Validation with Vue.jsBeginner๐Ÿš€ Start Lab
045Empty pathMatch for Correct Path CalculationBeginner๐Ÿš€ Start Lab
046Vue.js Shopping Cart with Drag and DropBeginner๐Ÿš€ Start Lab
047Implement Search Suggestions with Vue.jsBeginner๐Ÿš€ Start Lab
048Product List with Layout SwitchingBeginner๐Ÿš€ Start Lab
049Vue.js Buttons and Value UpdatingBeginner๐Ÿš€ Start Lab
050Building Dynamic Menu Tree Search with Vue.jsBeginner๐Ÿš€ Start Lab
051Fixing Vue Router's cleanPath FunctionBeginner๐Ÿš€ Start Lab
052Build a Vue.js E-book ReaderBeginner๐Ÿš€ Start Lab
053Retrieving Object Parameters From QueryBeginner๐Ÿš€ Start Lab
054Building a Vue.js Shopping CartBeginner๐Ÿš€ Start Lab
055Building a Vue.js Store Status SwitcherBeginner๐Ÿš€ Start Lab
056Implement Efficient Virtual Scrolling with Vue.jsBeginner๐Ÿš€ Start Lab
057Depth of Field in ImagesBeginner๐Ÿš€ Start Lab
058Data Formatting and Visualization with Vue.jsBeginner๐Ÿš€ Start Lab
059Responsive Navigation with Custom React HookIntermediate๐Ÿš€ Start Lab
060React Theme Switcher ApplicationIntermediate๐Ÿš€ Start Lab
061React Colour Filter ApplicationIntermediate๐Ÿš€ Start Lab
062Implementing React Navigation FeaturesIntermediate๐Ÿš€ Start Lab
063Create Responsive Business Card with ReactIntermediate๐Ÿš€ Start Lab
064Build Interactive React ComponentsBeginner๐Ÿš€ Start Lab
065Mobile Phone Number VerificationBeginner๐Ÿš€ Start Lab
066Correctly Warn Incorrect v-Slot UsageBeginner๐Ÿš€ Start Lab
067Adding Deprecation Warning to Vue RouterBeginner๐Ÿš€ Start Lab
068Dynamization of Homepage DataBeginner๐Ÿš€ Start Lab
069Fix the Test in async.spec.jsBeginner๐Ÿš€ Start Lab
070Data Visualization with Echarts and JSONBeginner๐Ÿš€ Start Lab
071Handling Null Values CorrectlyBeginner๐Ÿš€ Start Lab
072Letโ€™s Have a Meeting TogetherBeginner๐Ÿš€ Start Lab
073Building Login with Vue.js and VuexBeginner๐Ÿš€ Start Lab
074Remove the Warning Generated by pathMatchBeginner๐Ÿš€ Start Lab
075Revisit Route Triggers Too EarlyBeginner๐Ÿš€ Start Lab
076Router Query Value ChangedBeginner๐Ÿš€ Start Lab
077Building Flexible Skeleton ScreensBeginner๐Ÿš€ Start Lab
078Time Conversion Tool with Vue.jsBeginner๐Ÿš€ Start Lab
079Build a Vue.js Task ManagerBeginner๐Ÿš€ Start Lab
080Interactive Film Collection Web AppBeginner๐Ÿš€ Start Lab
081Building Responsive Accordion InterfacesBeginner๐Ÿš€ Start Lab
082Fruit Matching Game with HTML, CSS, JavaScriptIntermediate๐Ÿš€ Start Lab
083Fruit Stacking Game with HTML, CSS, JavaScriptIntermediate๐Ÿš€ Start Lab
084Simple Prize Draw ApplicationIntermediate๐Ÿš€ Start Lab
085Building a Voting ApplicationIntermediate๐Ÿš€ Start Lab
086Weekly Weather Forecast Application DevelopmentBeginner๐Ÿš€ Start Lab
087Hard Work Pays OffBeginner๐Ÿš€ Start Lab
088Real-Time Sales Dashboard with EchartsIntermediate๐Ÿš€ Start Lab
089Creating Interactive Bar Charts with EChartsBeginner๐Ÿš€ Start Lab
090Time With Your PhoneBeginner๐Ÿš€ Start Lab
091Weather Trend Chart with Vue and EchartsBeginner๐Ÿš€ Start Lab
092Course Schedule CRUD With MyBatisBeginner๐Ÿš€ Start Lab
093Configuring Logging and Batch Aliasing in MyBatisBeginner๐Ÿš€ Start Lab
094Extending Entity with Custom PropertiesBeginner๐Ÿš€ Start Lab
095Implementation of AJAX Requests Using JSBeginner๐Ÿš€ Start Lab
096JSON Data Transfer With AJAXBeginner๐Ÿš€ Start Lab
097Logging Project Information With Log4j2Beginner๐Ÿš€ Start Lab
098Operate the Course TableBeginner๐Ÿš€ Start Lab
099Practical Use of resultMapBeginner๐Ÿš€ Start Lab
100User Permission Management System with JavaScriptBeginner๐Ÿš€ Start Lab
101Promisifying Callback-based Asynchronous FunctionsBeginner๐Ÿš€ Start Lab
102Building a News API with Node.jsBeginner๐Ÿš€ Start Lab
103Building a User Management RESTful API with Node.jsBeginner๐Ÿš€ Start Lab
104Building a Node.js Reverse ProxyBeginner๐Ÿš€ Start Lab

More