web-development-practice-projects

Build real Web Development projects with 131 beginner-friendly challenges. Learn by doing with guided coding exercises and practical applications.
https://github.com/labex-labs/web-development-practice-projects

Last synced: about 8 hours ago
JSON representation

Exercises
- Build an VSCode Extension With ChatGPT - build-an-vscode-extension-with-chatgpt) |
- Deploying MobileNet With TensorFlow.js and Flask - deploying-mobilenet-with-tensorflowjs-and-flask) |
- Build a Web Based TCP Port Scanner - build-a-web-based-tcp-port-scanner) |
- Build a Guess the Coin Game - guess-the-coin) |
- Axios-Driven Incantation Treasure Hunt - mysterious-incantation) |
- Building Reusable Pagination Component - pagination-component) |
- Vue.js Shopping Cart with Drag and Drop - fun-shopping) |
- Implement Search Suggestions with Vue.js - input-search-suggestions) |
- Building Dynamic Menu Tree Search with Vue.js - menu-tree-search) |
- Fixing Vue Router's cleanPath Function - multiple-slashes) |
- Build a Vue.js E-book Reader - read-it) |
- Retrieving Object Parameters From Query - retrieving-object-parameters-from-query) |
- Building a Vue.js Shopping Cart - shopping-cart) |
- Building a Vue.js Store Status Switcher - switch-business-status) |
- Wish Sticky Note App with Vue.js - wish-sticky-note) |
- Adding Deprecation Warning to Vue Router - deprecated-addroutes) |
- Dynamization of Homepage Data - dynamization-of-homepage-data) |
- Fix the Test in async.spec.js - fix-the-test-in-asyncspecjs) |
- Handling Null Values Correctly - handling-null-values-correctly) |
- Let’s Have a Meeting Together - lets-have-a-meeting-together) |
- Remove the Warning Generated by pathMatch - remove-the-warning-generated-by-pathmatch) |
- Revisit Route Triggers Too Early - revisit-route-triggers-too-early) |
- Router Query Value Changed - router-query-value-changed) |
- Building Flexible Skeleton Screens - skeleton-screen) |
- Time Conversion Tool with Vue.js - time-conversion-tool) |
- Build a Vue.js Task Manager - time-management-master) |
- Building Responsive Accordion Interfaces - folding-accordion) |
- Fruit Stacking Game with HTML, CSS, JavaScript - fruit-stacker) |
- Implement User Login Function - implement-user-login-function) |
- Simple Prize Draw Application - prize-draw) |
- Building a Voting Application - valuable-vote) |
- Weekly Weather Forecast Application Development - weather-forecast-query) |
- Hard Work Pays Off - hard-work-pays-off) |
- Real-Time Sales Dashboard with Echarts - sales-dashboard) |
- Creating Interactive Bar Charts with ECharts - student-achievement-statistics) |
- Counting Access Times by IP - counting-access-times-by-ip) |
- Course Schedule CRUD With MyBatis - course-schedule-crud-with-mybatis) |
- Configuring Logging and Batch Aliasing in MyBatis - course-schedule-logging) |
- Extending Entity with Custom Properties - custom-type-handler) |
- Implementation of AJAX Requests Using JS - implementation-of-ajax-requests-using-js) |
- JSON Data Transfer With AJAX - json-data-transfer-with-ajax) |
- Logging Project Information With Log4j2 - logging-project-information-with-log4j2) |
- Operate the Course Table - operate-the-course-table) |
- Practical Use of resultMap - practical-use-of-resultmap) |
More
More Projects
Other Lists
- Web Development Free Tutorials
Projects
- Build a Tic-Tac-Toe Web App - build-a-tic-tac-toe-web-app) |
- Creating a Whack-a-Mole Web Game - creating-a-whack-a-mole-web-game) |
- Create a Notes App Using React - create-a-notes-app-using-react) |
- Building a Modern Expense Splitter Web App - building-a-expense-splitter-web-app) |
- Creating a Drawing Board Web App - creating-a-drawing-board-web-app) |
- Creating a Task Timer Web App - creating-a-task-timer-web-app) |
- Create a Swiper Carousel Web App - create-a-swiper-carousel-web-app) |
- Monty Hall Simulation Web App - monty-hall-problem-simulation-web-app) |
- Building a Web Avoiding Block Game - building-a-web-avoiding-block-game) |
- 2048 Web Game Using jQuery - 2048-web-game-using-jquery) |
- Developing a Simple Online Chat Room Using Flask - developing-a-simple-online-chat-room-using-flask) |
- Build a Sliding Puzzle Game With JavaScript - build-a-sliding-puzzle-game-with-javascript) |
- Create a Pixel Art Animator With React - create-a-pixel-art-animator-with-react) |
- jQuery Flip Puzzle Game - jquery-flip-puzzle-game) |
- Creating a Minesweeper Game With JavaScript - creating-a-minesweeper-game-with-javascript) |
- Build a Simple Markdown Editor With Live Preview - build-a-simple-markdown-editor-with-live-preview) |
- Implement a Magnifying Glass Effect Using Canvas - implement-a-magnifying-glass-effect-using-canvas) |
- Build an Image Cropping Tool Using HTML5 - build-an-image-cropping-tool-using-html5) |
- Building a Christmas Wish List Builder in React - building-a-christmas-wish-list-builder-in-react) |
- Building a React Drag-and-Drop Puzzle Game - building-a-react-drag-and-drop-puzzle-game) |
- Building a React GitHub Heatmap Contributions - building-a-react-github-heatmap-contributions) |
- Don't Step on the White Tile - dont-step-on-the-white-tile) |
- Build a Scratch Card Web Game - scratch-card-game) |
- Build a Simple URL Shortener With Flask and MySQL - build-a-simple-url-shortener-with-flask-and-mysql) |
- Real-Time Sentence Search with Vue.js - beautiful-sentences) |
- Vue.js Search Functionality Development - do-a-search) |
- Implement Dynamic Sticky Tab Bar - dynamic-tab-bar) |
- CSS Fan-Like Hover Animation Effect - unfold-your-fan) |
- The Boundless Sea of Learning - the-boundless-sea-of-learning) |
- A Good Review for the Takeout - a-good-review-for-the-takeout) |
- Address Management Web Application - add-new-address) |
- Bing Dwen Dwen Mood Scale - bing-dwen-dwen-mood-scale) |
- Building a Traffic Lights System with JavaScript - colour-changeable-light) |
- Building a Simple Search Functionality - confusing-this) |
- Pagination Implementation with Axios - course-list) |
- Escape From the Dual Vector Foil - escape-from-the-dual-vector-foil) |
- Random Greeting Card Generator - holiday-greeting-card) |
- Movie Ticket Reservation System - movie-ticket-reservation) |
- Create Responsive Modal Boxes - naughty-modal-box) |
- Spell Out a Future - spell-out-a-future) |
- Web-based HTML Presentation Builder - web-ppt) |
- Custom Form Validation with Vue.js - custom-form-validator) |
- Empty pathMatch for Correct Path Calculation - empty-pathmatch-for-correct-path-calculation) |
- Product List with Layout Switching - layout-switch) |
- Vue.js Buttons and Value Updating - magic-failure) |
- Implement Efficient Virtual Scrolling with Vue.js - virtual-scroll-list) |
- Implement Atomic Flex Layout with CSS - atomic-css) |
- Building a Responsive News Website Homepage - creating-website-homepage) |
- Creative Billboard Design with Wooden Textures - creative-billboard) |
- Depth of Field in Images - depth-of-field-in-images) |
- Creating a Koala Face with CSS Grid - draw-a-koala) |
- Creating Earth's Orbital Animation with CSS - exploring-the-earth) |
- Fixing Website Display Issues - fix-website-display) |
- Responsive Dice Layout with Flexbox - flex-dice-layout) |
- Responsive Flexible Card Layout - flexible-card) |
- Flexbox Vegetable Layout Design - fresh-vegetables) |
- Fruit Arrangement with CSS Flexbox - fruit-arrangement) |
- Visually Appealing Fruit Platter - fruit-platter) |
- Give Your Page a Makeover - give-your-page-a-makeover) |
- Simple and Beautiful Home Page Design - labex-knowledge-network) |
- Movie Theater Seat Arrangement - movie-theater-seat-arrangement) |
- Responsive Web Design with Gulp - responsive-page-layout) |
- Responsive Web Design for All Screens - responsive-web-design) |
- Create Visually Appealing Business Card - user-business-cards) |
- Westward Journey to Heavenly West - westward-journey-to-heavenly-west) |
- Data Formatting and Visualization with Vue.js - table-data-conversion) |
- Vanished Into Thin Air - vanished-into-thin-air) |
- Responsive Navigation with Custom React Hook - browser-window-size) |
- React Theme Switcher Application - change-page-theme) |
- React Colour Filter Application - colour-filter) |
- Implementing React Navigation Features - navigation-features) |
- Create Responsive Business Card with React - personal-card-generator) |
- Build Interactive React Components - show-and-hide) |
- Switch Between Light and Dark - switch-between-light-and-dark) |
- Mobile Phone Number Verification - account-verification) |
- Correctly Warn Incorrect v-Slot Usage - correctly-warn-incorrect-v-slot-usage) |
- Data Visualization with Echarts and JSON - food-protein-revealed) |
- Building Login with Vue.js and Vuex - missing-token) |
- Interactive Film Collection Web App - collection-of-films) |
- Fruit Matching Game with HTML, CSS, JavaScript - fruit-for-fun) |
- Time With Your Phone - time-with-your-phone) |
- Weather Trend Chart with Vue and Echarts - weather-trend) |
- User Permission Management System with JavaScript - permission-management) |
- Promisifying Callback-based Asynchronous Functions - encapsulate-promisify-function) |
- Building a News API with Node.js - news-api) |
- Building a User Management RESTful API with Node.js - restful-api-development) |
- Building a Node.js Reverse Proxy - reverse-proxy) |
- HTML for Beginners - for-beginners) |
- JavaScript for Beginners - for-beginners) |
- CSS for Beginners - for-beginners) |
- React for Beginners - for-beginners) |
- Web Vulnerability Mastery - vulnerability-mastery) |
- Web Interactive Challenges - development-interactive-challenges) |
- HTTP Enumeration and Directory Traversal - http-enumeration-and-directory-traversal) |
- Building a REST API in Flask With SQLite - building-a-rest-api-in-flask-with-sqlite) |
- Build a Simple Translator Using Google Translate API - build-a-simple-translator-using-google-translate-api) |
- Creating a URL Shortener With Python and Flask - creating-a-url-shortener-with-python-and-flask) |
- Building a Port Scanner With Python - building-a-port-scanner-with-python) |
- Druid Database Connection Pool Access - druid-database-connection-pool-access) |
- MyBatis Database Integration Project - input-parameter-practice) |
- View More on LabEx

Categories

Projects 101 Exercises 44 More Projects 31 More 3 Other Lists 1

Sub Categories

Keywords

awesome-list 33 awesome 32 hands-on 32 labex 32 programming 32 projects 31 exercises 26 education 6 ansible 3 java 3 kubernetes 3 mysql 3 python 3 shell 3 react 2 css 2 data-science 2 pandas 2 linux 2 numpy 2 go 2 git 2 mongodb 2 docker 2 devops 2 cybersecurity 2 matplotlib 2 postgresql 1 sklearn 1 labs 1 algorithm 1 html 1 hydra 1 javascript 1 jquery 1 web-development 1 redis 1 tutorials 1 sqlite 1 wireshark 1 free-tutorials 1 free 1 opencv 1 c 1 cpp 1 hadoop 1 cysec 1 ml 1 jenkins 1