導讀：
你也許會覺得前端開發是一個很簡單的工作，對呀，你就是剛剛從網頁設計轉型過來的。但當你深入其中時，一定會發現好像前端開發不是那麼簡單，光網站性能優化、響應式、框架就讓你焦頭爛額，
確實，做前端開發就是先易後難，想成爲一個優秀的前端開發，沒有那麼簡單。
不過，天下事難則不會，會則不難，你只需要掌握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緩存
條件請求
擴展性與版本控制
好了，這下你可以有計劃、分步驟的學習和掌握這些技能了，要是你不知道怎麼去學，我可以負責任的告訴你，先去看書。
這裏，我可以再給你推薦一些圖書，都是我認爲很有用的書。
HTML+CSS網頁設計與佈局從入門到精通
JavaScript權威指南（第6版）
CSS禪意花園(修訂版)
HTML5與CSS3基礎教程（第7版）
響應式Web設計:HTML5和CSS3實戰
jQuery權威指南（第2版）
瘋狂Ajax講義（第3版）
Axure RP 6原型設計精髓
交互設計沉思錄
大型網站技術架構：核心原理與案例分析
REST實戰（中文版）
現在，你是不是知道該對照一下自己，是否掌握了這篇文章中所說的11項技能。 然後——開始去學習!掌握它們！
你打算去按此學習嗎? 先別忙，請在下面留下你的評論吧。
文章中技能點來源於：6座網--互聯網職業技能規劃網站，有詳細說明