在找工作的過程中，多多少少都會涉及到個人能力水平，技術技能水平等級。為了應大家的要求，web前端中文站給大家聊一聊web前端這塊的工作要求情況。將崗位區分，從主要職責、專業技能、素質能力、特別要求共四大方面給大家介紹下。PS，當然，不同的崗位，薪資不一樣，特別是工作三年後，一般會有一個質的提升！

web前端崗位等級分類

實習生/見習生（實習生）

主要職責：

1、頁面及需求練習
2、基本技能學習

專業能力：

HTML技能：瞭解HTML技術，能運用一些HTML標籤

css技能：瞭解CSS，能運用一些CSS屬性

指令碼程式設計技能：瞭解一門指令碼語言

框架應用能力：無

WEB開發技能：無

平臺及環境相容與效能：無

開發工具及除錯工具使用：會使用PS，會使用DW等文字編輯工具

文件及程式碼質量：無

素質能力：

關注細節：一般
客戶專注度：一般
責任感：一般
主動性：一般
溝通能力：一般
學習能力：一般

特別要求：

專案經驗：

無

初級培訓/初級前端開發工程師（P1）

主要職責：

1、頁面及需求練習
2、基本技能學習

專業能力：

HTML技能：瞭解HTML技術，能運用一些HTML標籤，瞭解HTML各個版本的特性，有一定的基礎理論知識。

css技能：有一定的CSS基礎理論知識，能運用CSS屬性進行網頁佈局和視覺實現。

指令碼程式設計技能：瞭解指令碼語言基本語法，能自己手寫簡單的demo

框架應用能力：至少了解一種前端框架

WEB開發技能：無

平臺及環境相容與效能：熟悉幾種主流瀏覽器

開發工具及除錯工具使用：會使用PS，會使用DW等文字編輯工具

文件及程式碼質量：無

素質能力：

關注細節：一般
客戶專注度：一般
責任感：一般
主動性：一般
溝通能力：一般
學習能力：一般

特別要求：

專案經驗：

無

高階培訓/初級前端開發工程師（P2）

主要職責：

1、獨立完成需求

專業能力：

HTML技能：熟練使用HTML標籤，對HTML標籤特性有一定理解

css技能：熟練使用CSS屬性及選擇器，能使用一些CSShack

指令碼程式設計技能：能獨立使用JS完成一些簡單的需求

框架應用能力：至少能使用一種前端框架或函式庫

WEB開發技能：無

平臺及環境相容與效能：能處理(IE系列，firefox3.0+，chrome10+)幾種瀏覽器的相容

開發工具及除錯工具使用：熟練使用PS，熟練使用DW等文字編輯工具

文件及程式碼質量：無

素質能力：

關注細節：一般
客戶專注度：一般
責任感：一般
主動性：一般
溝通能力：一般
學習能力：一般

特別要求：

專案經驗：

無

?web前端崗位職責

初級前端開發工程師（P3）

主要職責：

1、完成前端的日常需求。
2、根據視覺和互動原型的要求，實現htmldemo和互動效果。
3、傾聽客戶需求，在指導下完成商業意思明確的前端開發任務。

專業能力：

HTML技能：熟練使用HTML標籤，對HTML標籤特性有一定理解。對HTML語義話有一定了解

css技能：熟練使用CSS屬性及選擇器，能使用一些CSShack。對模組化和柵格化佈局有一定的瞭解。

指令碼程式設計技能：能獨立使用JS完成一些簡單的需求

框架應用能力：至少能使用一種前端框架或函式庫

WEB開發技能：有一定的WEB開發基礎

平臺及環境相容與效能：相容各種主流瀏覽器

開發工具及除錯工具使用：熟練使用視覺設計軟體和文字編輯軟體，至少能簡單使用瀏覽器開發除錯工具

文件及程式碼質量：程式碼結構明晰工整

素質能力：

關注細節：良好
客戶專注度：良好
責任感：良好
主動性：良好
溝通能力：良好
學習能力：良好

特別要求：

專案經驗：

無

中級前端開發工程師（P4，aliwork）

主要職責：

1、完成前端的日常需求。
2、根據視覺和互動原型的要求，實現htmldemo和互動效果。
3、傾聽客戶需求，在指導下完成商業意思明確的前端開發任務。
4、完成普通的前端專案開發

專業能力：

HTML技能：熟練使用HTML標籤，對HTML標籤特性有一定理解。HTML程式碼符合語義話要求，可讀性強。瞭解不同的HTML版本及對應的標籤特性

css技能：熟練使用CSS屬性及選擇器，能使用CSShack。對模組化和柵格化佈局有一定的瞭解。

指令碼程式設計技能：能熟練使用JS或AS等指令碼語言程式設計

框架應用能力：能熟練的使用主流的前端框架

WEB開發技能：熟悉AJAX開發，對基本的資料傳輸協議有一定了解

平臺及環境相容與效能：相容各種主流瀏覽器

開發工具及除錯工具使用：熟練使用視覺設計軟體和文字編輯軟體，會使用瀏覽器開發除錯工具

文件及程式碼質量：程式碼工整，有明晰的結構，可讀性強，可維護性強，有一定的文件編寫能力。有規範的程式碼註釋風格。

素質能力：

關注細節：良好
客戶專注度：良好
責任感：強烈
主動性：積極
溝通能力：優秀
學習能力：優秀

特別要求：

專案經驗：

無

高階前端開發工程師（P5）

主要職責：

1、完成前端專案開發
2、對新人的專業培訓
3、跟蹤客戶需求，獨立完成需求解決方案
4、參與元件或類庫的編寫工作

專業能力：

HTML技能：

1、對HTML(包括HTML的不同版本)有深入的研究

2、對HTML應用有一定見解

3、HTML程式碼語義話和結構明晰，可讀性強，可擴充套件和維護性強

css技能：

1、熟悉各種CSS屬性和選擇器
2、對各個版本的CSS屬性有深入研究
3、對選擇器效能和應用有一定見解

指令碼程式設計技能：

1、能熟練使用JS或AS等指令碼語言程式設計
2、熟悉ECMA(包括ECMA262\ECMA357等)規範
3、對DOM程式設計效能有一定的瞭解
4、能自己封裝一些常用的函式類庫

框架應用能力：

1、能熟練的使用主流的前端框架
2、對主流的前端框架有一定的研究
3、熟練使用各種wedget元件

WEB開發技能：

1、至少熟練使用一門服務端變成語言
2、有一定的WEB開發經驗
3、瞭解各種網路協議
4、能使用各種開放API
5、或熟悉flex開發

平臺及環境相容與效能：

1、相容各種瀏覽器
2、對移動終端平臺有良好的支援
3、有較高的WEB效能
4、瞭解linux等作業系統並能使用一些簡單的shell命令

開發工具及除錯工具使用：

1、熟練使用各種瀏覽器除錯工具
2、熟練使用各種開發軟體及開發平臺

文件及程式碼質量：

1、有編寫技術文件的能力
2、熟悉JsDoc Toolkit等文件工具
3、熟悉YUICompress等程式碼壓縮工具

素質能力：

關注細節：優秀
客戶專注度：優秀
責任感：強烈
主動性：積極
溝通能力：優秀
學習能力：優秀

特別要求：

專案經驗：

對專案技術難點有一定的解決能力

資深前端開發工程師（P6）

主要職責：

1、參與各種專案開發環節，提供前端解決方案。
2、負責前端程式碼稽核和規範制定
3、設計前端架構並帶領專案成員進行元件開發
4、與專案相關方協作，保障專案進度和質量

專業能力：

HTML技能：

1、對HTML(包括HTML的不同版本)有深入的研究

2、有豐富的HTML應用經驗

css技能：

1、熟悉各種CSS屬性和選擇器
2、對各個版本的CSS屬性有深入研究
3、對選擇器效能和應用有一定見解

指令碼程式設計技能：

1、深刻了解指令碼語言的各種規範
2、對程式演算法和結構有深入研究
3、至少熟練兩種指令碼程式語言

框架應用能力：

1、對主流的前端框架有深入的研究
2、有豐富的前端框架開開發
3、豐富的wedget元件開發經驗

WEB開發技能：

1、有豐富的WEB開發經驗
2、熟悉各種資料傳輸協議和開放介面
3、有豐富的開放性API開發經驗

平臺及環境相容與效能：

1、有一定的桌面軟體或移動終端軟體開發能(air,Android，ios…)
2、有在windows,linux，IOS等平臺下進行前端開發的能力
3、有豐富的效能優化經驗
4、對安全機制有深入的理解

開發工具及除錯工具使用：

1、有一定的瀏覽器外掛開發經驗
2、有一定的開發工具外掛開發技能

文件及程式碼質量：

1、較強的文件設計能力
2、程式碼的規範以及技術說明的撰寫
3、能編寫專案流程對應環節的文件

素質能力：

關注細節：卓越
客戶專注度：卓越
責任感：強烈
主動性：積極
溝通能力：卓越
學習能力：卓越

特別要求：

專案經驗：

有豐富的專案解決能力，並提供優質高效的解決方案

前端技術專家（P7）

主要職責：

1、參與各種專案需求，提供前端解決方案。
2、設計前端架構並帶領專案成員進行元件開發
3、開展技術難點攻關研究，提供技術解決方案
4、負責技術專利的發掘和專利申請的初步稽核

專業能力：

HTML技能：

1、對HTML(包括HTML的不同版本)有深入的研究

2、有豐富的HTML應用經驗

css技能：

1、熟悉各種CSS屬性和選擇器
2、對各個版本的CSS屬性有深入研究
3、對選擇器效能和應用有一定見解

指令碼程式設計技能：

1、深刻了解指令碼語言的各種規範
2、對程式演算法和結構有深入研究
3、熟練各種指令碼程式語言
4、有豐富的設計模式應用經驗

框架應用能力：

1、有豐富的前端框架開開發
2、豐富的wedget元件開發經驗

WEB開發技能：

1、有豐富的WEB開發經驗
2、有豐富的開放性API設計經驗
3、有豐富的開發模式應用經驗
4、有豐富的系統設計經驗

平臺及環境相容與效能：

1、有豐富的多平臺開發經驗
2、對平臺相容性有深入的研究
3、有豐富的效能及安全經驗
4、能提供基於平臺開發的解決方案

開發工具及除錯工具使用：

1、熟悉瀏覽器外掛開發等技術
2、提供基礎應用的開發工具程式

文件及程式碼質量：

1、有系統的文件撰寫能力
2、提供具有參考價值的技術文件和規範文件。
3、提供具有參考學習價值的案例教程

素質能力：

關注細節：卓越
客戶專注度：卓越
責任感：強烈
主動性：積極
溝通能力：卓越
學習能力：卓越

特別要求：

專案經驗：

有豐富的專案管理經驗

web前端中文站點評：

只有瞭解各職位的技能、素質要求，我們作為一名web前端程式猿，才能知道我們需要掌握哪些知識，向哪方面的技能有針對性的提高。這樣，我們在web前端的職位上才能越走越遠。以上資料參考某網際網路公司的web前端職責要求，感謝@程式猿那些事 的分享