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

導讀：

       你或許會認爲前端開發是一個很是easy的工做，對呀，你就是剛剛從網頁設計轉型過來的。但當你深刻當中時，必定會發現好像前端開發不是那麼簡單，光站點性能優化、響應式、框架就讓你焦頭爛額，

       確實，作前端開發就是先易後難，想成爲一個優秀的前端開發，沒有那麼簡單。

       只是，天下事難則不會，會則不難，你僅僅需要掌握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座網的前端開發project師職業規劃圖

個人不少其它博文：

6個方法，用博客創建你的我的「品牌」

Android開發project師，前行路上的14項技能

10年老程序猿談Dotnet程序猿職業規劃（圖文）『轉帖』

Android安卓移動開發project師職業規劃圖