什么是web前端工程師？

前端工程師是互聯網時代軟件產品研發中不可缺少的一種專業研發角色。從狹義上講，前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品，涵蓋用戶PC端、移動端網頁，處理視覺和交互問題。從廣義上來講，所有用戶終端產品與視覺和交互有關的部分，都是前端工程師的專業領域。

一個前端工程師需要學什么？

1、HTML、CSS、HTML5、CSS3

HTML（超文本標記語言）和CSS（層疊樣式表）是Web編碼的最基本構建塊。沒有這兩件事，你就無法創建一個網站設計，而你最終得到的只是屏幕上沒有格式化的純文本。如果沒有HTML，您甚至無法將圖像添加到頁面中！在開始任何Web開發職業生涯之前，您必須掌握HTML和CSS編碼。

2、JavaScript

JavaScript允許您為網站添加更多功能，并且您可以使用HTML，CSS和JavaScript（簡稱JS）創建許多基本Web應用程序。在最基本的層面上，JS用于創建和控制諸如實時更新的地圖，交互式電影和在線游戲等內容。像Pinterest這樣的網站大量使用JavaScript來使他們的用戶界面易于使用。

3、jQuery

jQuery是一個JavaScript庫：一組插件和擴展，可以更快，更輕松地使用JavaScript進行開發。jQuery不是必須從頭開始編寫所有代碼，而是讓前端Web開發人員為項目添加現成元素，然后根據需要進行自定義（知道JavaScript如此重要的一個原因）。您可以將jQuery用于倒計時器，搜索表單自動完成，甚至自動重新排列和調整網格布局。

4、JavaScript框架

JS框架（包括AngularJS，Backbone，Ember和ReactJS）為您的JavaScript代碼提供了現成的結構。有不同類型的JavaScript框架可以滿足不同的需求，盡管提到的四個是實際工作列表中最受歡迎的。這些框架通過為您提供快速入門真正加速了開發，并且可以與jQuery等庫一起使用，以最大限度地減少您必須執行的編程。

5、前端框架

CSS和前端框架（最受歡迎的前端框架是Bootstrap）為CSS框架做了JS框架為JavaScript做的事情：它們為您提供了更快編碼的起點。由于如此多的CSS從項目到項目的完全相同的元素開始，所以為您預先定義所有這些元素的框架是非常有價值的。大多數前端開發人員工作列表都希望您熟悉這些框架的工作方式以及如何使用它們。

6、CSS預處理器的經驗

預處理器是前端開發人員可以用來加速CSS編碼的另一個元素。CSS預處理器為CSS添加了額外的功能，以保持CSS的可擴展性和易用性。它會在您將代碼發布到您的網站之前對其進行處理，并將其轉換為格式良好且跨瀏覽器友好的CSS。根據實際工作清單，SASS和LESS是兩個最受歡迎的預處理器。

7、具有RESTful服務和API的經驗

在沒有太過技術性的情況下，REST代表Representational State Transfer。從基本的角度來說，它是一種輕量級架構，可簡化Web上的網絡通信，RESTful服務和API是遵循REST架構的Web服務。

8、學響應式和移動設計

目前90%以上的人都是通過移動設備訪問互聯網而不是臺式電腦，因此難怪響應和移動設計技能對雇主來說非常重要。響應式設計意味著網站的布局（有時功能和內容）會根據用戶使用的屏幕尺寸和設備而發生變化。

當從具有大顯示器的臺式計算機訪問網站時，用戶將獲得專門為鼠標和鍵盤用戶創建的多列，大圖形和交互。在移動設備上，同一網站將顯示為針對觸摸交互進行優化的單個列，但使用相同的基本文件。

移動設計可以包括響應式設計，但也包括創建單獨的移動專用設計。有時，您希望用戶在臺式計算機上訪問您的網站時獲得的體驗與您希望他們從智能手機訪問時看到的體驗完全不同，在這種情況下，移動網站完全不同是有意義的。

9、學跨瀏覽器開發

現代瀏覽器在一致地顯示網站方面已經相當不錯，但是他們在幕后如何解釋代碼仍然存在差異。在所有現代瀏覽器與Web標準完美配合之前，了解如何使每個瀏覽器按照您希望的方式工作是一項重要技能。這就是跨瀏覽器開發的全部意義所在。

10、學測試和調試

對于前端Web開發人員來說，這是一個事實：錯誤發生。熟悉測試和調試過程至關重要。單元測試是測試單個源代碼塊的過程（指示網站應該如何工作的指令），單元測試框架提供了一種特定的方法和結構（每種編程語言都有不同的方法和結構）。

另一種常見的測試類型是UI測試（也稱為驗收測試，瀏覽器測試或功能測試），您可以檢查以確保網站在用戶實際在網站上執行操作時的行為。您可以編寫測試，在執行操作后在頁面上查找特定HTML等內容。

11、學會使用Git

通過版本控制系統，您可以跟蹤隨著時間的推移對代碼所做的更改。如果你搞砸了，它們也可以很容易地恢復到早期版本。所以，假設您添加了一個自定義的jQuery插件，突然有一半的其他代碼中斷了。您可以回滾到以前的版本，然后使用其他解決方案再次嘗試，而不是必須加密手動撤消它并修復所有錯誤。

Web前端工程師崗位職責和要求是什么？

崗位職責：

1、根據業務需求文檔完成前端研發工作；與后端研發人員配合，討論交互方式，頁面集成工作；完成現有系統的維護工作,完成相關的迭代優化工作；

2、根據系統平臺的業務需求，完成前端架構，并編制相關的前端規范等技術文檔,網頁標準化及優化研究；

3、負責公司前端的測試計劃和優化，編寫設計文檔和測試分析報告等文檔，沉淀和積累前端的測試框架和發布規范及機制；

4、負責前端系統性能優化工作,確立優化方向及可執行和量化的優化方案；

5、完成領導交辦的其它任務。

職位要求：

1、 本科以上學歷,3年以上的相關工作經驗(特別優秀者可以放寬要求)；

2、 有OA、電子政務等軟件項目經驗者優先考慮；

3、 熟悉Web前端技術,包括HTML、CSS、Javascript、Ajax、DOM、JSON等前端技術；

4、 熟練使用JS實現Json、XML格式的數據發送與數據解析；

5、 熟悉各種web標準,了解各主流瀏覽器特性,使頁面兼容主瀏覽器；

6、 熟悉流行前端MVC架構,熟悉流行框架(EasyUI、JQuery、Bootstrap、Vue等。