什么是web前端工程師？

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

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

1、HTML、CSS、HTML5、CSS3

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

2、JavaScript

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

3、jQuery

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

4、JavaScript框架

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

5、前端框架

CSS和前端框架（最受歡迎的前端框架是Bootstrap）為CSS框架做了JS框架為JavaScript做的事情：它們?yōu)槟峁┝烁炀幋a的起點。由于如此多的CSS從項目到項目的完全相同的元素開始，所以為您預先定義所有這些元素的框架是非常有價值的。大多數(shù)前端開發(fā)人員工作列表都希望您熟悉這些框架的工作方式以及如何使用它們。

6、CSS預處理器的經(jīng)驗

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

7、具有RESTful服務和API的經(jīng)驗

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

8、學響應式和移動設計

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

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

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

9、學跨瀏覽器開發(fā)

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

10、學測試和調(diào)試

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

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

11、學會使用Git

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

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

崗位職責：

1、根據(jù)業(yè)務需求文檔完成前端研發(fā)工作；與后端研發(fā)人員配合，討論交互方式，頁面集成工作；完成現(xiàn)有系統(tǒng)的維護工作,完成相關的迭代優(yōu)化工作；

2、根據(jù)系統(tǒng)平臺的業(yè)務需求，完成前端架構(gòu)，并編制相關的前端規(guī)范等技術(shù)文檔,網(wǎng)頁標準化及優(yōu)化研究；

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

4、負責前端系統(tǒng)性能優(yōu)化工作,確立優(yōu)化方向及可執(zhí)行和量化的優(yōu)化方案；

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

職位要求：

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

2、 有OA、電子政務等軟件項目經(jīng)驗者優(yōu)先考慮；

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

4、 熟練使用JS實現(xiàn)Json、XML格式的數(shù)據(jù)發(fā)送與數(shù)據(jù)解析；

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

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