掌握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緩存

• 條件請求

• 擴展性與版本控制

      好了，這下你能夠有計劃、分步驟的學習和掌握這些技能了，要是你不知道怎麼去學，我能夠負責任的告訴你，先去看書。

     這裏，我能夠再給你推薦一些圖書，分屬不一樣的出版社（這麼說，是不但願你認爲我在推銷書），這些圖書都是我認爲頗有用的書。

1. HTML+CSS網頁設計與佈局從入門到精通

2. JavaScript權威指南（第6版）

3. CSS禪意花園(修訂版)

4. HTML5與CSS3基礎教程（第7版）

5. 響應式Web設計:HTML5和CSS3實戰

6. jQuery權威指南（第2版）

7. 瘋狂Ajax講義（第3版）

8. Axure RP 6原型設計精髓

9. 交互設計沉思錄

10. 大型網站技術架構：核心原理與案例分析

11. REST實戰（中文版）

       如今，你是否是知道該對照一下本身，是否掌握了這篇文章中所說的11項技能。 而後——開始去學習!掌握它們！

       你打算去按此學習嗎? 先別忙，請在下面留下你的評論吧。

      技術要點參考了6座網-前端開發工程師職業規劃路線技能圖