圖片來(lái)源: http://www.2n2media.com/compare-front-end-development-and-back-end-development

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

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

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

超文本標(biāo)記語(yǔ)言 (HTML)

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

— 維基百科

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

• W3C HTML 規(guī)范大全
• 動(dòng)態(tài)標(biāo)準(zhǔn)中的 HTML 元素
• 全局屬性
• W3C 的 HTML 5.2
• HTML 屬性參考資料
• HTML 元素參考資料
• HTML 語(yǔ)法 from the Living Standard

層疊樣式表 (CSS)

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

— 維基百科

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

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

文檔對(duì)象模型 (DOM)

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

— 維基百科

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

• 文檔對(duì)象模型 (DOM) 的第三代事件規(guī)范
• DOM 動(dòng)態(tài)標(biāo)準(zhǔn)
• W3C DOM4

JavaScript 編程語(yǔ)言 (ECMAScript 262)

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

— 維基百科

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

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

Web APIs (HTML5 及其他)

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

— Mozilla

相關(guān)文檔：

• Web API 公共接口

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

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

— 維基百科

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

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

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

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

— 維基百科

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

• 統(tǒng)一資源定位符 (URL)
• URL 動(dòng)態(tài)標(biāo)準(zhǔn)

JavaScript 對(duì)象表示法 (JSON)

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

— 維基百科

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

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

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

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

— 維基百科

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