你也許會覺得前端開發是一個很簡單的工作，對呀，你就是剛剛從網頁設計轉型過來的。但當你深入其中時，一定會發現好像前端開發不是那麼簡單，光網站性能優化、響應式、框架就讓你焦頭爛額，
確實，做前端開發就是先易後難，想成爲一個優秀的前端開發，沒有那麼簡單。
不過，天下事難則不會，會則不難，你只需要掌握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項技能。 然後——開始去學習!掌握它們！