Web前端工程師的職責是編寫網頁標準最佳化程式碼，並增加互動動態功能，開發JavaScript以及Flash模組，同時結合後臺開發技術模擬整體效果，進行豐富網際網路的Web開發，致力於透過技術改善使用者體驗。Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的介面開發。製作標準最佳化的程式碼，並增加互動動態功能，開發JavaScript以及Flash模組，同時結合後臺開發技術模擬整體效果，進行豐富網際網路的Web開發，致力於透過技術改善使用者體驗。

隨著網際網路技術的發展，隨著HTML5、CSS3、JavaScript、Node.js的應用。Web前端工程師逐步具備從客戶端（使用者端）到後臺（伺服器端）綜合開發的能力。

一、前端工程師是很緊缺的

原因一：前端相對來說是每一個公司必備的崗位

可能很多人認為前端開發和Web開發類似，而Web開發已經有20多年的歷史，所以前端並不是一個新領域。然而，Web前端工程師的概念中的“介面技術實現和使用者體驗作為一個專業的工作領域”，卻無疑是很新的。

現在，一個創業公司想要成功，幾乎要覆蓋一個Web應用程式的諸多技術方面：前端、後臺、DBA、運營等。雖然已經有一些服務可以讓企業購買登陸頁面的前端模組和元件；但是如果你想要創造一些真正的Web應用程式，除了求助前端工程師，別無他法，就像你要創立一個品牌你也繞不開請一位設計師一樣。

原因二：對Web前端，普遍存在巨大的誤解，其實Web前端一點也不簡單

大多人都認為Web前端開發是一個“相對於其他模組來說更簡單的領域”，尤其是後端同胞們可能會看不上眼前端。

在他們心中的Web前端工程師做的是這些：

1、把Photoshop檔案、圖片或者線框做成一個頁面；

2、偶爾設計Photoshop檔案、圖片或者線框；

3、用HTML和CSS程式設計，實現網頁的內容和形式；

4、用JS實現動畫、過渡效果。

事實上，Web前端工程師做的是這些：

1、在設計師和後端開發工程師直接充當橋樑，將設計稿轉化成頁面；

2、根據設計稿進行前端模組化設計、開發；

3、基於產品文件和整個產品的特點選擇合適的框架，開發響應的組建；

4、根據裝置、瀏覽器、螢幕、動畫來劃分web應用的工作劃分；

5、保證程式碼質量、產品標準；

6、調節Web應用程式的樣式，包括間距、字型、標題、圖示、佈局等等；

7、根據不同解析度、橫屏豎屏等，調節Web應用程式的樣式；

8、標記 Web 應用程式，使之語義化，SEO 友好；

9、開發客戶端要考慮動畫的流暢、延遲載入、互動、應用工作流程，大多數時間用來考慮漸進增強和向後相容的標準；

10、最重要的是，儘管有嚴格的期限、利益相關者的要求，以及裝置的限制，無論現在還是將來永遠是使用者第一。

原因三：大量糟糕Web前端工程師的存在，擾亂了市場

這或許是難以招到優秀Web前端工程師最明顯的原因。由於Web前端工程師的入門門檻非常低，JS、CSS、HTML並不是很難入門掌握的語言，似乎只要花一點時間，誰都可以透過網上教程和書本學會它，Web前端工程師市場就是被這些淺嘗輒止的傢伙搞壞的。

二、前端工程師的三個發展方向：

1.專家方向

經過幾年的技術積累，大量的專案歷練，很自然地就朝著專家的方向過渡了。技術人普遍具有的一個特徵就是不喜歡管一些亂七八糟的事，更願意鑽研感興趣的技術，解決一些技術難題。走專家路線可能是大多數技術人的選擇。

2.管理方向

另一個職業方向就是技術管理。技術管理要求的更綜合，日常的工作涉及專案管理，跨部門溝通，團隊管理，技術體系建設等方面。做技術管理意味著遠離一線coding，漸漸失去自己的技術優勢，80%的精力是幫助團隊同學成長，透過團隊完成既定目標。

技術人要經歷一個心態的轉變。但企業招人過去最主要的目的是解決實際面臨的技術問題，所以對於技術管理來說，技術還是一個基本面，不能完全放下，還是要時刻關注技術大方向。

3.產品&業務方向

還有一個職業方向是轉型做產品經理更多地貼近業務。我身邊有越來越多的前端做了幾年的研發後轉型做了產品。技術人轉型做產品，其實是比較有優勢的，一方面懂技術能更好地和研發溝通，另一方面產品設計上更容易落地。

三、前端工程師需要掌握的技能

1.夯實基礎

別管是在大廠還是小廠，畢業前三年要沉下心來修煉內功，搞好前端基礎。熟練掌握HTML、css、js，掌握主流的前端框架。

2.儘早進大廠

去大廠越早對自己的幫助越大。規範的流程管理、完善的技術體系都有助於提升技術視野和好的工作習慣的養成。

3.深度和廣度相結合

在深入掌握一項技能的同時，要橫向瞭解服務端或者移動端的知識，培養自己的系統認知能力。現在市場上對候選人要求全棧的能力，就是對這方面的一個訴求。

4.跳出技術思維，多與業務側溝通，培養自己的業務 sense

能更有助於理解業務側提出的需求的背景和邏輯。也有助於日後向產品

更多裝置需要Web支援，物聯網無處不在，如電視、汽車等

前端語言和框架的升級，前端和後臺技術要求達到相同水平

Web Component技術普及，元件化開發成為主流

“大前端”在更多公司中推廣，Web、Android和iOS都需要了解

每個行業都有不同的特點，比如建築師、醫生、律師等是經驗越多越多。但是網際網路行業本身有它的特點，自己的經驗和工作技能其實也是越多越好。

薪資和你工作經驗、工作能力有關。也和所在城市有關，北上廣深之外，杭州和成都的網際網路從業人員比其他城市的人員薪資高