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