40.7K ·GitHub
这是什么？
这是一个包含 51 个小型网页项目的合集，使用 HTML、CSS 和原生 JavaScript 制作，每个项目演示一种特定的界面组件或效果，例如滑块、计数器和导航动画。
这是一个包含 51 个小型网页项目的合集，使用 HTML、CSS 和原生 JavaScript 制作，每个项目演示一种特定的界面组件或效果，例如滑块、计数器和导航动画。这是一个完整的应用，还是一堆独立的小项目？每个编号条目（01 Expanding Cards、02 Progress Steps 等）都是独立的项目，有自己的 HTML/CSS/JS 文件和在线演示链接，而不是一个相互关联的应用。
每个编号条目（01 Expanding Cards、02 Progress Steps 等）都是独立的项目，有自己的 HTML/CSS/JS 文件和在线演示链接，而不是一个相互关联的应用。我该怎么使用这些项目？打开你想要的项目文件夹，用浏览器打开其中的 HTML 文件即可；也可以直接访问 README 表格中每个项目列出的 Live Demo 在线演示链接。
打开你想要的项目文件夹，用浏览器打开其中的 HTML 文件即可；也可以直接访问 README 表格中每个项目列出的 Live Demo 在线演示链接。运行这些项目需要安装构建工具或框架吗？不需要。这些项目只使用原生 HTML、CSS 和 JavaScript，不依赖任何框架或构建工具。
不需要。这些项目只使用原生 HTML、CSS 和 JavaScript，不依赖任何框架或构建工具。这个项目与付费课程有关吗？有关。它是 Brad Traversy 的 '50 Projects in 50 Days' 课程的配套仓库，README 中附有该课程的链接。
有关。它是 Brad Traversy 的 '50 Projects in 50 Days' 课程的配套仓库，README 中附有该课程的链接。通过这些项目能学到哪些效果？例如拖放、绘图应用、密码强度检测器、图片轮播、问答测验应用、待办事项列表和一个简单游戏，涵盖常见的 DOM 操作和 CSS 动画模式。
例如拖放、绘图应用、密码强度检测器、图片轮播、问答测验应用、待办事项列表和一个简单游戏，涵盖常见的 DOM 操作和 CSS 动画模式。这些项目的难度是逐步递增的吗？它们按照逐日课程的结构从 01 到 51 依次编号，但 README 并没有明确说明是按难度排序的。
它们按照逐日课程的结构从 01 到 51 依次编号，但 README 并没有明确说明是按难度排序的。What are similar projects?vanillawebprojects, Web-Dev-For-Beginners, JavaScript30, Sigma-Web-Dev-Course, LearnCS8-Resume, 30-Days-Of-JavaScript, 30-Days-Of-React, fullstack-course4
vanillawebprojects, Web-Dev-For-Beginners, JavaScript30, Sigma-Web-Dev-Course, LearnCS8-Resume, 30-Days-Of-JavaScript, 30-Days-Of-React, fullstack-course4Which topics is it in?vanilla-js, beginner, educational, static-site, vanilla-javascript, drag-and-drop, ui-design, course, beginner-friendly, animation, css, html
vanilla-js, beginner, educational, static-site, vanilla-javascript, drag-and-drop, ui-design, course, beginner-friendly, animation, css, html