1. 程式人生 > >學習“前端開發手冊”筆記

學習“前端開發手冊”筆記

原文章:https://dwqs.gitbooks.io/frontenddevhandbook/content/

製作一個性能高、互動好、視覺美的頁面,需要從前端框架選型、架構設計、構建工具,到後端通訊機制、設計與互動、網路和瀏覽器優化等各方面的知識。

前端開發者常用的網路技術如下:

  • Hyper Text Markup Language(超文字標記語言, 又稱 HTML)
  • Cascading Style Sheets (層疊式樣式表, 又稱 CSS)
  • Document Object Model (文件物件模型, 又稱 DOM)
  • JavaScript Programming Language (JavaScript程式語言, 又稱: ECMAScript 6, ES6, JavaScript 2015)
  • Web API’s (Web應用程式介面, 又稱 HTML5 API 或瀏覽器 API)
  • Hypertext Transfer Protocol (超文字傳輸協議, 又稱 HTTP)
  • Uniform Resource Locator’s (統一資源定位符, 又稱 URL)
  • JavaScript Object Notation (JavaScript物件表示, 又稱 JSON)
  • Web Content Accessibility Guidelines (網頁內容無障礙設計指南, 又稱 WCAG) & Accessible Rich Internet Applications (富Internet應用程式的無障礙設計, 又稱 ARIA)

html

超文字標記語言, 通常被稱為 HTML, 是被用於建立網頁的標準標記語言. Web瀏覽器能將 HTML 檔案渲染成可見的或者可聽到的.

CSS

用來改變用 HTML 和 XHTML 編寫的網頁和使用者介面的樣式, 但也可用於任何 XML 文件, 包括純 XML, SVG 和 XUL.
建立富有吸引力的網頁, 使用者介面的一種基礎技術, 也為許多移動應用程式建立使用者介面

DOM

文件物件模型用於代表和物件互動的HTML, XHTML 和 XML 文件, 是一種跨平臺和語言無關性的約定. 每一份文件的所有節點被組織成一種樹結構, 稱為 DOM 樹. DOM 物件通過使用物件上的方法被處理和操作, 一個 DOM 物件的公共介面被指定為它的應用程式程式設計介面(API)

JavaScript

是一種高階的, 動態的, 無型別的和解釋型的程式語言, 它已經在 ECMAScript 語言規範中被標準化. 跟 HTML 和 CSS 一樣, JavaScript 是 WWW 內容生成的第三種必不可少的技術; 大多數的網會使用Javascript, 並且 Javascript 被所有現在Web瀏覽器支援. JavaScript 基於原型和函式優先的特點, 使它成為多範型的語言, 支援面向物件的, 命令式的, 和函數語言程式設計風格. JavaScript 能提供 API 來處理文字, 陣列, 日期和正則表示式, 但不包括任何 I/O, 如網路, 儲存或圖形工具, 對這些的依賴取決於宿主環境中嵌入了什麼

Web API’s (Web應用程式介面, 又稱 HTML5 API)

當使用 JavaScript 為Web程式寫程式碼時, 有很多不錯的 API 是可以利用的.

Hypertext Transfer Protocol (超文字傳輸協議, 又稱 HTTP)

超文字傳輸協議是一個用於分散式, 協作和超媒體資訊系統的應用協議, 是 WWW 資料通訊的基礎.

Uniform Resource Locator’s (統一資源定位符, 又稱 URL)

一個 URL (也稱Web地址)是一個資源引用, 指定了資源在計算機網路和檢索機制中的位置. 與之類似的概念是 Uniform Resource Identifier(URI), 儘管許多人認為兩個術語可以互換使用, 但 URL 是統一資源識別符號( URI )[3] 的具體型別. 一個 URL 意味著一種訪問資源量的方式, 但這並不適用於 URI. [4][5]URL 不僅常用於引用一個網頁(http), 也可用於檔案傳輸(ftp), 郵件(mailto), 資料庫訪問(JDBC) 和許多其它應用.

JavaScript Object Notation (JavaScript物件表示, 又稱 JSON)

JSON, 有時也稱 JavaScript 物件表示, 是一種使用人類可讀的文字傳輸由鍵值對組成的資料物件的開放格式. 對於非同步瀏覽器/伺服器通訊(AJAJ), JSON 是主要的資料格式, 很大程度上代替了 XML(AJAX). 儘管最初是從 JavaScript 指令碼語言衍生而來, 但是 JSON 是語言無關性的資料格式, 在許多程式語言中, 程式碼解析和生成 JSON 是很容易的. JSON 的格式最初是由 Douglas Crockford 指定的, 但目前卻被描述成兩種標準: RFC 7159 和 ECMA-404. ECMA 標準只允許被合法的語法語句描述, 而 RFC 則提供了一些語義化描述和安全考慮. JSON 的官方網路媒體型別 application / JSON, 副檔名是 .json. - wikipedia.org

Web Content Accessibility Guidelines (網頁內容無障礙設計指南, 又稱 WCAG) & Accessible Rich Internet Applications (富Internet應用程式的無障礙設計, 又稱 ARIA)

無障礙設計是指產品, 裝置, 服務, 或者環境是為殘疾人設計的. 無障礙設計的概念意味著與一個人的輔助技術(例如, 電腦螢幕閱讀器)相相容, 確保直接訪問(即獨立)和"間接訪問".

在這裡插入圖片描述

web資源
https://github.com/lyfeyaj/awesome-resources#javascript
http://hao.jobbole.com/?catid=67