30天30个提交项目教程

项目介绍

30days30submits 是一个旨在提升 HTML、CSS 和 JavaScript 技能的挑战项目。项目由 Shaif Arfan 发起，通过在30天内每天提交一个小到中等规模的项目来实现技能提升。这些项目包括网站组件、JavaScript 应用等。

项目快速启动

克隆项目

首先，克隆项目到本地：

git clone https://github.com/ShaifArfan/30days30submits.git
cd 30days30submits

安装依赖

虽然项目主要是 HTML、CSS 和 JavaScript，但如果有依赖项，可以使用 npm 安装：

npm install

运行项目

每个项目都是一个独立的组件或应用，可以直接在浏览器中打开对应的 HTML 文件进行预览。例如，打开 day-1/index.html：

open day-1/index.html

应用案例和最佳实践

应用案例

• 自定义光标：在 day-1 中，你可以学习如何创建一个自定义光标，这对于提升用户体验非常有帮助。
• 主题切换器：在 day-2 中，你可以学习如何实现一个简单的主题切换器，这对于多主题网站非常有用。
• 随机爸爸笑话生成器：在 day-3 中，你可以学习如何使用 API 生成随机内容，这对于动态内容展示非常有用。

最佳实践

• 模块化开发：每个项目都是一个独立的模块，这有助于代码的复用和维护。
• 使用现代工具：项目中使用了现代的前端工具和技术，如 CodePen 和 YouTube 视频教程，这有助于快速学习和实践。

典型生态项目

• Web Cifar：Shaif Arfan 的 YouTube 频道和网站，提供了大量的前端开发教程和项目。
• CodePen：项目中的许多组件和应用都在 CodePen 上进行了展示，这是一个非常适合前端开发者和设计师的社区。

通过参与 30days30submits 项目，你不仅能够提升自己的前端开发技能，还能够接触到丰富的生态项目和社区资源。