学习前端开发，最核心的路线是掌握 HTML、CSS、JavaScript 三大基础，然后再进阶学习主流框架。为了方便你一站式直达权威的学习资源，我为你整理了前端开发最核心的官方文档与教程入口：
🌐 前端三件套（核心基础）
无论你以后使用哪个框架，这三项是永远的基石。首推 MDN Web Docs（Mozilla 开发者网络），它是前端界公认最权威、最完善的官方级文档。
-
HTML (超文本标记语言)
-
官方文档/教程 ：MDN - HTML
-
新手入门指南 ：MDN - HTML 学习区
-
简介：负责网页的结构和内容，比如标题、段落、图片、链接等。
-
-
CSS (层叠样式表)
-
官方文档/教程 ：MDN - CSS
-
新手入门指南 ：MDN - CSS 构建
-
简介：负责网页的外观和布局，比如颜色、字体、间距、动画等。
-
-
JavaScript (JS)
-
官方文档/教程 ：MDN - JavaScript
-
新手入门指南 ：MDN - 创建 JavaScript 代码块
-
简介：负责网页的交互和行为，是让网页"动"起来的关键编程语言。
-
🚀 主流前端框架（进阶必学）
掌握了基础后，企业级开发通常需要借助高效的框架。目前市场上占有率最高的是 Vue 和 React。
-
Vue.js
-
官方文档（中文） ：Vue.js 官方文档
-
在线演练场 ：Vue SFC Playground
-
简介：一款渐进式 JavaScript 框架，易学易用，性能出色，适合从简单到复杂的各种项目。
-
-
React
-
官方文档（中文） ：React 官方中文文档
-
在线演练场：内置在官方文档中（文档内含 600+ 个交互式示例）
-
简介：由 Meta (Facebook) 维护，目前最流行的前端库/框架之一，生态极其丰富，全面拥抱 Hooks 现代化开发。
-
💡 学习建议：
如果你是零基础入门，强烈建议先老老实实啃完 MDN 上的 HTML、CSS 和 JS 基础，不要一上来就直接碰框架。基础打牢后，再看框架文档就会觉得非常轻松，直奔框架的"快速上手"和"教程"部分动手跟着敲代码即可。