View in English Always switch to English

学习 Web 开发

欢迎来到 MDN 学习区。本系列文章意在为 Web 开发的纯新手提供编写网站的基本技巧，而非意在让你从“新手”变成“专家”，但能让你从“新手”变得“熟练”。从那之后，你就能开始以你自己的方式学习 MDN 的其余部分，和其他需要大量前置知识的中高级资源。

从零开始学习 Web 开发极具挑战性，该教程将为你提供详细的资料，手把手帮助你轻松愉快地学习。无论你是正在学习 Web 开发的学生（自学或参与课程）、寻找材料的老师、编程爱好者，抑或是仅想进一步了解 Web 技术的工作原理，我们都希望你能感到宾至如归。

学习起点

你要是还不确定是否要深入地学习 Web 开发，仅想从体验环节开始，我们会建议你从 Web 入门指南开始学习。除此之外，你应该从下面的主题开始学习。

HTML 和 CSS: HTML 为 Web 内容提供结构，而 CSS 为 Web 内容添加样式并对 Web 内容进行布局。在 HTML 简介和 CSS 第一步中学习基本的入门知识。
JavaScript: JavaScript 为网站提供交互功能。从 JavaScript 第一步开始学习。
框架和工具: 掌握原生 HTML、CSS 和 JavaScript 的基本知识之后，你应该学习客户端 Web 开发工具，接着考虑钻研客户端 JavaScript 框架。你也应该考虑学习服务器端网站编程的基础知识。

备注： 在术语表中能找到术语定义。此外，要是有和 Web 开发相关的特定问题，常见问题中的内容也许会帮助到你。

你要是想成为一名前端 Web 开发者，但不确定该从哪开始学习，我们会建议使用 MDN 课程作为你的学习计划。它提供一个结构化的学习路径，包含：成为一名成功的前端开发者所需的基本技巧和练习，以及推荐学习资源。

下面列表包含 MDN 学习区全部的主题。

Web 入门: 为纯新手提供实用的 Web 开发介绍。
HTML——为 Web 提供结构: HTML 是用于构建内容的不同部分并定义其含义或目的的语言。该主题将详细讲解 HTML。
CSS——为 Web 提供样式: CSS 是用于为 Web 内容添加样式、对 Web 内容进行布局、添加诸如动画的行为的语言。该主题对 CSS 做了全面的覆盖。
JavaScript——动态客户端脚本语言: JavaScript 是用于为 Web 页面添加动态功能的脚本语言。该主题涵盖有关编写和理解 JavaScript 代码所需的全部重点。
Web 表单——操作用户数据: Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。该主题涵盖 Web 表单的结构、样式和交互相关的全部要点。
无障碍——让每个人都能使用 Web: 无障碍是让更多的人不受残疾、设备、地区等因素的限制都能访问 Web 内容的实践。该主题包含一切所需了解的信息。
Web 性能优化——让网站更快做出响应: Web 性能是确保 Web 应用的快速下载并对用户操作进行快速响应的艺术，而无论用户的带宽大小、屏幕尺寸、网络状态好坏或是设备性能高低。
MathML: MathML 是用于在 Web 页面中书写数学公式的语言（使用分数、上下标、根号、矩阵、积分、级数，等等）。该主题讲解 MathML。