30 Seconds of Code

项目简介

30 Seconds of Code 是一个面向开发者的代码文章合集，主打「用 30 秒读完一篇」的轻量学习体验。每篇文章围绕一个具体问题，给出可复用的代码片段、解释与示例，覆盖 JavaScript、CSS、HTML、Git、Node.js 等主题。

项目官网为 30secondsofcode.org，所有文章均可在网站上按名称、标签、语言或描述检索。

内容组织方式

• 文章（Snippets）：单篇聚焦一个知识点或技巧，篇幅短小。
• 合集（Collections）：按主题聚合的相关文章，便于系统浏览。
• 标签与语言筛选：通过标签、语言、描述快速定位所需内容。

每张卡片点开后可以看到完整文章，包括代码片段、解释和运行示例。

适合谁使用

• 想快速查阅常见写法与技巧的开发者；
• 正在学习 JavaScript、CSS 等前端基础的学习者；
• 需要为团队分享准备短小素材的技术负责人；
• 希望积累个人代码片段库的工程师。

使用方式示意

项目本身以网站为主要入口，仓库主要用于内容维护与问题反馈。典型使用流程如下：

1. 打开 30secondsofcode.org
2. 按语言 / 标签 / 关键词搜索
3. 点击卡片查看文章与代码片段
4. 复制片段到自己的项目中按需调整

贡献与许可

• 当前不接受新的内容贡献，但可以通过 Issue 反馈网站问题或提出改进建议。
• 所有代码片段采用 CC-BY-4.0 许可，除非另有说明。
• 网站基于 Netlify、Astro 与 GitHub 构建。

注意事项

项目以英文内容为主，阅读时需要一定的英文基础；代码片段偏技巧性，建议结合实际项目理解其适用边界，而非盲目复制。