【轉】掌握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實戰（中文版）