vanillawebprojects: 今天发现一个开源项目，里面汇集了二十多个适合前端练手小项目。全都没有用任何的框架。当的代码

# 20+ Web Projects With Vanilla JavaScript

This is the main repository for all of the projects in the course.

- [Course Link](https://www.udemy.com/course/web-projects-with-vanilla-javascript/?referralCode=F9B7C7FED834F91ADE75)
- [Course Info Website](https://vanillawebprojects.com)

|  #  |            Project             | Live Demo |
| :-: | :----------------------------: | :-------: |
| 01  |       [Form Validator](https://github.com/bradtraversy/vanillawebprojects/tree/master/form-validator)       | [Live Demo](https://vanillawebprojects.com/projects/form-validator/)  |
| 02  |     [Movie Seat Booking](https://github.com/bradtraversy/vanillawebprojects/tree/master/movie-seat-booking)    | [Live Demo](https://vanillawebprojects.com/projects/movie-seat-booking/)  |
| 03  |    [Custom Video Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/custom-video-player)     | [Live Demo](https://vanillawebprojects.com/projects/custom-video-player/)  |
| 04  |  [Exchange Rate Calculator](https://github.com/bradtraversy/vanillawebprojects/tree/master/exchange-rate)  | [Live Demo](https://vanillawebprojects.com/projects/exchange-rate/)  |
| 05  | [DOM Array Methods Project](https://github.com/bradtraversy/vanillawebprojects/tree/master/dom-array-methods)  | [Live Demo](https://vanillawebprojects.com/projects/dom-array-methods/)  |
| 06  |    [Menu Slider & Modal](https://github.com/bradtraversy/vanillawebprojects/tree/master/modal-menu-slider)    | [Live Demo](https://vanillawebprojects.com/projects/modal-menu-slider/)  |
| 07  |        [Hangman Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/hangman)       | [Live Demo](https://vanillawebprojects.com/projects/hangman/)  |
| 08  |       [Mealfinder App](https://github.com/bradtraversy/vanillawebprojects/tree/master/meal-finder)      | [Live Demo](https://vanillawebprojects.com/projects/meal-finder/)  |
| 09  |      [Expense Tracker](https://github.com/bradtraversy/vanillawebprojects/tree/master/expense-tracker)       | [Live Demo](https://vanillawebprojects.com/projects/expense-tracker/)  |
| 10  |        [Music Player](https://github.com/bradtraversy/vanillawebprojects/tree/master/music-player)       | [Live Demo](https://vanillawebprojects.com/projects/music-player/)  |
| 11  |     [Infinite Scrolling](https://github.com/bradtraversy/vanillawebprojects/tree/master/infinite_scroll_blog)     | [Live Demo](https://vanillawebprojects.com/projects/infinite_scroll_blog/)  |
| 12  |        [Typing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/typing-game)     | [Live Demo](https://vanillawebprojects.com/projects/typing-game/)  |
| 13  |     [Speech Text Reader](https://github.com/bradtraversy/vanillawebprojects/tree/master/speech-text-reader)    | [Live Demo](https://vanillawebprojects.com/projects/speech-text-reader/)  |
| 14  |        [Memory Cards](https://github.com/bradtraversy/vanillawebprojects/tree/master/memory-cards)     | [Live Demo](https://vanillawebprojects.com/projects/memory-cards/)  |
| 15  |      [LyricsSearch App](https://github.com/bradtraversy/vanillawebprojects/tree/master/lyrics-search)     | [Live Demo](https://vanillawebprojects.com/projects/lyrics-search/)  |
| 16  |        [Relaxer App](https://github.com/bradtraversy/vanillawebprojects/tree/master/relaxer-app)       | [Live Demo](https://vanillawebprojects.com/projects//relaxer-app/)  |
| 17  |       [Breakout Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/breakout-game)       | [Live Demo](https://vanillawebprojects.com/projects/breakout-game/)  |
| 18  |     [New Year Countdown](https://github.com/bradtraversy/vanillawebprojects/tree/master/new-year-countdown)   | [Live Demo](https://vanillawebprojects.com/projects/new-year-countdown/)  |
| 19  |       [Sortable List](https://github.com/bradtraversy/vanillawebprojects/tree/master/sortable-list)       | [Live Demo](https://vanillawebprojects.com/projects/sortable-list/)  |
| 20  | [Speak Number Guessing Game](https://github.com/bradtraversy/vanillawebprojects/tree/master/speak-number-guess) | [Live Demo](https://vanillawebprojects.com/projects/speak-number-guess/)  |

NOTE ON PULL REQUESTS: All of these projects are part of the course. While I do appreciate people trying to make some things prettier or adding new features, we are only accepting pull requests and looking at issues for bug fixes so that the code stays inline with the course

神奇/vanillawebprojects

简介

发行版

贡献者

近期动态

神奇/vanillawebprojects .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

神奇/vanillawebprojects