30天30提交：HTML、CSS与JavaScript技能提升挑战项目指南

30天30提交：HTML、CSS与JavaScript技能提升挑战项目指南

30days30submits This is a challenge that I took to boost my HTML, CSS & JS skills. I made 30 submits and they are basically some little components or js apps. 项目地址: https://gitcode.com/gh_mirrors/30/30days30submits

该项目是由Shaif Arfan发起的一项挑战，旨在通过连续30天的小型项目提交来增强HTML、CSS和JavaScript技能。以下是该项目的关键要素概述：

1. 目录结构及介绍

30days30submits/
│  
├── day-01            <- 第一天的项目代码
│   ├── index.html    
│   └── script.js    
├── day-02
│   ├── style.css
│   ├── index.html    
│   └── script.js    
...
├── README.md         <- 主要的说明文档，概述了挑战的细节和每个项目的简述
├── LICENSE           <- 项目遵循的MIT许可协议
└── banner.png        <- 可能是项目展示或作者标识的图片

每一个子目录对应着一个独立的挑战项目，通常包括HTML、CSS和JavaScript文件。这些项目从小型网站组件到简单的JavaScript应用不等。

2. 项目的启动文件介绍

在每个“day-n”（如day-01）的目录下，主要的启动文件通常是index.html。这个文件定义了网页的基础结构，是用户首先加载的文档，包含了项目的前端展示和交互逻辑的入口。对于那些涉及动态功能的项目，还会有一个或多个.js（JavaScript）文件，用于实现交互逻辑。

例如，在第一天的项目“Custom Cursor”，启动流程是从加载index.html开始，其中JavaScript部分可能位于同一目录下的script.js。

3. 项目的配置文件介绍

该项目的配置相对简单，没有传统意义上的复杂配置文件。其核心配置信息主要是README.md，这里详细记录了挑战目标、项目列表及其预览、YouTube视频教程链接等。此外，遵守的许可证文件LICENSE可以视为一种规范性配置，它定义了软件的使用权限和条件。

由于本项目是基于GitHub进行管理和分享，因此，项目的“配置”更多体现在Git提交历史、GitHub仓库设置（如分支策略、自动化工作流等），以及项目页面上的元数据设置。然而，这些不是以单独文件的形式直接提供给终端用户的。

---

此文档提供了一个概览性质的指导，帮助理解【30天30提交】挑战项目的组织结构和基本元素。开发者通过阅读README.md文件和直接查看源码，能够快速上手并学习每个小项目。

30days30submits This is a challenge that I took to boost my HTML, CSS & JS skills. I made 30 submits and they are basically some little components or js apps. 项目地址: https://gitcode.com/gh_mirrors/30/30days30submits