掌握11項技能，你就是優秀的前端開發工程師

你也許會以爲前端開發是一個很簡單的工做，對呀，你就是剛剛從網頁設計轉型過來的。但當你深刻其中時，必定會發現好像前端開發不是那麼簡單，光網站性能優化、響應式、框架就讓你焦頭爛額。確實，作前端開發就是先易後難，想成爲一個優秀的前端開發，沒有那麼簡單。

不過，天下事難則不會，會則不難，你只須要掌握11項技能就能夠成爲前端「大拿」，下面，就告訴你這11項技能是什麼？以及每項技能的要點，最後是相關的專業圖書。

入門必備的技能：

第1項技能：HTML超文本標記語言：

技能要點：

HTML文件的結構

HTML文件的編寫方法

HTML基本標記

文字與段落標記

框架

使用表單

XHTML頁面結構

第2項技能：JavaScript腳本

技能要點：

JavaScript基本語法

流程控制

函數

對象與數組

程序調試與錯誤處理

事件處理

處理文檔對象

文檔對象模型

window窗口對象

第3項技能：CSS網頁樣式佈局

技能要點：

CSS定位與div佈局

div 標記與 span 標記

CSS+div美化與佈局

CSS與JavaScript的綜合應用

CSS與XML的綜合運用

CSS與Ajax的綜合應用

 

晉級提高必會的技能

第4項技能：HTML5開發技能

技能要點：

HTML5語法

新增的input輸入類型

新增的form元素

HTML5音頻與視頻

HTML5多媒體技術

Web存儲

WebSQL混合開發

Workers多線程處理

第5項技能：經常使用Javascript框架

技能要點：

jQuery框架

Prototype框架

YUI框架

ExtJS框架

Dojo框架

第6項技能：Javascript Ajax應用

技能要點：

JavaScript的經常使用對象

DOM文檔對象模型

XML請求與響應

JSON

Post/Get請求

成爲優秀的前端開發必會的技能

第7項技能：響應式Web設計

技能要點：

Range對象與Selection對象

學會繪製圖形

History API

CSS 3 模塊與模塊化結構

CSS3中的屬性選擇器

使用選擇器在頁面中插入內容

文字與字體相關樣式

CSS 3中的變形處理

CSS 3中的動畫功能

第8項技能：經常使用交互設計工具

技能要點：

流程圖工具

導航設計工具

思惟導圖

原型設計工具

UML工具

站點地圖工具

第9項技能：Web交互設計

技能要點：

指示牌和麪包屑

可用性測試

可訪問性/級聯樣式表

第10項技能：網站信息架構

技能要點：

用戶需求及其行爲分析

信息架構基本信息

組織系統

標籤系統

搜索系統

敘詞表、受控詞表，以及元數據

流程和方法論

設計和文件說明

第11項技能：REST軟件架構

技能要點：

統一接口GET/POST/PUT/DELETE

識別資源

表述解析Json/XML/Html

查詢

Web緩存

條件請求

擴展性與版本控制