前端工程師的價(jià)值體現(xiàn)在哪里?一起來(lái)看下業(yè)內(nèi)資深大牛對(duì)前端工程師是如何評(píng)價(jià)的：

張克軍 豆瓣前端工程師：

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

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

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

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

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

HTML CSS

JavaScript

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

美術(shù)、視覺(jué)

二、前端工程師面向于：

用戶(hù)

瀏覽器

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

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

為簡(jiǎn)化用戶(hù)使用提供技術(shù)支持(交互部分)

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

為提高用戶(hù)瀏覽速度(瀏覽器性能)提供支持

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

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

元彥云端工程師：

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

1. 與用戶(hù)最近，最愿意揣測(cè)用戶(hù)，是工程師中最了解用戶(hù)的

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

3. 前端技能 JavaScript、HTML、CSS....入門(mén)易，深入難

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

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

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

高原Web工程師：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

這個(gè)方向的價(jià)值更加的技術(shù)化，可能短時(shí)間無(wú)法直接量化，但一段時(shí)間后，會(huì)從提高的個(gè)人生產(chǎn)率，頁(yè)面交互的新模型等方面得到體現(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è)備多樣，只要和用戶(hù)產(chǎn)生直接互動(dòng)的實(shí)現(xiàn)工作都可以稱(chēng)為前端!

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

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

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

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

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

前端的需求

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

需要了解交互細(xì)節(jié)-希望參與開(kāi)發(fā)產(chǎn)品頁(yè)面的相關(guān)人員參與到交互討論當(dāng)中，理解交互和設(shè)計(jì)細(xì)節(jié)! 使頁(yè)面結(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é)束語(yǔ)： 前端就是后臺(tái)實(shí)現(xiàn)和視覺(jué)表現(xiàn)的橋梁，是貫穿在整個(gè)產(chǎn)品開(kāi)發(fā)過(guò)程的紐帶，起到承上啟下的作用，一個(gè)好的前端工程師他能夠很好理解產(chǎn)品經(jīng)理對(duì)用戶(hù)體 驗(yàn)的要求，也能夠很好地理解后臺(tái)工程師對(duì)數(shù)據(jù)邏輯，或者程序邏輯進(jìn)行分離的要求，并將這些要求轉(zhuǎn)化成前臺(tái)的開(kāi)發(fā)工作。前端就是網(wǎng)站的門(mén)面，它的價(jià)值遠(yuǎn)大于 其他的客戶(hù)端開(kāi)發(fā)。