前端工程師的英文名為front-end engineer,簡稱FE,下文將用FE來代稱。現(xiàn)在意義上的前端(并非只制作網(wǎng)頁),國內最早開始有大規(guī)模招聘崗位應該是2011年左右的事情吧,在此之前,F(xiàn)E的工作基本都是由服務端工程師包辦的,或者是由設計師來產出HTML頁面。那么,是什么樣的原因催生出了FE這一職位呢?本文將從FE的工作內容、專業(yè)FE應具備的技能和品質來聊聊這個職業(yè)。
用戶體驗的操刀者
前端工程師的首要工作就是開發(fā)用戶界面,在web系統(tǒng)中,就是指網(wǎng)頁了。為什么網(wǎng)頁需要專門的FE來寫呢?答案就是「用戶體驗」。隨著web2.0概念的普及以及web3.0的提出,用戶成為互聯(lián)網(wǎng)的主要生產者,網(wǎng)頁所承載的功能越來越多。
一方面,企業(yè)的「用戶體驗」訴求很強烈。這個很容易就能理解,如果你的產品看上去就像個釣魚網(wǎng)站而且還特別難用,就會有一部分用戶離你而去。非互聯(lián)網(wǎng)企業(yè)呢?也會面臨這樣的情況,你花了很大的功夫優(yōu)化數(shù)據(jù)庫,優(yōu)化服務器負載,你的客戶卻很難感知到你的努力。你的系統(tǒng)界面還是八九十年代的風格,客戶的第一感覺就是這系統(tǒng)不行,不買你的帳。相反,如果你花一點時間做一套嶄新風格的界面出來,客戶的第一感覺就是這個系統(tǒng)好炫酷,技術含量很高。不要小看這個第一感覺,對于外行人來說,第一感覺往往起到了決定作用。好多企業(yè)都意識到了這一點,所以對用戶體驗的訴求就上去了。
另一方面,現(xiàn)在的用戶也都很挑剔。畢竟他們使用的產品一個比一個炫,都被慣壞了,你的產品稍有點不爽的地方,就上微博去給你宣傳。
前端工程師是用戶體驗的把控者,在產品經(jīng)理構想出交互原型,設計師設計出交互細節(jié)后,F(xiàn)E就用他的雙手一行行敲出這些代碼。他敲出的每一個按鈕,每一張圖片,都被成千上萬的用戶點擊著,F(xiàn)E與用戶可以說是“零距離接觸”。作為產品交互的實現(xiàn)者,除了HTML、CSS這兩門語言要精通外,對前端要求更高的其實是非技術因素。
FE需要對用戶體驗有較深的理解。比如頁面上有一個超鏈接,字體比較小的情況下,用戶可能會一下點不中,因為鏈接的可點擊區(qū)域是緊貼著文字邊緣的。前端可以通過很簡單的方法來擴大這個鏈接的可點擊區(qū)域,使得用戶更容易點中。這就是用戶體驗,正如《瞬間之美》中提到的那樣,touch到用戶的內心只需要一瞬間。對用戶體驗的理解,還體現(xiàn)在對一些交互常識的把握上。比如用戶操作某個軟件的界面,會感覺它很靈巧,卻具體說不出到底是哪里。那么很可能是這個界面上的按鈕有著設計良好的四態(tài)(正常、鼠標移上、鼠標按下、不可用),它會隨時對你的操作給出反饋。
懂用戶體驗的前端工程師,會讓他的作品與用戶溝通,能夠touch到用戶心中那一塊柔軟的區(qū)域。
FE需要有一點強迫癥。這體現(xiàn)在對任何瑕疵的不容忍。比如采用技術手段讓頁面的滾動更平滑些,減少頁面的視覺抖動,像素級別的定位校準。當用戶觸碰的內容是一串非電話號碼的數(shù)字時,不要讓手機自動調出撥號功能,等等。很多細節(jié)是產品經(jīng)理無法感知的,因為這些都是很零散的技術手段,只有靠FE來點滴積累。再有極致者,追求讓頁面的響應時間再減少幾個毫秒,讓你的手機少耗幾KB流量,少耗一些電量。這些甚至連用戶都無法感知,但是當你的用戶有百萬級別或者千萬級別,這樣做的價值就顯現(xiàn)出來了。
前端工程師需要是一個心思細膩之人,需要對美有所領悟,需要執(zhí)著地追求完美,需要有品味,有思想,有大局觀,最好還能懂點心理學。
用戶端業(yè)務邏輯
做出優(yōu)雅的界面只是前端工程師的第一步,編程也是必備技能,F(xiàn)E承擔著處理用戶端業(yè)務邏輯的任務。放在以前,用戶端就是個IE瀏覽器,沒有什么業(yè)務邏輯可言。但現(xiàn)在不同了,用戶使用瀏覽器發(fā)表文章、進行社交活動,更復雜的能使用在線工具完成工作。
javascript就是FE需要掌握的編程語言,他應該通曉這門語言的優(yōu)勢和缺點,掌握各種編程思想、開發(fā)模式。利用各種技巧實現(xiàn)交互越來越豐富的界面,同時還要與服務端的工程師溝通,調試接口,完成:頁面展示——響應用戶操作——提交用戶數(shù)據(jù)——反饋操作結果這一系列流程。
從這一點上,要求前端工程師要有軟件開發(fā)的基礎,了解計算機的基本原理,網(wǎng)絡通信的基本原理,所以計算機相關專業(yè)出身的前端會更有優(yōu)勢一些。
前端也需要架構
寫寫網(wǎng)頁也要架構?有什么好架的?回答這個問題首先得明確一點,F(xiàn)E的工作內容已不再是「寫寫頁面」這么簡單。隨著前端代碼的規(guī)模越來越大,逐漸涌現(xiàn)出了模塊化開發(fā)、MVC、MVVM等開發(fā)模式。團隊規(guī)模也從原來的單兵作戰(zhàn)演變?yōu)閳F隊開發(fā)。
所以,一個高級前端工程師,要有架構能力。這個架構能力包括不限于:
對現(xiàn)有優(yōu)秀框架的了解與整合使用
根據(jù)項目的業(yè)務特點構建出合適的開發(fā)模式
設計前端測試方案保證代碼質量
用工程化方案組織起團隊的開發(fā)流程。
向前延伸、向后延伸
物聯(lián)網(wǎng)的市場越來越熱了,手機是物聯(lián)網(wǎng)體系中的一個關鍵節(jié)點。前端工程師的戰(zhàn)場已不再是單純的瀏覽器,將來會覆蓋到各種「端設備」上。得益于javascript語言的靈活性,現(xiàn)在用javascript已經(jīng)可以開發(fā)windows應用、ios應用、android應用,可以編寫智能電視上的應用。將來,或許是VR、可穿戴設備、智能家電。這是前端可以向前延伸的方向。
另一方面,由于nodejs的橫空出世,javascript這門語言竟然神奇的有了服務端的能力。之前用java、PHP做的事情,js同樣可以實現(xiàn)了。本來前端陣營中就有一批人是從后端轉過來的,有服務端開發(fā)的基礎,得了nodejs這一利器,再加上現(xiàn)在市場的需求,快出產品,敏捷開發(fā),前端工程師向后延伸的路線寬廣而明亮。事實上,全棧工程師的概念在前年就被提出,BAT這樣的業(yè)界領頭羊早已用nodejs做一些基礎設施的建設,而很多小而快的創(chuàng)業(yè)公司,也在用nodejs進行快速迭代開發(fā)。
持續(xù)學習
前端領域的技術更新相對于其他領域要快很多,原因大概也是因為這個領域離用戶最近吧。有一些新的技術甚至是顛覆性的,前端工程師必須要跟上時代的步伐,否則你開發(fā)出的產品在體驗上就落后別人一截了。
有一些市場人員提出的需求,產品經(jīng)理根據(jù)多年的經(jīng)驗評估后覺得無法實現(xiàn),就被打回了。而事實上,隨著新技術的出現(xiàn),有些你認為無法實現(xiàn)的功能已經(jīng)可以在前端實現(xiàn)了。隨著HTML5的支持度越來越高,前端擁有的能力也會越強。比如利用canvas能夠獲取到圖片上的每一個像素點,這樣前端就擁有了圖像處理能力。有了FileReader API,前端擁有了本地文件的讀取能力,還有地理位置獲取等等。
而這些新東西,就需要前端工程師來不斷學習。所以,一個稱職的前端必須能夠保持持續(xù)學習能力,能夠對新技術有敏銳的嗅覺。活到老,學到老,說的就是前端工程師。
高情商的程序猿
大多數(shù)人對程序猿的印象就是情商低、不善言談。但前端工程師應該是個例外,這是由工作性質決定的。
從工作流程來看,F(xiàn)E處于設計師的下游,他要接設計稿,轉化為網(wǎng)頁。同時又是后端工程師的上游,需要把用戶產生的數(shù)據(jù)提交到服務端。橫向來看,他又與產品經(jīng)理有著密切接觸,因為他可能隨時和產品經(jīng)理探討交互的細節(jié)。這樣一個連接著團隊中的其他成員的角色,需要他既是一個粘合劑,又是一個潤滑劑。
前端工程師需要有較高的溝通能力和理解能力。我們經(jīng)常開玩笑說“設計師活在童話故事里”,因為有時候他們設計的頁面根本不符合常規(guī),無法實現(xiàn)。這個時候你就需要耐心的給設計MM講原理、講原因,并且告訴她設計需要遵循哪些基本規(guī)范。對于產品經(jīng)理的思想,你要能把握到位,你得理解他比劃了半天到底是想要做什么。與后端工程師打交道的時候,你又得馬上化身編程達人,跟他們聊數(shù)據(jù)類型,聊面向對象,聊設計模式。
你需要能隨時切換角色,切換你的表達方式和談話內容。所以,你得是一只高情商的程序員。
以上就是我對前端工程師的理解,前端的門檻低,但要成為一名專業(yè)的前端工程師,需要掌握的東西太多了。除了前端技術外,我認為前端更重要的是綜合能力,包括我上面談到的思維細膩、有品味、有思想、情商高等等。畢竟你要通過代碼與用戶產生接觸,給用戶帶來愉悅感。從某種程度上來說,你得是一個好戀人。
最后:
“相信有很多想學前端的小伙伴,今年年初我花了一個月整理了一份最適合2018年學習的web前端干貨,從最基礎的HTML+CSS+JS到移動端HTML5等都有整理,送給每一位前端小伙伴,53763,1707這里是小白聚集地,歡迎初學和進階中的小伙伴。”
祝大家早日學有所成,拿到滿意offer,快速升職加薪,走上人生巔峰。
責任編輯:wv
-
工程師
+關注
關注
59文章
1569瀏覽量
68507
發(fā)布評論請先 登錄
相關推薦
評論