vanillawebprojects README

The project's README from github.com/bradtraversy/vanillawebprojects. As one markdown file: README.md.

20+ Web Projects With Vanilla JavaScript

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

# Project Live Demo
01 Form Validator Live Demo
02 Movie Seat Booking Live Demo
03 Custom Video Player Live Demo
04 Exchange Rate Calculator Live Demo
05 DOM Array Methods Project Live Demo
06 Menu Slider & Modal Live Demo
07 Hangman Game Live Demo
08 Mealfinder App Live Demo
09 Expense Tracker Live Demo
10 Music Player Live Demo
11 Infinite Scrolling Live Demo
12 Typing Game Live Demo
13 Speech Text Reader Live Demo
14 Memory Cards Live Demo
15 LyricsSearch App Live Demo
16 Relaxer App Live Demo
17 Breakout Game Live Demo
18 New Year Countdown Live Demo
19 Speak Number Guessing Game Live Demo
20 Product Filtering UI Live Demo

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 (bradtraversy/vanillawebprojects)

Searching Database…

这是什么?这是一个包含 20 多个小型网页项目的合集(表单验证器、电影选座订票、音乐播放器、打砖块游戏等),使用纯 HTML5、CSS 和 JavaScript 制作,是一门 Udemy 课程的配套内容。
这是框架还是库?都不是。这是一组独立的示例应用和游戏,每个项目放在自己的文件夹中,没有使用任何框架或库。
怎么运行其中一个项目?克隆仓库,然后在浏览器中打开任意项目文件夹里的 index.html 文件即可。每个项目都是纯 HTML/CSS/JS,没有构建步骤。
我需要安装 Node、打包工具或其他库吗?不需要。这门课程的重点就是只用原生 JavaScript 来构建这些项目,因此无需安装 npm 包、框架或构建工具。
这门课程适合谁?适合初级到中级的 JavaScript 学习者,希望通过动手实践来构建真实的界面模式(DOM 操作、表单、游戏、媒体播放器),而不依赖任何框架。
这 20 个项目涵盖哪些内容?内容涵盖很广:从表单验证器、电影选座、自定义视频播放器和汇率计算器,到猜单词游戏、记忆卡牌、打砖块游戏、记账工具、无限滚动和打字游戏,涉及常见的前端界面和游戏模式。
每个项目都有在线演示吗?有的。README 表格中为 20 多个项目中的每一个都列出了在线演示链接。
这是付费课程的配套内容吗?是的,这是一门 Udemy 课程的配套仓库,并直接链接到课程页面。不过代码本身可以免费浏览和克隆。
Size
30.7 MB
Stars
16.1K
Updated
CommitFeb 25
Age
6y
Commits · 90 Days