Appearance
学习资源
收录前端和全栈开发领域的优质学习平台、官方文档、学习路线图和练习资源，帮助构建系统化的技术知识体系。
官方文档与参考手册
MDN Web Docs
Mozilla 维护的 Web 技术权威文档，覆盖 HTML、CSS、JavaScript、Web API 的完整参考文档和教程，内容准确权威，示例代码丰富，支持中文，是前端开发的"圣经级"参考手册，遇到任何 Web 标准问题首查 MDN。
亮点：内容权威，示例丰富，中文支持完善
DevDocs
将数百个技术文档整合在统一界面的离线文档平台，支持 React、Vue、Node.js、Python、Go、Rust 等几乎所有主流技术栈，全局搜索，支持离线缓存，查阅效率远超分散访问各官网。
亮点：多技术文档统一搜索，离线可用，加载速度快
W3Schools
面向初学者的 Web 技术学习平台，内容简洁易懂，每章节附有可运行的在线编辑器（Try it Yourself），适合快速上手 HTML、CSS、JavaScript、SQL 等基础技术，不适合作为严格的技术参考（部分内容已过时，建议配合 MDN 使用）。
交互式学习平台
freeCodeCamp
完全免费的全栈开发学习平台，提供响应式 Web、JavaScript、前端框架、后端开发、数据可视化等多条完整学习路径，通过完成挑战和项目获取认证，适合零基础系统学习，完成后可获得免费认证证书。
亮点：完全免费，课程体系完整，项目驱动学习
The Odin Project
社区驱动的免费全栈 Web 开发课程，以项目实战为核心，要求学生真实构建项目（托管在 GitHub），覆盖 HTML/CSS、JavaScript、Ruby on Rails 或 Node.js 全栈，学习路径清晰，社区活跃，被认为是最接近真实工作场景的免费课程。
亮点：项目驱动，社区活跃，学习路径清晰
Scrimba
交互式编程学习平台，独创的"Scrim"格式允许学习者在视频中直接修改代码并运行，覆盖 HTML、CSS、JavaScript、React、TypeScript 等前端技术，部分课程免费，AI 助手可实时回答学习问题。
亮点：视频内直接编码，AI 学习助手，前端课程质量高
Codecademy
在浏览器内边学边练的交互式编程学习平台，覆盖 Python、JavaScript、SQL、Git 等多种技术，课程体系完整，即时反馈学习进度，适合编程零基础的初学者入门，部分课程需付费订阅。
LeetCode
全球最大的算法刷题平台，收录 3,000+ 编程题目，按难度和类型分类，提供完善的在线评测环境，是备战技术面试的核心平台。中文版（力扣）提供中文题目说明和讨论区，内容与国际版同步。
亮点：题库最全，面试必备，讨论区解题思路丰富
学习路线图
roadmap.sh
社区维护的开发者学习路线图平台，提供前端、后端、全栈、DevOps、AI/ML、Android 等 30+ 条清晰的可视化学习路径，每个节点标注推荐学习资源，并区分"必学"和"可选"，是制定个人学习计划的最佳参考。
亮点：路线图最权威，覆盖方向最全，持续社区更新
Developer Roadmaps（GitHub）
roadmap.sh 的 GitHub 仓库，Star 数超过 30 万，是 GitHub 上最受关注的项目之一，直接访问仓库可获取最新的路线图 PDF 版本，方便离线查看。
视频教程
YouTube 技术频道推荐
无需订阅的免费视频教程，以下频道质量稳定：
| 频道 | 内容方向 |
|---|---|
| Traversy Media | 全栈 Web 开发入门教程 |
| Fireship | 100 秒技术速览 + 深度教程 |
| Web Dev Simplified | JavaScript 和 React 教程 |
| Kevin Powell | CSS 深度解析，CSS 权威 |
| The Primeagen | 算法、性能和工程师成长 |
| Theo - t3.gg | 现代 Web 技术选型和趋势 |
哔哩哔哩技术内容
国内高质量技术学习视频的主要分布平台，推荐搜索关键词：
- 前端：尚硅谷前端、技术蛋老师、渡一Web前端
- 算法：左神算法、代码随想录
- 后端：黑马程序员、尚硅谷Java
- 计算机基础：小林coding、正月点灯笼
练习与实战
Frontend Mentor
前端项目练习平台，提供真实的设计稿和挑战，要求开发者自行实现页面，完成后可提交代码接受社区反馈，是填补"学了理论但不会做项目"空缺的最佳平台，有免费和付费两个级别的挑战。
亮点：真实设计稿，社区代码 Review，项目难度从易到难
CSS Battle
以竞技游戏形式练习 CSS 的平台，给定目标图形，用尽可能少的 CSS 代码实现，通过分数排名激励学习，非常适合在趣味竞赛中强化 CSS 技巧，有助于深入理解各种 CSS 属性和选择器。
JavaScript30
Wes Bos 出品的免费 30 天 JavaScript 挑战，每天用原生 JS 构建一个小项目（鼓机、时钟、拖拽排序等），强调不依赖任何框架和库，深度练习 DOM 操作和原生 JS 能力，完全免费。
Exercism
免费的编程练习平台，支持 67 种编程语言，完成题目后可查看社区其他人的解法并接受真人导师（Mentors）的代码反馈，是练习新语言和提升代码质量的好工具，完全免费。
亮点：多语言支持，真人 Mentor 反馈，开源免费
计算机基础
CS50
哈佛大学免费开放的计算机科学入门课程，是全球最受欢迎的 MOOC 课程之一，涵盖算法、数据结构、Web 开发、Python、SQL 等内容，通过 edX 平台提供，完成后可获得证书（付费）。
Teach Yourself CS
自学计算机科学的权威指南，列出了计算机科学核心方向（编程、算法、操作系统、计算机网络等）的最佳学习资源，帮助自学开发者系统补充 CS 基础知识，被广泛认为是最权威的 CS 自学路线图。