你也許會覺得前端開發是一個很簡單的工作，但當你深入其中時，一定會發現好像前端開發不是那么簡單，光網站性能優化、響應式、框架就讓你焦頭爛額，

確實，做前端開發就是先易后難，想成為一個優秀的前端開發，沒有那么簡單。

不過，天下事難則不會，會則不難，你只需要掌握11項技能就可以成為前端“大拿”，下面，就告訴你這11項技能是什么？以及每項技能的要點。

一、web前端需掌握的技能

入門必備的技能：

第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項技能：JavascriptAjax應用

技能要點：

• JavaScript的常用對象
  

• DOM文檔對象模型
  

• XML請求與響應
  

• JSON
  

• Post/Get請求
  

成為優秀的前端開發必會的技能

第7項技能：響應式Web設計

技能要點：

• Range對象與Selection對象
  

• 學會繪制圖形
  

• HistoryAPI
  

• CSS3模塊與模塊化結構
  

• CSS3中的屬性選擇器
  

• 使用選擇器在頁面中插入內容
  

• 文字與字體相關樣式
  

• CSS3中的變形處理
  

• CSS3中的動畫功能

第8項技能：常用交互設計工具

技能要點：

• 流程圖工具
  

• 導航設計工具
  

• 思維導圖
  

• 原型設計工具
  

• UML工具
  

• 站點地圖工具
  

第9項技能：Web交互設計

技能要點：

• 指示牌和面包屑
  

• 可用性測試
  

• 可訪問性/級聯樣式表
  

第10項技能：網站信息架構

技能要點：

• 用戶需求及其行為分析
  

• 信息架構基本信息
  

• 組織系統
  

• 標簽系統
  

• 搜索系統
  

• 敘詞表、受控詞表，以及元數據
  

• 流程和方法論
  

• 設計和文件說明
  

第11項技能：REST軟件架構

技能要點：

• 統一接口GET/POST/PUT/DELETE
  

• 識別資源
  

• 表述解析Json/XML/Html
  

• 查詢
  

• Web緩存
  

• 條件請求
  

• 擴展性與版本控制

最后分享一則完整版的千鋒web前端學習大綱。

好了，這下你可以有計劃、分步驟的學習和掌握這些技能了。

二、web前端的工作方向有哪些？

給大家列舉Web前端的六個就業方向和工作內容。

1、資深Web架構師

這個方向，既兼顧了工作的單純性、又能夠減少實際Coding的工作量，能騰出更多時間。在國內，Web前端工程師遇到較多的情況是總是反復編寫著同樣的代碼，總是面對著同樣的技術和產品，容易感覺枯燥。但正是由于這樣較為廣泛的Web相關知識的沉淀，使得我們更加容易成為一名架構師。

雖說這種職業發展方向不如第一種來得平滑，但是作為一名架構師在學習后端技術、DBA、Platform等內容，將其豐富的知識應用到需要實際中的項目操作，不再局限自己在家里隨便寫寫兩個Demo。即便在學成這段時間，勢必會遭遇一段時間的陣痛期。但對于一個大局觀好、悟性好、知識面廣的前端工程師而言，這依舊是值得推薦的榮光之路。

2、資深Web前端工程師

這個方向算是一個Web前端最基本的選擇了，但能夠把自己的專業做到極致，能一輩子就在一個專業領域不斷學習和積累。對所有的Web前端工程師來說，朝著這個職業發展方向，只要足夠耐心、厚積薄發，成功的概率是非常高的。

3、網頁設計師

網頁設計師可以將平面設計中的審美觀點套用到網站設計上面來(其區別是動態網頁的制作是平面設計不能達到的，它是一種審美方式的延伸)。網頁如門面，小到個人主頁，大到大公司、大的政府部門以及國際組織等在網絡上無不以網頁作為自己的門面。當點擊到網站時，首先映入眼簾的是該網頁的界面設計，如內容的介紹、按鈕的擺放、文字的組合、色彩的應用、使用的引導等等。這一切都是網頁設計的范疇，都是網頁設計師的工作。而且具備精通Photoshop，Coreldraw,Frontpage,Dreamweaver等多項網頁設計工具的能力。

4、PHP程序員

PHP技術人才，正迎合了目前的互聯網的發展趨勢。而且PHP作為非常優秀的、簡便的Web開發語言，和Linux，Apache，MySQL緊密結合，形成LAMP的開源黃金組合，不僅降低使用成本，還提升了開發速度，滿足最新的互動式網絡開發的應用，這使得php軟件工程師成為一個發展迅速的職業。

5、自己創業

其實，自己創業是最好的道路，但也是成功率最低的道路，挑戰和機遇并存。作為一個前端技術人員，需要將自己的視野更多放在行業的動態、產業鏈的動態、相關產品領域的動態，把關注細節的優勢繼續保持，同時，增強自己把控一個產品乃至一個公司命運的能力。

6、轉崗管理或其他

這條職業道路和Web前端技術之路關系不大。

最后，千鋒武漢小編想說，無論是否走上Web前端開發這條道路，其實對于任何技術之路，更好的大局觀、更廣泛的視野是良好發展的必備條件。擁有良好的大局觀和更廣泛的視野別無他法，只能不斷的進行知識的橫向拓展和積累。同時，多在橫向拓展知識的時候進行實踐，把知識變成技能，對于Web前端初學者來說，更應如此。