帶你認識Web前端工程師

這是一個很老的話題「前端工程師的價值體現在哪裡？」。 有人說：「前端工程師之於網站的價值猶如化妝師之於明星的價值。」一位好的Web 前端開發工程師在知識體系上既要有廣度，既要有廣度，則要有廣度又要有深度。當然，Web 前端工程師不是設計師，每天接觸最多的是程式碼，程式碼，還是程式碼。對此，你是如何為自己定位的？你的價值是否能夠得到很好的體現？如今，舊話重提無非是想與開發者們共同探討下前端工程師的價值所在，希望對你有所感悟。

前端工程師的價值體現在哪裡？

一起來看下業內資深大牛對前端工程師是如何評價的：

張克軍豆瓣前端工程師：

克軍豆瓣前端工程師：克軍豆瓣前端工程師：克軍豆瓣前端工程師： WAP App，響應性 UI 等以 HTML5 技術為基礎的開發將成為前端工程師的主要工作內容，解決產品跨平台跨設備的實現問題。 Javascript，HTML，

CSS

這些前端工程師熟悉的，多年使用的語言，作為開放標準將被各種平台所支持。產品形態和數據的分離是情勢所趨。行動時代對產品形態多元化的要求雖然可以靠不同技術分別實現，但要付出龐大的成本。這也是 HTML5 這個

04

年就提出來的標準，直到前兩年才火爆的原因。

現階段的價值也很大。 Web

產品互動越來越複雜，使用者使用體驗和網站前端效能最佳化，這些都需要專業的前端工程師來解決。另外，在專案中還要彌補設計師在互動設計上的不足，前端工程師

在開發過程中扮演重要的承上啟下的角色。一兩個前端工程師就可以讓整個開發並行起來，讓設計到實現的轉換更順利。明智的公司應該貯備前端工程師資源。

我不認為前端工程師和產品經理有什麼關係。好的前端工程師一定會成為好的互動設計師。前端工程師對資訊架構的理解應不亞於專業的互動設計師。

張經緯

前端工程師：

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

三三三紅三身體三身體三身體三身體木三身體三身體🜜三三身體三身體三鎜🜜三三三三三三三元木🜜三身體🜜🜜55%

或其他廣泛應用在

Web

領域的程式語言

美術、視覺

二、前端工程師面向於：

二、前端工程師面向於：接口

三、那麼前端工程師的價值體現在哪裡呢？

為簡化用戶使用提供技術支援（互動部分）

為多個瀏覽器相容性提供支援

為提高用戶瀏覽速度（瀏覽器效能）提供支援

為提高用戶瀏覽速度（瀏覽器效能）提供支援為提高用戶瀏覽速度（瀏覽器效能）提供支援

為提高用戶瀏覽速度（瀏覽器效能）平台或其他基於 webkit 或其他渲染引擎的應用提供支援為展示資料提供支援（資料介面） ，我覺得主要取決於下面幾個方面：

1.

與用戶最近，最願意揣測用戶，是工程師中最了解用戶的2. 3. 前端技能 JavaScript、HTML、CSS....入門易，深入困難CSS.... Ajax

（Post、

Get）、Comet（Web） 5. 隨之瀏覽器的發展，許多技術方案開始偏向前端6. 前端不只是

Desktop,、有 TV......

高原🎜🎜Web🎜🎜工程師：🎜🎜

作為前端工程師最核心的價值或者說是責任，就是將大伙的所有心血和努力最終要完美地呈現給用戶。在一個技術開發團隊中，無疑離使用者最近的人就是前端，其次是 UI、UE 和產品，然後是後端、DBA 和產品，然後是後端、

DBA

和產品，然後是後端、DBA 和產品，然後是後端、DBA 和產品，然後是後端、DBA 和產品，然後是後端、DBA 和產品如果說一個技術開發團隊就是一支足球隊的話，那麼前端工程師無疑就是前鋒，他接到隊友們傾力傳到腳下的球，他責無旁貸，要做的就是必須將球準確

無誤地打入對方的球門

..... 他有兩點必須是非常清楚：1.他必須清楚在對方球門與自己之間存在著哪些阻礙；

2.

他必須清楚如何破除這些障礙將球直至門網.....他也應該要是所有隊員中對這兩點最為清楚的人。 每個球隊都有自己的明星，可以是鋒線殺手、可以是中場戰車、可以是超級後衛、也可以是神奇門將、甚至可以是救火教練。而且相信球場上任何一個位置的優秀球員，都有可能在後場斷球長途盤帶奔襲射門，球進！但任何優秀的球隊都必須有兩類分工，前場球員想的是贏得比賽，後場球員想的是不能輸掉比

賽，各司其職才能卓越。而作為一名稱職的前鋒，你必須是球隊裡，進球最多、射門技術最好的那一個，否則你還有什麼價值可言呢

....

不管技術實現的風潮如何變化，一個給使用者的互動介面要有人來實現，這是不辨的硬需求

....

除非以後人機的資訊互動不依賴視覺了(直接靠意念連結

)

，那時的前端就轉向只做訊息的組織與表達形式的設計就好了，因此，前端的最終價值是對人機互動的設計與實現。 李春平百度研發工程師：應該來講有三條路，一個是向前走，一個是向後走，另外一個是一直做前端，深入下去。向前即是前面所說的往使用者體驗與互動設計甚至產品設計師上走，這是最能體現前端價值的了，即使用者體驗，大多人會往這方面走；

向後走就是做

Web

開發，往資料庫和後台開發方面走，不再區分前後端，大家深入產品的研發實現，這條路就是與軟體工程師融合的路，這是的價值就體現在對於業務功能的實作上；

最後還有的是一直深入做前端開發，例如前端各類庫與框架的架構設計，

W3C

各種標準深入研究，對於

JavaScript 各種標準深入研究，對於 JavaScript ，對瀏覽器的原理分析，對於網​​絡傳輸協議的原理分析等等，這條路要深入下去很不容易，因為涉及很多原理與根本性的東西，所以走的人也不是很多。

當然了，還有一些徹底離開了前端甚至軟體開發，轉行專門做產品或做業務運作。可能會因為有不錯的技術背景有一定的優勢。

胡金埔前端開發者：我覺得前端工程師需要分兩個方向來看各自的價值：

第一個方向：讓用戶更便捷的獲取資訊。這是大部門公司前端工程師應該努力做好的事情。拿到

🎜 psd🎜🎜，產出線上的程式碼，這個過程中的每個細節都值得你去用認真的態度做好。表單的各種交互，頁面不同元素（區域）間的信息交互，這都未必是普通🎜🎜 ID 🎜🎜可以給你指導好的，你需要依賴自己的技術能力和自己對用戶需求的感知去完成。 🎜🎜🎜🎜這個方向的價值就體現為：資訊取得是否更便捷？從而你的用戶量是否上漲了？線上預訂是否提高了？ 🎜🎜🎜🎜第二個方向：讓前端更專業。這是一些研究院的大牛每天做的事情。閱讀規範，比較不同版本的區別，並思考引入新特性的意義（技術或商業）。關注🎜🎜產業的最新發展，找出一些創新點，如果可以的話，站在巨人的肩膀上，不盲目的造輪子。最後，不管是自己的創新還是自己的整理好的當前解決某個問題的最佳方🎜🎜案，都會為整個行業以及自己的公司的其他前端同學的工作帶來更多的支持。 🎜🎜🎜🎜這個方向的價值更加的技術化，可能短時間無法直接量化，但一段時間後，會從提高的個人生產率，頁面交互的新模型等方面得到體現，甚至會導致新的產品。 🎜🎜

元亮前端工程師：

元亮前端工程師：產品工程師－Web 產品

APP 化使得前端需要了解產品的設計可交互細節

跨平台設備實作－並不單單是各瀏覽器的跨平台相容了。現在的實體設備多樣，只要和使用者產生直接互動的實作工作都可以稱為前端！

完美優雅實現互動和設計細節－用最精簡的程式碼和最小的代價還原互動和設計的細節，可用性和可訪問性的提升！ 用戶體驗與新技術的結合－HTNL5的發展使得

Web 和行動應用程式有更優、更佳

，節省公司成本可擴展的標準介面－語義化的頁面使得網站無論從

seo

角度和機器可讀行得到更大得提升，標準化可擴展的數據接口使得和後台的聯繫更佳無縫！同時也會大幅提升開發效率。 網站形象的業內

PR

－以最直觀可見的方式展示公司網站和公司形象！

前端的需求

需要理解產品的邏輯和形成的過程－

希望參與開發產品頁面的相關人員參與到產品討論的階段，了解產品的需求。以及了解產品的未來的隱性需求！列席即可！

需要了解互動細節－希望參與開發產品頁面的相關人員參與互動討論當中，理解互動和設計細節！

使頁面結構合理且具有可擴展性！列席即可！如果合理化建議可以提出！

需要了解資料介面－理解產品相關模組所需的資料與相關技術人員溝通形成文件。

需要科技的累積和新技術的學習－希望有團隊內的交流活動，腦力激盪！學習了解最新的產業技術，參與業界的交流！

需要成就感，和滿足感。

結束語：前端就是後台實現和視覺表現的橋樑，是貫穿在整個產品開發過程的紐帶，起到承上啟下的作用，一個好的前端工程師他能夠很好理解產品經理對用戶體

驗的要求，也能夠很好地理解後台工程師對資料邏輯，或是程式邏輯進行分離的要求，並將這些要求轉換成前台的開發工作。前端就是網站的門面，它的價值遠大於

其他的客戶端開發。 免費領取LAMP兄弟連原創PHP 細說PHP》精要版，詳情諮詢官網客服：http://www.lampbrother.netPHPCMS二次開發

http://yun.itxdl.cn/online/ 5

微信開發            http://yun.itxdl.cn/online/weixin/index.php?u=5 cn/online/server/index.php?u=5

Javascript課程

   http://yun.itxdl.cn/online/js/index.php?u=5

訓練營

                http://yun.itxdl.cn/online/cto/index.php?u=5 以上就介紹了帶你認識Web前端工程師，包含了方面的內容，希望對PHP教學有興趣的朋友有幫助。