我第一次通過軟件賺錢是在2008年。

當時，我為當地的一家小公司構建了一個 WordPress 網站，時薪是25美元。開發軟件是我的業余愛好，當我發現愛好居然能夠賺錢時，我興奮不已。最后，我用這筆外快購買了自己的第一臺相機。

時間來到2018年。在灣區，剛畢業的初級前端工程師基本年薪已經達到了6位數。至于那些有幾年工作經驗的前端工程師，FANG 公司（Facebook、Apple、Netflix、Google 等）開出的薪酬可達40萬美元。初創企業或者西雅圖和紐約的科技公司給出的待遇也差不了多少。

那么，前端工程師工資如此之高的原因是什么？甚至有很多人眼紅、質疑前端工程師，認為他們不能稱為軟件工程師。以下是我學習和工作經歷，從一個前端菜鳥成長為一個10人前端團隊的主管。

1

什么是“前端工程師”

“前端”是指軟件的表現層或者用戶界面（UI）。前端工程師主要使用 Web 技術實現UI。前端工程師與 Web 開發人員的主要區別在于，前者需要構建交互式應用程序，而后者主要構建專注于內容的網站。如果前端工程師從事 iOS 等其他平臺的開發工作，他們可能被稱為 UI 工程師或者 iOS 工程師。如果開發過程非常重視設計，他們也可能被稱為 UX 工程師。

從我自己的經驗來講，我堅信最優秀的前端工程師應當專注于 UI 的實施。他們在該領域磨練自己的技藝，并且不斷學習最新的 UI 技術。全棧工程師需要做前端工作，非常適合在小團隊中從0到1構建產品。全棧工程師無法兼具前端工程師、后端工程師、可靠性工程師和數據分析師。

如今軟件技術的每個細分領域都得到高度發展，追尋技術的廣度使得全棧工程師無法真正深入某個領域。

2

最顯眼的工作

作為一名前端工程師，弊端很明顯。

按鈕無法點擊？找前端。搜索結果不滿意？即使是源數據的問題，用戶也認為是前端的錯。用戶只會上報那些他們看到的錯誤。前端工程師開發的東西就是被用戶所見的，因此一切都是前端的錯。作為前端工程師，很難向用戶解釋清楚。用戶不關心問題是否與數據或者 API 服務有關，他們只知道在瀏覽器中搜索蘋果，那么搜索結果就應該是蘋果的照片。

軟件工程師最主要的時間不是用來寫代碼，這可能會讓你非常吃驚。實際上，他們把更多的精力花在了溝通上。前端工程師是離用戶最近的開發人員，他們往往是最能把握用戶需求的人。

3

UI實現并非易事

具有良好 UI 效果的產品能夠更容易獲得用戶的信任。信任度會直接轉化為收入，網站頁面的加載時間每增加一秒就會丟失10%的用戶。

前端工程師竭盡全力對加載時間進行毫秒級的縮減，就像波音公司的工程師減輕飛機重量一樣。例如，Stripe Billing 的主頁在移動3G網絡下的加載時間不到1秒。下載到你設備中的數據包比谷歌主頁的還小，它是出了名的輕量級網站。那么，它是如何在頁面中嵌入高分辨率視頻的呢？

當你仔細觀察開發人員工具時，你會看到“視頻”只是簡單的 HTML，網站將它們精心組合在一起并使用 CSS 進行動畫處理。HTML 和 CSS 比視頻輕量級得多，因為它們只是告訴瀏覽器如何呈現 UI 的文本指令。無論屏幕尺度分辨率如何，該技術都可以呈現很好的效果。即使放大界面，視頻依然很清晰。這項工程能夠提供很好的用戶體驗。

性能只是優秀 UI 效果的眾多方面之一。

用戶在移動設備上逗留的時間最長，那么如何在移動設備上提供更好的 UI 效果呢？前端工程師可以針對4種尺寸的 iPhone 和數百種尺寸的 Android 手機適配 UI，而無需為每種尺寸的設備構建單獨的 UI。對于中國的14億用戶怎么辦呢？前端工程師可以構建國際化框架，以便翻譯人員可以輕松將應用程序翻譯成其他語言。想要具有包容性并遵守 ADA 可訪問性標準嗎？前端工程師可以讓用戶通過鍵盤和屏幕閱讀器訪問整個應用程序。應用程序的眾多受眾和環境使前端工程師的工作變得困難。然而學校并沒有教授這些技能，前端工程師不得不持續學習，用最新的技術來應對不斷變化的平臺。

4

前端人員不僅僅是工程師

一致性是優秀 UI 的另一個重要方面。誰在乎一個按鈕邊框是1像素，而另一個按鈕邊框是2像素？我經常會和朋友們一起討論這個問題，不論他們是工程師與否。我的導師Charles d‘Harcourt 說得最好——當用戶發現界面元素沒有滿足他們的預期時，他們就會失去對該產品的信任。他在許多明星產品上一次又一次地強調這一點，比如WebObject、iTunes和Chrome。

前端工程師不僅僅是工程師，他們利用自己的設計直覺和用戶共鳴提升用戶界面的人性化。在我看來，這一點將使那些杰出的前端工程師從普通工程師中脫穎而出。而在日常工作中，前端工程師需要與產品經理和設計師進行良好協作，需要平衡需求和實施難度，以滿足用戶需求，并以最少的審核周期解決錯誤和不一致問題。

設計直覺和用戶共鳴很難量化。對于我曾經合作過的許多優秀的前端工程師來說，這兩者已經深入他們的靈魂。前端工程師接受的教育往往是跨學科的。他們喜歡顛覆已經被精心設計的產品。他們還有充滿創造性和藝術性的愛好。有些學校，比如斯坦福大學，會教授藝術與工程的融合。關于設計直覺和用戶共鳴的教授方法，我很樂意聽取大家的意見。

5

高效前端團隊造價高昂

盡管我熱愛前端工作，但我并不認為僅僅靠一個優秀的 UI 就可以讓產品變得偉大。讓產品變得偉大的核心因素在于：真正解決用戶的問題。Craigslist 就是一個典型的例子，它采用極其簡單的以文本為中心的 UI。

如果你想打造一支優秀的團隊，那么首先得問問自己，你是否希望并且能夠根據 UI 區分你的業務。

像所有最優秀的其他工程師一樣，優秀的前端工程師只對偉大的產品或者擁有前端大牛的團隊感興趣。那么，你是否擁有優秀的 UI 產品，是否擁有前端大牛？Stripe 已經擁有了優秀的 UI，并且其前端團隊非常強大，因此它才能吸引 FANG 公司以及各大名校的前端人才。

如果你雇用最優秀的人才并為他們支付行業最高的薪酬，那么這些優秀人才為你的業務帶來的收益可能會遠遠超過你在人才方面的支出。——Netflix 首席人才官 Patty McCord，關于如何招聘

打造一個高效的前端團隊需要提供充滿競爭力的薪酬。

盡管也有例外，比如那個熱衷和你一起做開源項目的高手可能期望薪酬只有 Facebook 的一半。當然也有一些優秀的前端工程師并不要求硅谷級別的待遇。但這畢竟是小概率事件，為前端工程師設置過低的薪酬存在風險。因為員工流動成本很高，不能順利完成產品的風險將導致更多問題，其消耗的預算也更多，有些得不償失。