欢迎来到 MDN 学习区。这组文章旨在为 Web 开发的完全初学者提供开始编写简单网站的一切所需的知识。

MDN 的这部分内容并不能让你从“新手”变成“专家”,但可以让你对 Web 开发从“一窍不通”到“感觉不错”。这样你就有足够能力自行学习 MDN 的其他部分,也足以学习需要基础知识的中级甚至是进阶资源。

对于完全的初学者,Web 开发可能有些挑战性。我们会提供足够的详细的资料,来帮助你轻松愉快地学习相关主题。无论你是正在学习 Web 开发的学生(自学或者参与课程的方式),寻找课堂材料的老师,还是编程爱好者,抑或仅仅想对 Web 技术有更多了解,你都能找到你所需要的信息。

重要:学习区的内容会定期添加。如果你希望学习区纳入你感兴趣的主题,或者你感觉某些内容遗漏,请到下方 联系我们 一节看看我们的联系方式。

从哪开始?

  • 纯初学者如果你是完全的 Web 初学者,我们建议你首先通读 Web 入门模块。这个模块介绍 Web 开发的实用入门知识。
  • 特定疑问如果你在 Web 开发中产生一些特定的疑问,那么常见问题这个章节或许能解答你的问题。
  • 基础之上如果你已经具备了一些知识,那么下一步应当了解 HTMLCSS 的细节。从 HTML 入门开始,然后到 CSS 入门
  • 编写脚本如果你已经熟悉 HTML 和 CSS ,或者你主要对写程序感兴趣 ,想进行JavaScript或者服务端开发。那么就从 JavaScript 第一步服务端第一步 模块开始了解吧。

注意:你可以在词汇表查询术语定义。

注意:未来我们计划发布更多的核心学习材料,左侧“高级学习材料”菜单指向 MDN 上的其他学习材料;它们虽然不属于“学习区”,但对于你的学习很有帮助。

随机术语词条

Preflight request

涵盖的主题

以下是MDN学习区涵盖的所有主题列表:

Web入门
为初学者提供一个实用的Web开发入门
HTML — 构建网站
HTML是我们用来构造网站内容的不同部分并定义它们的意义或目的的语言。本主题详细讲授HTML。
CSS — 美化网站
我们可以使用CSS这个语言来设计和布局我们的Web内容,以及添加像动画一类的行为。这个主题提供了详细的CSS指导。
JavaScript — 动态客户端脚本语言
JavaScript是用于向Web页面添加动态功能的脚本语言。本主题讲授了编写和理解JavaScript所需的所有基本要点。
Accessibility — 让网站能被任何人使用
可访问性是将Web内容尽可能地提供给尽可能多的人的实践,而不管残疾、设备、地区或其他不同的因素。这个主题给了你所有你需要知道的东西。
工具集与测试
本主题介绍了开发人员用来促进其工作的工具,如跨浏览器测试工具。
服务端网站编程
即使您专注于客户端Web开发,了解服务器和服务器端代码功能如何工作仍然是有用的。本主题提供服务器以及服务端代码特性如何工作的概述,并详细介绍了如何使用最流行的两个框架- Django(Python)以及 Express(node.js)建立一个服务器端的应用程序。 

获取我们的示例代码

你在学习过程中遇到的代码示例,都可以在GitHub上获得。如果你想把代码复制到你的个人电脑上,最简单的方法是:

  1. 在你的电脑上安装Git,这是GitHub使用的版本控制系统软件。
  2. 注册一个GitHub账号
  3. 注册成功后,使用你的用户名和密码登录到github.com
  4. 打开你的计算机命令提示符(Windows)或终端(Linux, MacOSX)。
  5. 在想要保存示例代码的目录里,打开命令 提示符/终端 ,输入以下指令:
    git clone https://github.com/mdn/learning-area
  6. 恭喜你,现在你可以进入该目录并查看所有示例代码。(使用 finder/file explorercd命令)

你可以更新learning-area里的示例代码,使用以下步骤:

在你的终端中,使用cd命令进入learning-area所在目录。例如,如果你在父目录中:

  1. cd learning-area
  2. 使用以下命令更新:
    git pull

联系我们

如果你想与我们联系交流,最好的方式是通过邮件列表或者 IRC 频道留下消息。不论你觉得网站上有哪里错误或遗漏,希望看到新的学习主题,对自己不理解的内容求助,还是有其他任何想法,都欢迎你联络我们。

如果你有兴趣帮助我们开发、改进社区内容,请看一下如何帮助并联系我们。无论你是学生、老师、经验丰富的 Web 开发者,还是想通过帮助我们以提升自我学习经验,我们都欢迎你的参与!

另见

Mozilla 开发者新闻报
我们为 Web 开发者编写的新闻报,对各种水平的开发者都很有用。
Codecademy
很棒的交互式学习网站,帮你从头开始学习编程语言。
Code.org
基本的编程理论和实战,主要面向儿童与完全初学者。
FreeCodeCamp.org
使用教程和项目练习,来学习 Web 开发的交互式网站。
Web Literacy Map
Web 素养与21世纪常用技能的入门级框架,同时提供分门别类的教学活动。
Mozilla 教学活动
由 Mozilla 基金会创建的一系列教学与学习活动,介绍了基本 Web 素养、隐私权、JavaScript、如何捣鼓 Minecraft 等等。