学习资源
自学阶段的主力是 YouTube 等平台的速成视频（常见约 60 分钟，一次一个框架或技术栈），以及 图文教程。下面是部内用过、觉得不错的链接；标 （英文） / （中文） 方便按语言选择。
视频
前端基础
| 主题 | 链接 | 说明 |
|---|---|---|
| HTML 入门 （英文） | HTML Tutorial for Beginners: HTML Crash Course | Programming with Mosh，约 70 分钟，HTML 速成 |
| JavaScript 入门 （英文） | JavaScript Course for Beginners | Programming with Mosh，约 48 分钟，JS 基础（变量、函数、对象等） |
| CSS 入门 （英文） | Learn CSS in 1 hour | Bro Code，约 60 分钟，CSS 速成 |
| 前端入门 （中文） | 3 小时前端入门教程（HTML+CSS+JS） | 哔哩哔哩，分集讲解，零基础友好，约 3 小时 |
框架
| 主题 | 链接 | 说明 |
|---|---|---|
| React 入门 （英文） | Learn React With This ONE Project | Tech With Tim，约 100 分钟，通过一个完整小项目学 React。对 官网 感兴趣的同学可以自学（官网为 React SPA） |
| Next.js 入门 （英文） | Next.js Tutorial for Beginners (App Router + TypeScript) | Programming with Mosh，约 63 分钟，Next.js 13 App Router。少数派抽奖、文档站 等使用 Next.js 的项目可参考 |
后端与数据
| 主题 | 链接 | 说明 |
|---|---|---|
| Django 入门 （英文） | Django Tutorial for Beginners – Build Powerful Backends | Programming with Mosh，约 63 分钟，Python Django 后端速成 |
| SQL 入门 （英文） | SQL Course for Beginners (Full Course) | Programming with Mosh，完整课程约 3 小时（链接含起始时间点） |
| Redis 入门 （英文） | Redis Crash Course | Web Dev Simplified，约 28 分钟，缓存、常用命令与 Node.js 示例。少数派抽奖 等使用 Redis 的项目可参考 |
Git / 协作
| 主题 | 链接 | 说明 |
|---|---|---|
| Git 协作 （英文） | How To Use Git to Collaborate with Others | HenrikM Dev，约 17 分钟，branch、merge、pull request 协作流程 |
官方文档（查 API / 配置时用）
速成视频适合入门；接项目或改配置时，以各框架官方文档为准。部内各系统的完整上游链接见各系统 index 或 Overview 下的 Tech Stack / 上游与参考（如 官网、文档站、抽奖、GPT）。
| 主题 | 官方文档 | 说明 |
|---|---|---|
| HTML / CSS / JS | MDN Web 文档 | 前端基础查阅 |
| React | react.dev | 官网 技术栈 |
| Next.js | nextjs.org/docs | 抽奖 等 Next 项目 |
| Docusaurus | docusaurus.io/docs | 文档站 |
| Django | docs.djangoproject.com | Python 后端（按需） |
| SQL | PostgreSQL 教程 | 抽奖等使用 PostgreSQL 时可对照 |
| Redis | redis.io/docs | 抽奖 等使用 Redis 的项目 |
| Git | git-scm.com/doc | 命令与概念 |
| Socket.IO | socket.io/docs/v4 | 实时通信（接抽奖等项目前） |
| SFTPGo | docs.sftpgo.com | 网盘文档 上游 |
图文教程（待补充）
eboard 可在此补充博客、课程等非官方链接。
| 主题 | 链接 | 说明 |
|---|---|---|
建议学习顺序
- HTML / CSS / JS — 从上表选一条英文速成，或跟完中文 3 小时系列。
- Git — 跟完 Git 协作，再在 GitHub 上练 clone / PR。
- 框架 — 官网方向跟 React 入门；Next.js 项目（抽奖、文档站等）跟 Next.js 入门。
- 后端与数据（按需）— Django / SQL / Redis，接相关项目前再学即可。
- 部内练手 — 本地改 官网 或 文档站，并阅读 开发规范与 AI 使用。
和 AI 工具配合
- 看视频/教程时，用 Cursor / Claude 问不懂的概念，比纯看完印象更深。
- 在部内 repo 练手时，AI 辅助写代码可以，但须满足 开发规范 里的「能解释」要求。
待补充
eboard 可将更多播放列表、博客、课程链接填进 图文教程 一节；官方文档表随部内技术栈变化可酌情增删。