前端開發(fā)者所使用的技術(shù)

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

前端開發(fā)者所使用的核心技術(shù)有如下這些（建議按順序進行學(xué)習(xí)）：

1. 統(tǒng)一資源定位符 (URLs)
2. 超文本傳輸協(xié)議 (HTTP)
3. 超文本標記語言 (HTML)
4. 層疊樣式表 (CSS)
5. JavaScript 編程語言 (ECMAScript 262)
6. JavaScript 對象表示法 (JSON)
7. 文檔對象模型(DOM)
8. 網(wǎng)絡(luò) APIs (HTML5 或者瀏覽器 APIs)
9. 網(wǎng)絡(luò)內(nèi)容可達性指南 (WCAG) & 可訪問的富互聯(lián)網(wǎng)應(yīng)用 (ARIA)

下面的介紹涵蓋了以上技術(shù)的定義，相關(guān)文檔以及具體規(guī)范。至于更加詳盡的網(wǎng)絡(luò)開發(fā)規(guī)范請參看 platform.html5.org。

超文本標記語言 (HTML)

超文本標記語言，通常被稱為 HTML，被用作創(chuàng)建網(wǎng)頁的標準標記語言。網(wǎng)絡(luò)瀏覽器可以讀取 HTML 文件并且把它們渲染成可見或可聽的網(wǎng)頁。HTML 在語義上描述了一個網(wǎng)站的結(jié)構(gòu)，并且隱含了其表現(xiàn)形式，因此是一種標記語言，而非程序語言。

— 維基百科

相關(guān)規(guī)范／文檔：

• W3C HTML 規(guī)范大全
• 動態(tài)標準中的 HTML 元素
• 全局屬性
• W3C 的 HTML 5.2
• HTML 屬性參考資料
• HTML 元素參考資料
• HTML 語法 from the Living Standard

層疊樣式表 (CSS)

層疊樣式表（CSS）是一種樣式語言，用來描述使用標記語言編寫的文檔的外觀和格式。盡管樣式表通常被用來改變以 HTML 和 XHTML 的方式編寫的網(wǎng)頁和用戶界面的樣式，它也能被運用在任何使用 XML 編寫的文檔中，其中包括 XML，SVG 和 XUL。同 HTML 和 Javascript 一樣，CSS 是用以構(gòu)建具有視覺沖擊力的網(wǎng)頁和用戶界面的基礎(chǔ)技術(shù)。

— 維基百科

相關(guān)規(guī)范／文檔：

• W3C CSS 規(guī)范大全
• 層疊樣式表 2.2 (CSS 2.2) 規(guī)范
• CSS 參考資料
• 第三代選擇器

文檔對象模型 (DOM)

文檔對象模型（DOM）是一個跨平臺并且具有語言無關(guān)性的概念，用來表示 HTML，XTHML 以及 XML 文檔中的對象以及這類對象的交互方式。每份文檔中按照樹形結(jié)構(gòu)進行組織的節(jié)點，被稱為 DOM 樹?？梢允褂?DOM 樹中的對象所擁有的方法對該對象進行處理和操作。DOM 的 API 規(guī)定了它的公共接口。

— 維基百科

相關(guān)規(guī)范／文檔：

• 文檔對象模型 (DOM) 的第三代事件規(guī)范
• DOM 動態(tài)標準
• W3C DOM4

JavaScript 編程語言 (ECMAScript 262)

JavaScript 是一個高級的、動態(tài)的、弱類型的解釋性編程語言，被包含在 ECMAScript 的語言規(guī)范中。同 HTML 和 CSS 一樣，它是萬維網(wǎng)內(nèi)容生產(chǎn)環(huán)節(jié)必不可少的三種技術(shù)之一，被大多數(shù)網(wǎng)站所使用，并且在不需要使用插件的情況下被所有現(xiàn)代的瀏覽器所支持。Javascript 基于原型并且把函數(shù)視為頭等公民，因此是一種多范式的編程語言，支持面向?qū)ο?，命令式以及函?shù)式編程風(fēng)格。它有一個可被用來操作文字，數(shù)組，日期以及正則表達式的 API，然而并不包含任何 I/O，因此像建網(wǎng)，存儲或者圖形工具之類的功能就需要依賴它所在的開發(fā)環(huán)境。

— 維基百科

相關(guān)規(guī)范／文檔：

• ECMAScript? 2017 語言規(guī)范

Web APIs (HTML5 及其他)

當(dāng)使用 Javascript 給網(wǎng)頁編寫代碼的時候，有許多的 API 可供使用。以下是一張關(guān)于所有在開發(fā)網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用時可以使用的公共接口的表。

— Mozilla

相關(guān)文檔：

• Web API 公共接口

超文本傳輸協(xié)議 (HTTP)

超文本傳輸協(xié)議（HTTP）是一個為分布式的、協(xié)作的、多媒體的信息系統(tǒng)指定的應(yīng)用協(xié)議。HTTP 是萬維網(wǎng)數(shù)據(jù)交流的基礎(chǔ)。

— 維基百科

相關(guān)規(guī)范：

• 超文本傳輸協(xié)議 -- HTTP/1.1
• HTTP/2

統(tǒng)一資源定位符 (URL)

統(tǒng)一資源定位符（URL）也被稱為網(wǎng)址，是關(guān)于資源的引用，明確了計算機網(wǎng)絡(luò)資源的地址以及檢索該資源的機制。URL 是統(tǒng)一資源標志符（URI）的一種特定類型，盡管許多人認為這兩個概念可以互換。URL 表明了獲取所需資源的方式，然而并非每個 URI 都會如此。URLs 通常被用于網(wǎng)頁（http），與此同時也被用作文件傳輸（ftp），郵件（mailto），數(shù)據(jù)庫接入（JDBC），以及許多其他的應(yīng)用。

— 維基百科

相關(guān)規(guī)范：

• 統(tǒng)一資源定位符 (URL)
• URL 動態(tài)標準

JavaScript 對象表示法 (JSON)

Javascript 對象表示法是在異步的瀏覽器／服務(wù)器交流方式（AJAJ）中所使用的主流的數(shù)據(jù)格式，并且基本上已經(jīng)取代 XML（被 AJAX 所使用）。雖然 JSON 是從 Javascript 中衍生出的數(shù)據(jù)格式，但它實際上是獨立于語言的。在許多的編程語言中都有現(xiàn)成的，用于解析和生成 JSON 數(shù)據(jù)的代碼。JSON 數(shù)據(jù)格式的規(guī)范最開始是由 Douglas Crockford 制定的，現(xiàn)在被兩個互相競爭的標準所描述：RFC 7159 以及 ECMA-404。ECMA 標準更輕量，僅僅規(guī)定了可以使用的語法規(guī)則；而 RFC 則基于句法上的以及安全上的考量提供了更細致的規(guī)范。JSON 官方的網(wǎng)絡(luò)媒體類型是 application/json。JSON 文件名的后綴是 .json。

— 維基百科

相關(guān)規(guī)范：

• 介紹 JSON
• JSON API
• 數(shù)據(jù)交換格式 JSON

網(wǎng)絡(luò)內(nèi)容無障礙指南 (WCAG) & 可無障礙訪問的富互聯(lián)網(wǎng)應(yīng)用 (ARIA)

可達性討論的是對殘障人士友好的產(chǎn)品設(shè)計，設(shè)備，服務(wù)或者環(huán)境。無障礙設(shè)計通過使用對殘障人士友好的技術(shù)（例如計算機屏幕讀取儀）對“直接訪問”（例如，普通人的訪問）和“間接訪問”進行兼容。

— 維基百科

• 可無障礙訪問的富互聯(lián)網(wǎng)應(yīng)用 (WAI-ARIA) 現(xiàn)狀
• 網(wǎng)絡(luò)無障礙倡議 (WAI)
• 網(wǎng)絡(luò)內(nèi)容無障礙指南 (WCAG) 的現(xiàn)狀