走近Web前端工程師 看前端工程師的價值
這是一個很老的話題“前端工程師的價值體現在哪里？”。 有人說：“前端工程師之于網站的價值猶如化妝師之于明星的價值。”一位好的 Web 前端開發工程師在知識體系上既要有廣度，又要有深度。當然，Web 前端工程師并不是設計師，每天接觸最多的是代碼，代碼，還是代碼。對此，你是如何給自己定位的？你的價值是否能夠得到很好的體現？如今，舊話重提無非是想 與開發者們共同探討下前端工程師的價值所在，希望對你有所感悟。
前端工程師的價值體現在哪里？
一起來看下業內資深大牛對前端工程師是如何評價的：
張克軍 豆瓣前端工程師：
個人認為前端工程師正慢慢演變為產品工程師。WAP App，響應性 UI 等以 HTML5 技術為基礎的開發將成為前端工程師的主要工作內容，解決產品跨平臺跨設備的實現問題。Javascript，HTML，CSS 這些前端工程師熟悉的，多年使用的語言，作為開放標準將被各種平臺所支持。產品形態和數據的分離是形勢所趨。移動時代對產品形態多元化的要求雖然可以靠不 同技術分別實現，但要付出巨大的成本。這也是 HTML5 這個 04 年就提出來的標準，直到前兩年才火爆的原因。
現階段的價值也很大。Web 產品交互越來越復雜，用戶使用體驗和網站前端性能優化，這些都需要專業的前端工程師來解決。另外，在項目中還要彌補設計師在交互設計上的不足，前端工程師 在開發過程中起著重要的承上啟下的作用。一兩個前端工程師就可以讓整個開發并行起來，讓設計到實現的轉換更順利。明智的公司應該貯備前端工程師資源。
我不認為前端工程師和產品經理有什么關系。好的前端工程師一定會成為好的交互設計師。前端工程師對信息架構的理解應不亞于專業的交互設計師。
張經緯 前端工程師：
一、前端工程師所需要掌握的基本技能：
HTML CSS
JavaScript
PHP/ASP/或者其他廣泛應用在 Web 領域的編程語言
美術、視覺
二、前端工程師面向于：
用戶
瀏覽器
數據接口
三、那么前端工程師的價值體現在哪兒呢？
為簡化用戶使用提供技術支持（交互部分）
為多個瀏覽器兼容性提供支持
為提高用戶瀏覽速度（瀏覽器性能）提供支持
為跨平臺或者其他基于 webkit 或其他渲染引擎的應用提供支持
為展示數據提供支持（數據接口）
元彥云端工程師：
關于前端攻城師的價值體現，我覺得主要取決于下面幾個方面：
1. 與用戶最近，最愿意揣測用戶，是工程師中最了解用戶的
2. 前端充滿創新
3. 前端技能 JavaScript、HTML、CSS....入門易，深入難
4. 前后端交互方式多樣，適用場景不同，Ajax（Post、Get）、Comet（輪訓、長輪訓、***幀、XHR 流）、WebSocket
5. 隨之瀏覽器的發展，很多技術方案開始偏向于前端
6. 前端不僅僅是 Desktop,而有 Mobile、Pad、TV......
高原Web工程師：
作為前端工程師最核心的價值或者說是責任，就是將大伙的所有心血和努力最終要***地呈現給用戶。在一個技術開發團隊中，無疑離用戶最近的人就是前端，其次是 UI、UE 和產品，然后是后端、DBA 和系統工程師。
如果說一個技術開發團隊就是一支足球隊的話，那么前端工程師無疑就是前鋒，他接到隊友們傾力傳到腳下的球，他責無旁貸，要做的就是必須將球準確 無誤地打入對方的球門..... 他有兩點必須是非常清楚：1.他必須清楚在對方球門與自己之間存在著哪些阻礙；2.他必須清楚如何破除這些障礙將球直至門網.....他也應該要是所有隊 員中對這兩點最為清楚的人。
每個球隊都有自己的明星，可以是鋒線殺手、可以是中場戰車、可以是超級后衛、也可以是神奇門將、甚至可以是救火教練。而且相信球場上任何一個位 置的優秀球員，都有可能在后場斷球長途盤帶奔襲射門，球進！但任何一支優秀的球隊都必須有兩類分工，前場球員想的是贏得比賽，后場球員想的是不能輸掉比 賽，各司其職才能卓越。而作為一名稱職的前鋒，你必須是球隊里，進球最多、射門技術***的那一個，否則你還有什么價值可言呢....
不管技術實現的風潮如何變化，一個給用戶的交互界面要有人來實現，這是不辨的硬需求.... 除非以后人機的信息交互不依賴視覺了(直接靠意念鏈接)，那時的前端就轉向只做信息的組織與表達形式的設計就好了，因此，前端的最終價值是對人機交互的設 計與實現。
李春平百度研發工程師：
應該來講有三條路，一個是向前走，一個是向后走，另外一個是一直做前端，深入下去。向前即是前面所說的往用戶體驗與交互設計甚至產品設計師上走，這是最能體現前端價值的了，即用戶體驗，大多人會往這方面走；
向后走就是做 Web 開發，往數據庫和后臺開發方面走，不再區分前后端，大家深入產品的研發實現，這條路就是與軟件工程師融合的路，這是的價值就體現在對于業務功能的實現上；
***還有的是一直深入做前端開發，比如前端各類庫與框架的架構設計，W3C 各種標準深入研究，對于 JavaScript 語言本身的研究，對瀏覽器的原理分析，對于網絡傳輸協議的原理分析等等，這條路要深入下去很不容易，因為涉及很多原理與根本性的東西，所以走的人也不是很 多。
當然了，還有一些徹底離開了前端甚至軟件開發，轉行專門做產品或者做業務運營。可能會因為有不錯的技術背景有一定的優勢呢。
胡金埔前端開發者：
我覺得前端工程師需要分兩個方向來看各自的價值：
***個方向：讓用戶更便捷的獲取信息。這是大部門公司前端工程師應該努力做好的事情。拿到 psd，產出線上的代碼，這個過程中的每個細節都值得你去用認真的態度做好。表單的各種交互，頁面不同元素（區域）間的信息交互，這都未必是普通 ID 可以給你指導好的，你需要依賴自己的技術能力和自己對用戶需求的感知去完成。
這個方向的價值就體現為：信息獲取是否更加便捷？從而你的用戶量是否上漲了？在線預訂是否提高了？
第二個方向：讓前端更加專業。這是一些研究院的大牛每天做的事情。閱讀規范，比較不同版本的區別，并思考引入新特性的意義（技術或商業）。關注 行業的***發展，找出一些創新點，如果可以的話，站在巨人的肩膀上，不盲目的造輪子。***，不管是自己的創新還是自己的整理好的當前解決某個問題的***方 案，都會給整個行業以及自己的公司的其他前端同學的工作帶來更多的支持。
這個方向的價值更加的技術化，可能短時間無法直接量化，但一段時間后，會從提高的個人生產率，頁面交互的新模型等方面得到體現，甚至會導致新的產品。
元亮 前端工程師：
產品工程師－Web 產品 APP 化使得前端需要了解產品的設計和交互實現細節，從而使前端代碼結構合理可擴展！
跨平臺設備實現－并不單單是各瀏覽器的跨平臺兼容了。現在的物理設備多樣，只要和用戶產生直接互動的實現工作都可以稱為前端！
***優雅實現交互和設計細節－用最精簡的代碼和最小的代價還原交互和設計的細節，可用性和可訪問性的提升！
用戶體驗和新技術的結合－HTNL5的發展使得 Web 和移動應用有更優和更佳合理的實現方式
網站前端性能優化－節省用戶成本，節省公司成本
可擴展的標準接口－語義化的頁面使得網站無論從 seo 角度和機器可讀行得到更大得提升，標準化可擴展的數據接口使得和后臺的聯系更佳無縫！同時也會大大提升開發效率。
網站形象的業內 PR－以最直觀可見的方式展示公司網站和公司形象！
前端的需求
需要理解產品的邏輯和形成的過程－ 希望參與開發產品頁面的相關人員參與到產品討論的階段，了解產品的需求。以及了解產品的未來的隱性需求！列席即可！
需要了解交互細節－希望參與開發產品頁面的相關人員參與到交互討論當中，理解交互和設計細節！ 使頁面結構合理和具有可擴展性！列席即可！如果合理化建議可以提出！
需要了解數據接口－理解產品相關模塊所需要的數據與相關技術人員溝通形成文檔。
需要技術的積累和新技術的學習－希望有團隊內的交流活動，頭腦風暴！學習了解***的行業技術，參加業界的交流！
需要成就感，和滿足感。
結束語：
前端就是后臺實現和視覺表現的橋梁，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對用戶體 驗的要求，也能夠很好地理解后臺工程師對數據邏輯，或者程序邏輯進行分離的要求，并將這些要求轉化成前臺的開發工作。前端就是網站的門面，它的價值遠大于 其他的客戶端開發。
