前端开发者所使用的技术

图片来源: http://www.2n2media.com/compare-front-end-development-and-back-end-development

前端开发者所使用的核心技术有如下这些（建议按顺序进行学习）：

1. 统一资源定位符 (URLs)
2. 超文本传输协议 (HTTP)
3. 超文本标记语言 (HTML)
4. 层叠样式表 (CSS)
5. JavaScript 编程语言 (ECMAScript 262)
6. JavaScript 对象表示法 (JSON)
7. 文档对象模型(DOM)
8. 网络 APIs (HTML5 或者浏览器 APIs)
9. 网络内容可达性指南 (WCAG) & 可访问的富互联网应用 (ARIA)

下面的介绍涵盖了以上技术的定义，相关文档以及具体规范。至于更加详尽的网络开发规范请参看 platform.html5.org。

超文本标记语言 (HTML)

超文本标记语言，通常被称为 HTML，被用作创建网页的标准标记语言。网络浏览器可以读取 HTML 文件并且把它们渲染成可见或可听的网页。HTML 在语义上描述了一个网站的结构，并且隐含了其表现形式，因此是一种标记语言，而非程序语言。

— 维基百科

相关规范／文档：

• W3C HTML 规范大全
• 动态标准中的 HTML 元素
• 全局属性
• W3C 的 HTML 5.2
• HTML 属性参考资料
• HTML 元素参考资料
• HTML 语法 from the Living Standard

层叠样式表 (CSS)

层叠样式表（CSS）是一种样式语言，用来描述使用标记语言编写的文档的外观和格式。尽管样式表通常被用来改变以 HTML 和 XHTML 的方式编写的网页和用户界面的样式，它也能被运用在任何使用 XML 编写的文档中，其中包括 XML，SVG 和 XUL。同 HTML 和 Javascript 一样，CSS 是用以构建具有视觉冲击力的网页和用户界面的基础技术。

— 维基百科

相关规范／文档：

• W3C CSS 规范大全
• 层叠样式表 2.2 (CSS 2.2) 规范
• CSS 参考资料
• 第三代选择器

文档对象模型 (DOM)

文档对象模型（DOM）是一个跨平台并且具有语言无关性的概念，用来表示 HTML，XTHML 以及 XML 文档中的对象以及这类对象的交互方式。每份文档中按照树形结构进行组织的节点，被称为 DOM 树。可以使用 DOM 树中的对象所拥有的方法对该对象进行处理和操作。DOM 的 API 规定了它的公共接口。

— 维基百科

相关规范／文档：

• 文档对象模型 (DOM) 的第三代事件规范
• DOM 动态标准
• W3C DOM4

JavaScript 编程语言 (ECMAScript 262)

JavaScript 是一个高级的、动态的、弱类型的解释性编程语言，被包含在 ECMAScript 的语言规范中。同 HTML 和 CSS 一样，它是万维网内容生产环节必不可少的三种技术之一，被大多数网站所使用，并且在不需要使用插件的情况下被所有现代的浏览器所支持。Javascript 基于原型并且把函数视为头等公民，因此是一种多范式的编程语言，支持面向对象，命令式以及函数式编程风格。它有一个可被用来操作文字，数组，日期以及正则表达式的 API，然而并不包含任何 I/O，因此像建网，存储或者图形工具之类的功能就需要依赖它所在的开发环境。

— 维基百科

相关规范／文档：

• ECMAScript® 2017 语言规范

Web APIs (HTML5 及其他)

当使用 Javascript 给网页编写代码的时候，有许多的 API 可供使用。以下是一张关于所有在开发网站或者网络应用时可以使用的公共接口的表。

— Mozilla

相关文档：

• Web API 公共接口

超文本传输协议 (HTTP)

超文本传输协议（HTTP）是一个为分布式的、协作的、多媒体的信息系统指定的应用协议。HTTP 是万维网数据交流的基础。

— 维基百科

相关规范：

• 超文本传输协议 -- HTTP/1.1
• HTTP/2

统一资源定位符 (URL)

统一资源定位符（URL）也被称为网址，是关于资源的引用，明确了计算机网络资源的地址以及检索该资源的机制。URL 是统一资源标志符（URI）的一种特定类型，尽管许多人认为这两个概念可以互换。URL 表明了获取所需资源的方式，然而并非每个 URI 都会如此。URLs 通常被用于网页（http），与此同时也被用作文件传输（ftp），邮件（mailto），数据库接入（JDBC），以及许多其他的应用。

— 维基百科

相关规范：

• 统一资源定位符 (URL)
• URL 动态标准

JavaScript 对象表示法 (JSON)

Javascript 对象表示法是在异步的浏览器／服务器交流方式（AJAJ）中所使用的主流的数据格式，并且基本上已经取代 XML（被 AJAX 所使用）。虽然 JSON 是从 Javascript 中衍生出的数据格式，但它实际上是独立于语言的。在许多的编程语言中都有现成的，用于解析和生成 JSON 数据的代码。JSON 数据格式的规范最开始是由 Douglas Crockford 制定的，现在被两个互相竞争的标准所描述：RFC 7159 以及 ECMA-404。ECMA 标准更轻量，仅仅规定了可以使用的语法规则；而 RFC 则基于句法上的以及安全上的考量提供了更细致的规范。JSON 官方的网络媒体类型是 application/json。JSON 文件名的后缀是 .json。

— 维基百科

相关规范：

• 介绍 JSON
• JSON API
• 数据交换格式 JSON

网络内容无障碍指南 (WCAG) & 可无障碍访问的富互联网应用 (ARIA)

可达性讨论的是对残障人士友好的产品设计，设备，服务或者环境。无障碍设计通过使用对残障人士友好的技术（例如计算机屏幕读取仪）对“直接访问”（例如，普通人的访问）和“间接访问”进行兼容。

— 维基百科

• 可无障碍访问的富互联网应用 (WAI-ARIA) 现状
• 网络无障碍倡议 (WAI)
• 网络内容无障碍指南 (WCAG) 的现状