什么是web前端工程師？

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

一個前端工程師需要學(xué)什么？

1、HTML、CSS、HTML5、CSS3

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

2、JavaScript

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

3、jQuery

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

4、JavaScript框架

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

5、前端框架

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

6、CSS預(yù)處理器的經(jīng)驗(yàn)

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

7、具有RESTful服務(wù)和API的經(jīng)驗(yàn)

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

8、學(xué)響應(yīng)式和移動設(shè)計

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

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

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

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

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

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

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

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

11、學(xué)會使用Git

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

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

崗位職責(zé)：

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

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

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

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

5、完成領(lǐng)導(dǎo)交辦的其它任務(wù)。

職位要求：

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

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

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

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

5、 熟悉各種web標(biāo)準(zhǔn),了解各主流瀏覽器特性,使頁面兼容主瀏覽器；

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