這是一個(gè)很老的話題“前端工程師的價(jià)值體現(xiàn)在哪里？”。 有人說：“前端工程師之于網(wǎng)站的價(jià)值猶如化妝師之于明星的價(jià)值。”一位好的 Web 前端開發(fā)工程師在知識(shí)體系上既要有廣度，又要有深度。當(dāng)然，Web 前端工程師并不是設(shè)計(jì)師，每天接觸最多的是代碼，代碼，還是代碼。對此，你是如何給自己定位的？你的價(jià)值是否能夠得到很好的體現(xiàn)？如今，舊話重提無非是想 與開發(fā)者們共同探討下前端工程師的價(jià)值所在，希望對你有所感悟。

[[146981]]

前端工程師的價(jià)值體現(xiàn)在哪里？

一起來看下業(yè)內(nèi)資深大牛對前端工程師是如何評價(jià)的：

張克軍 豆瓣前端工程師：

        個(gè)人認(rèn)為前端工程師正慢慢演變?yōu)楫a(chǎn)品工程師。WAP App，響應(yīng)性 UI 等以 HTML5 技術(shù)為基礎(chǔ)的開發(fā)將成為前端工程師的主要工作內(nèi)容，解決產(chǎn)品跨平臺(tái)跨設(shè)備的實(shí)現(xiàn)問題。Javascript，HTML，CSS 這些前端工程師熟悉的，多年使用的語言，作為開放標(biāo)準(zhǔn)將被各種平臺(tái)所支持。產(chǎn)品形態(tài)和數(shù)據(jù)的分離是形勢所趨。移動(dòng)時(shí)代對產(chǎn)品形態(tài)多元化的要求雖然可以靠不 同技術(shù)分別實(shí)現(xiàn)，但要付出巨大的成本。這也是 HTML5 這個(gè) 04 年就提出來的標(biāo)準(zhǔn)，直到前兩年才火爆的原因。

        現(xiàn)階段的價(jià)值也很大。Web 產(chǎn)品交互越來越復(fù)雜，用戶使用體驗(yàn)和網(wǎng)站前端性能優(yōu)化，這些都需要專業(yè)的前端工程師來解決。另外，在項(xiàng)目中還要彌補(bǔ)設(shè)計(jì)師在交互設(shè)計(jì)上的不足，前端工程師 在開發(fā)過程中起著重要的承上啟下的作用。一兩個(gè)前端工程師就可以讓整個(gè)開發(fā)并行起來，讓設(shè)計(jì)到實(shí)現(xiàn)的轉(zhuǎn)換更順利。明智的公司應(yīng)該貯備前端工程師資源。

        我不認(rèn)為前端工程師和產(chǎn)品經(jīng)理有什么關(guān)系。好的前端工程師一定會(huì)成為好的交互設(shè)計(jì)師。前端工程師對信息架構(gòu)的理解應(yīng)不亞于專業(yè)的交互設(shè)計(jì)師。

張經(jīng)緯 前端工程師：

一、前端工程師所需要掌握的基本技能：

HTML CSS

JavaScript

PHP/ASP/或者其他廣泛應(yīng)用在 Web 領(lǐng)域的編程語言

美術(shù)、視覺

二、前端工程師面向于：

用戶

瀏覽器

數(shù)據(jù)接口

三、那么前端工程師的價(jià)值體現(xiàn)在哪兒呢？

為簡化用戶使用提供技術(shù)支持（交互部分）

為多個(gè)瀏覽器兼容性提供支持

為提高用戶瀏覽速度（瀏覽器性能）提供支持

為跨平臺(tái)或者其他基于 webkit 或其他渲染引擎的應(yīng)用提供支持

為展示數(shù)據(jù)提供支持（數(shù)據(jù)接口）

元彥云端工程師：

關(guān)于前端攻城師的價(jià)值體現(xiàn)，我覺得主要取決于下面幾個(gè)方面：

1. 與用戶最近，最愿意揣測用戶，是工程師中最了解用戶的

2. 前端充滿創(chuàng)新

3. 前端技能 JavaScript、HTML、CSS....入門易，深入難

4. 前后端交互方式多樣，適用場景不同，Ajax（Post、Get）、Comet（輪訓(xùn)、長輪訓(xùn)、***幀、XHR 流）、WebSocket

5. 隨之瀏覽器的發(fā)展，很多技術(shù)方案開始偏向于前端

6. 前端不僅僅是 Desktop,而有 Mobile、Pad、TV......

高原Web工程師：

        作為前端工程師最核心的價(jià)值或者說是責(zé)任，就是將大伙的所有心血和努力最終要***地呈現(xiàn)給用戶。在一個(gè)技術(shù)開發(fā)團(tuán)隊(duì)中，無疑離用戶最近的人就是前端，其次是 UI、UE 和產(chǎn)品，然后是后端、DBA 和系統(tǒng)工程師。

        如果說一個(gè)技術(shù)開發(fā)團(tuán)隊(duì)就是一支足球隊(duì)的話，那么前端工程師無疑就是前鋒，他接到隊(duì)友們傾力傳到腳下的球，他責(zé)無旁貸，要做的就是必須將球準(zhǔn)確 無誤地打入對方的球門..... 他有兩點(diǎn)必須是非常清楚：1.他必須清楚在對方球門與自己之間存在著哪些阻礙；2.他必須清楚如何破除這些障礙將球直至門網(wǎng).....他也應(yīng)該要是所有隊(duì) 員中對這兩點(diǎn)最為清楚的人。

        每個(gè)球隊(duì)都有自己的明星，可以是鋒線殺手、可以是中場戰(zhàn)車、可以是超級后衛(wèi)、也可以是神奇門將、甚至可以是救火教練。而且相信球場上任何一個(gè)位 置的優(yōu)秀球員，都有可能在后場斷球長途盤帶奔襲射門，球進(jìn)！但任何一支優(yōu)秀的球隊(duì)都必須有兩類分工，前場球員想的是贏得比賽，后場球員想的是不能輸?shù)舯? 賽，各司其職才能卓越。而作為一名稱職的前鋒，你必須是球隊(duì)里，進(jìn)球最多、射門技術(shù)***的那一個(gè)，否則你還有什么價(jià)值可言呢....

        不管技術(shù)實(shí)現(xiàn)的風(fēng)潮如何變化，一個(gè)給用戶的交互界面要有人來實(shí)現(xiàn)，這是不辨的硬需求.... 除非以后人機(jī)的信息交互不依賴視覺了(直接靠意念鏈接)，那時(shí)的前端就轉(zhuǎn)向只做信息的組織與表達(dá)形式的設(shè)計(jì)就好了，因此，前端的最終價(jià)值是對人機(jī)交互的設(shè) 計(jì)與實(shí)現(xiàn)。

李春平百度研發(fā)工程師：

        應(yīng)該來講有三條路，一個(gè)是向前走，一個(gè)是向后走，另外一個(gè)是一直做前端，深入下去。向前即是前面所說的往用戶體驗(yàn)與交互設(shè)計(jì)甚至產(chǎn)品設(shè)計(jì)師上走，這是最能體現(xiàn)前端價(jià)值的了，即用戶體驗(yàn)，大多人會(huì)往這方面走；

        向后走就是做 Web 開發(fā)，往數(shù)據(jù)庫和后臺(tái)開發(fā)方面走，不再區(qū)分前后端，大家深入產(chǎn)品的研發(fā)實(shí)現(xiàn)，這條路就是與軟件工程師融合的路，這是的價(jià)值就體現(xiàn)在對于業(yè)務(wù)功能的實(shí)現(xiàn)上；

        ***還有的是一直深入做前端開發(fā)，比如前端各類庫與框架的架構(gòu)設(shè)計(jì)，W3C 各種標(biāo)準(zhǔn)深入研究，對于 JavaScript 語言本身的研究，對瀏覽器的原理分析，對于網(wǎng)絡(luò)傳輸協(xié)議的原理分析等等，這條路要深入下去很不容易，因?yàn)樯婕昂芏嘣砼c根本性的東西，所以走的人也不是很 多。

        當(dāng)然了，還有一些徹底離開了前端甚至軟件開發(fā)，轉(zhuǎn)行專門做產(chǎn)品或者做業(yè)務(wù)運(yùn)營?？赡軙?huì)因?yàn)橛胁诲e(cuò)的技術(shù)背景有一定的優(yōu)勢呢。

胡金埔前端開發(fā)者：

        我覺得前端工程師需要分兩個(gè)方向來看各自的價(jià)值：

        ***個(gè)方向：讓用戶更便捷的獲取信息。這是大部門公司前端工程師應(yīng)該努力做好的事情。拿到 psd，產(chǎn)出線上的代碼，這個(gè)過程中的每個(gè)細(xì)節(jié)都值得你去用認(rèn)真的態(tài)度做好。表單的各種交互，頁面不同元素（區(qū)域）間的信息交互，這都未必是普通 ID 可以給你指導(dǎo)好的，你需要依賴自己的技術(shù)能力和自己對用戶需求的感知去完成。

        這個(gè)方向的價(jià)值就體現(xiàn)為：信息獲取是否更加便捷？從而你的用戶量是否上漲了？在線預(yù)訂是否提高了？

        第二個(gè)方向：讓前端更加專業(yè)。這是一些研究院的大牛每天做的事情。閱讀規(guī)范，比較不同版本的區(qū)別，并思考引入新特性的意義（技術(shù)或商業(yè)）。關(guān)注 行業(yè)的***發(fā)展，找出一些創(chuàng)新點(diǎn)，如果可以的話，站在巨人的肩膀上，不盲目的造輪子。***，不管是自己的創(chuàng)新還是自己的整理好的當(dāng)前解決某個(gè)問題的***方 案，都會(huì)給整個(gè)行業(yè)以及自己的公司的其他前端同學(xué)的工作帶來更多的支持。

        這個(gè)方向的價(jià)值更加的技術(shù)化，可能短時(shí)間無法直接量化，但一段時(shí)間后，會(huì)從提高的個(gè)人生產(chǎn)率，頁面交互的新模型等方面得到體現(xiàn)，甚至?xí)?dǎo)致新的產(chǎn)品。

元亮 前端工程師：

產(chǎn)品工程師－Web 產(chǎn)品 APP 化使得前端需要了解產(chǎn)品的設(shè)計(jì)和交互實(shí)現(xiàn)細(xì)節(jié)，從而使前端代碼結(jié)構(gòu)合理可擴(kuò)展！

跨平臺(tái)設(shè)備實(shí)現(xiàn)－并不單單是各瀏覽器的跨平臺(tái)兼容了?，F(xiàn)在的物理設(shè)備多樣，只要和用戶產(chǎn)生直接互動(dòng)的實(shí)現(xiàn)工作都可以稱為前端！

***優(yōu)雅實(shí)現(xiàn)交互和設(shè)計(jì)細(xì)節(jié)－用最精簡的代碼和最小的代價(jià)還原交互和設(shè)計(jì)的細(xì)節(jié)，可用性和可訪問性的提升！

用戶體驗(yàn)和新技術(shù)的結(jié)合－HTNL5的發(fā)展使得 Web 和移動(dòng)應(yīng)用有更優(yōu)和更佳合理的實(shí)現(xiàn)方式

網(wǎng)站前端性能優(yōu)化－節(jié)省用戶成本，節(jié)省公司成本

可擴(kuò)展的標(biāo)準(zhǔn)接口－語義化的頁面使得網(wǎng)站無論從 seo 角度和機(jī)器可讀行得到更大得提升，標(biāo)準(zhǔn)化可擴(kuò)展的數(shù)據(jù)接口使得和后臺(tái)的聯(lián)系更佳無縫！同時(shí)也會(huì)大大提升開發(fā)效率。

網(wǎng)站形象的業(yè)內(nèi) PR－以最直觀可見的方式展示公司網(wǎng)站和公司形象！

前端的需求

需要理解產(chǎn)品的邏輯和形成的過程－ 希望參與開發(fā)產(chǎn)品頁面的相關(guān)人員參與到產(chǎn)品討論的階段，了解產(chǎn)品的需求。以及了解產(chǎn)品的未來的隱性需求！列席即可！

需要了解交互細(xì)節(jié)－希望參與開發(fā)產(chǎn)品頁面的相關(guān)人員參與到交互討論當(dāng)中，理解交互和設(shè)計(jì)細(xì)節(jié)！ 使頁面結(jié)構(gòu)合理和具有可擴(kuò)展性！列席即可！如果合理化建議可以提出！

需要了解數(shù)據(jù)接口－理解產(chǎn)品相關(guān)模塊所需要的數(shù)據(jù)與相關(guān)技術(shù)人員溝通形成文檔。

需要技術(shù)的積累和新技術(shù)的學(xué)習(xí)－希望有團(tuán)隊(duì)內(nèi)的交流活動(dòng)，頭腦風(fēng)暴！學(xué)習(xí)了解***的行業(yè)技術(shù)，參加業(yè)界的交流！

需要成就感，和滿足感。

結(jié)束語：

        前端就是后臺(tái)實(shí)現(xiàn)和視覺表現(xiàn)的橋梁，是貫穿在整個(gè)產(chǎn)品開發(fā)過程的紐帶，起到承上啟下的作用，一個(gè)好的前端工程師他能夠很好理解產(chǎn)品經(jīng)理對用戶體 驗(yàn)的要求，也能夠很好地理解后臺(tái)工程師對數(shù)據(jù)邏輯，或者程序邏輯進(jìn)行分離的要求，并將這些要求轉(zhuǎn)化成前臺(tái)的開發(fā)工作。前端就是網(wǎng)站的門面，它的價(jià)值遠(yuǎn)大于 其他的客戶端開發(fā)。