Practice Web Development Programming Projects

September 26, 2025 ยท View on GitHub

Languages

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

Learn Web Development with this comprehensive learning path designed for beginners. These structured Web Development Courses provide a clear roadmap to master both front-end and back-end technologies, from fundamentals like HTML, CSS, and JavaScript to popular frameworks. Through hands-on, non-video modules and practical coding exercises, you will build real-world websites and web applications in an interactive environment.

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
012Developing a Simple Online Chat Room Using FlaskBeginner๐Ÿš€ Start Lab
013Build a Sliding Puzzle Game With JavaScriptBeginner๐Ÿš€ Start Lab
014Create a Pixel Art Animator With ReactBeginner๐Ÿš€ Start Lab
015jQuery Flip Puzzle GameBeginner๐Ÿš€ Start Lab
016Creating a Minesweeper Game With JavaScriptBeginner๐Ÿš€ Start Lab
017Build a Simple Markdown Editor With Live PreviewBeginner๐Ÿš€ Start Lab
018Implement a Magnifying Glass Effect Using CanvasBeginner๐Ÿš€ Start Lab
019Build an Image Cropping Tool Using HTML5Beginner๐Ÿš€ Start Lab
020Building a Christmas Wish List Builder in ReactIntermediate๐Ÿš€ Start Lab
021Building a React Drag-and-Drop Puzzle GameBeginner๐Ÿš€ Start Lab
022Building a React GitHub Heatmap ContributionsIntermediate๐Ÿš€ Start Lab
023Deploying MobileNet With TensorFlow.js and FlaskBeginner๐Ÿš€ Start Lab
024Don't Step on the White TileBeginner๐Ÿš€ Start Lab
025Build a Scratch Card Web GameBeginner๐Ÿš€ Start Lab
026Build a Simple URL Shortener With Flask and MySQLAdvanced๐Ÿš€ Start Lab
027Build a Web Based TCP Port ScannerBeginner๐Ÿš€ Start Lab
028Real-Time Sentence Search with Vue.jsBeginner๐Ÿš€ Start Lab
029Vue.js Search Functionality DevelopmentBeginner๐Ÿš€ Start Lab
030Implement Dynamic Sticky Tab BarBeginner๐Ÿš€ Start Lab
031CSS Fan-Like Hover Animation EffectBeginner๐Ÿš€ Start Lab
032The Boundless Sea of LearningBeginner๐Ÿš€ Start Lab
033A Good Review for the TakeoutBeginner๐Ÿš€ Start Lab
034Address Management Web ApplicationBeginner๐Ÿš€ Start Lab
035Bing Dwen Dwen Mood ScaleBeginner๐Ÿš€ Start Lab
036Building a Traffic Lights System with JavaScriptIntermediate๐Ÿš€ Start Lab
037Building a Simple Search FunctionalityBeginner๐Ÿš€ Start Lab
038Pagination Implementation with AxiosBeginner๐Ÿš€ Start Lab
039Escape From the Dual Vector FoilBeginner๐Ÿš€ Start Lab
040Build a Guess the Coin GameBeginner๐Ÿš€ Start Lab
041Random Greeting Card GeneratorBeginner๐Ÿš€ Start Lab
042Movie Ticket Reservation SystemBeginner๐Ÿš€ Start Lab
043Axios-Driven Incantation Treasure HuntBeginner๐Ÿš€ Start Lab
044Create Responsive Modal BoxesBeginner๐Ÿš€ Start Lab
045Building Reusable Pagination ComponentBeginner๐Ÿš€ Start Lab
046Spell Out a FutureBeginner๐Ÿš€ Start Lab
047Web-based HTML Presentation BuilderBeginner๐Ÿš€ Start Lab
048Custom Form Validation with Vue.jsBeginner๐Ÿš€ Start Lab
049Empty pathMatch for Correct Path CalculationBeginner๐Ÿš€ Start Lab
050Vue.js Shopping Cart with Drag and DropBeginner๐Ÿš€ Start Lab
051Implement Search Suggestions with Vue.jsBeginner๐Ÿš€ Start Lab
052Product List with Layout SwitchingBeginner๐Ÿš€ Start Lab
053Vue.js Buttons and Value UpdatingBeginner๐Ÿš€ Start Lab
054Building Dynamic Menu Tree Search with Vue.jsBeginner๐Ÿš€ Start Lab
055Fixing Vue Router's cleanPath FunctionBeginner๐Ÿš€ Start Lab
056Build a Vue.js E-book ReaderBeginner๐Ÿš€ Start Lab
057Retrieving Object Parameters From QueryBeginner๐Ÿš€ Start Lab
058Building a Vue.js Shopping CartBeginner๐Ÿš€ Start Lab
059Building a Vue.js Store Status SwitcherBeginner๐Ÿš€ Start Lab
060Implement Efficient Virtual Scrolling with Vue.jsBeginner๐Ÿš€ Start Lab
061Implement Atomic Flex Layout with CSSBeginner๐Ÿš€ Start Lab
062Building a Responsive News Website HomepageBeginner๐Ÿš€ Start Lab
063Creative Billboard Design with Wooden TexturesBeginner๐Ÿš€ Start Lab
064Depth of Field in ImagesBeginner๐Ÿš€ Start Lab
065Creating a Koala Face with CSS GridBeginner๐Ÿš€ Start Lab
066Creating Earth's Orbital Animation with CSSBeginner๐Ÿš€ Start Lab
067Fixing Website Display IssuesBeginner๐Ÿš€ Start Lab
068Responsive Dice Layout with FlexboxBeginner๐Ÿš€ Start Lab
069Responsive Flexible Card LayoutBeginner๐Ÿš€ Start Lab
070Flexbox Vegetable Layout DesignBeginner๐Ÿš€ Start Lab
071Fruit Arrangement with CSS FlexboxBeginner๐Ÿš€ Start Lab
072Visually Appealing Fruit PlatterBeginner๐Ÿš€ Start Lab
073Give Your Page a MakeoverBeginner๐Ÿš€ Start Lab
074Simple and Beautiful Home Page DesignBeginner๐Ÿš€ Start Lab
075Movie Theater Seat ArrangementBeginner๐Ÿš€ Start Lab
076Responsive Web Design with GulpBeginner๐Ÿš€ Start Lab
077Responsive Web Design for All ScreensBeginner๐Ÿš€ Start Lab
078Create Visually Appealing Business CardBeginner๐Ÿš€ Start Lab
079Westward Journey to Heavenly WestBeginner๐Ÿš€ Start Lab
080Data Formatting and Visualization with Vue.jsBeginner๐Ÿš€ Start Lab
081Vanished Into Thin AirBeginner๐Ÿš€ Start Lab
082Wish Sticky Note App with Vue.jsBeginner๐Ÿš€ Start Lab
083Responsive Navigation with Custom React HookIntermediate๐Ÿš€ Start Lab
084React Theme Switcher ApplicationIntermediate๐Ÿš€ Start Lab
085React Colour Filter ApplicationIntermediate๐Ÿš€ Start Lab
086Implementing React Navigation FeaturesIntermediate๐Ÿš€ Start Lab
087Create Responsive Business Card with ReactIntermediate๐Ÿš€ Start Lab
088Build Interactive React ComponentsBeginner๐Ÿš€ Start Lab
089Switch Between Light and DarkBeginner๐Ÿš€ Start Lab
090Mobile Phone Number VerificationBeginner๐Ÿš€ Start Lab
091Correctly Warn Incorrect v-Slot UsageBeginner๐Ÿš€ Start Lab
092Adding Deprecation Warning to Vue RouterBeginner๐Ÿš€ Start Lab
093Dynamization of Homepage DataBeginner๐Ÿš€ Start Lab
094Fix the Test in async.spec.jsBeginner๐Ÿš€ Start Lab
095Data Visualization with Echarts and JSONBeginner๐Ÿš€ Start Lab
096Handling Null Values CorrectlyBeginner๐Ÿš€ Start Lab
097Letโ€™s Have a Meeting TogetherBeginner๐Ÿš€ Start Lab
098Building Login with Vue.js and VuexBeginner๐Ÿš€ Start Lab
099Remove the Warning Generated by pathMatchBeginner๐Ÿš€ Start Lab
100Revisit Route Triggers Too EarlyBeginner๐Ÿš€ Start Lab
101Router Query Value ChangedBeginner๐Ÿš€ Start Lab
102Building Flexible Skeleton ScreensBeginner๐Ÿš€ Start Lab
103Time Conversion Tool with Vue.jsBeginner๐Ÿš€ Start Lab
104Build a Vue.js Task ManagerBeginner๐Ÿš€ Start Lab
105Interactive Film Collection Web AppBeginner๐Ÿš€ Start Lab
106Building Responsive Accordion InterfacesBeginner๐Ÿš€ Start Lab
107Fruit Matching Game with HTML, CSS, JavaScriptIntermediate๐Ÿš€ Start Lab
108Fruit Stacking Game with HTML, CSS, JavaScriptIntermediate๐Ÿš€ Start Lab
109Implement User Login FunctionBeginner๐Ÿš€ Start Lab
110Simple Prize Draw ApplicationIntermediate๐Ÿš€ Start Lab
111Building a Voting ApplicationIntermediate๐Ÿš€ Start Lab
112Weekly Weather Forecast Application DevelopmentBeginner๐Ÿš€ Start Lab
113Hard Work Pays OffBeginner๐Ÿš€ Start Lab
114Real-Time Sales Dashboard with EchartsIntermediate๐Ÿš€ Start Lab
115Creating Interactive Bar Charts with EChartsBeginner๐Ÿš€ Start Lab
116Time With Your PhoneBeginner๐Ÿš€ Start Lab
117Weather Trend Chart with Vue and EchartsBeginner๐Ÿš€ Start Lab
118Counting Access Times by IPBeginner๐Ÿš€ Start Lab
119Course Schedule CRUD With MyBatisBeginner๐Ÿš€ Start Lab
120Configuring Logging and Batch Aliasing in MyBatisBeginner๐Ÿš€ Start Lab
121Extending Entity with Custom PropertiesBeginner๐Ÿš€ Start Lab
122Implementation of AJAX Requests Using JSBeginner๐Ÿš€ Start Lab
123JSON Data Transfer With AJAXBeginner๐Ÿš€ Start Lab
124Logging Project Information With Log4j2Beginner๐Ÿš€ Start Lab
125Operate the Course TableBeginner๐Ÿš€ Start Lab
126Practical Use of resultMapBeginner๐Ÿš€ Start Lab
127User Permission Management System with JavaScriptBeginner๐Ÿš€ Start Lab
128Promisifying Callback-based Asynchronous FunctionsBeginner๐Ÿš€ Start Lab
129Building a News API with Node.jsBeginner๐Ÿš€ Start Lab
130Building a User Management RESTful API with Node.jsBeginner๐Ÿš€ Start Lab
131Building a Node.js Reverse ProxyBeginner๐Ÿš€ Start Lab

More