如何成為一名優秀的前端工程師(share)

最美的回憶發表於2017-11-29
原文網址 : https://flycode.co/archives/138815
前端工程師

發現一篇不錯的博文，和大家分享一下，為有志成為一名優秀前端工程師的童鞋們提供一個參考。 :)~  

本文來源：http://www.biaodianfu.com/what-makes-a-good-front-end-engineer.html

 

 

一、技術的必須的

作為一名最基礎的前端工程師你必須掌握HTML、CSS和JavaScript。三者必須同時精通，類似我這樣對前端知識一知半解的，一遇到問題就停下工作就四處搜尋解決方案的，首先就算不上一個合格的前端人員。像我這樣的如果當了前端工程師那工期肯定是不能保證的。合格的前端工程師第一要學會的就是在沒有任何外來幫助的情況下（包括搜尋引擎），能夠完成大多數任務。

以下知識點是作為一個前端工程師必須瞭解和熟悉的：

  • DOM結構——兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。
  • DOM操作——怎樣新增、移除、移動、複製、建立和查詢節點。
  • 事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
  • XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
  • 嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。
  • 盒模型——外邊距、內邊距和邊框之間的關係，IE < 8中的盒模型有什麼不同。
  • 塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
  • 浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
  • HTML與XHTML——二者有什麼區別，你覺得應該使用哪一個並說出理由。
  • JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它，說出實現細節來。

上述這些知識點都應該是你“想都不用想”就知道的東西。除了上述的前端知識，也還需學會至少一門後端程式語言，讓你自己學會如何與後端進行更好的互動。

很多前端工程師對一些庫非常的熟悉，jQuery，Bootstrap等，但是對於庫的熟悉並不能提現你的優秀，真正優秀的是那些理解庫背後的機制，特別是能夠徒手寫出一個自己的庫的人。

真正合格的前端工程師是能實現具體的功能要求，而優秀的前端工程師需要解決的問題是尋找一個最優的解決方案。

二、溝通很重要

優秀的前端工程師需要具備良好的溝通能力，因為你的工作與很多人的工作息息相關。在任何情況下，前端工程師至少都要滿足下列四類客戶的需求。

  1. 產品經理——這些是負責策劃應用程式的一群人。他們能夠想象出怎樣通過應用程式來滿足使用者需求，以及怎樣通過他們設計的模式賺到錢（但願如此）。一般來說，這些人追求的是豐富的功能。
  2. UI設計師——這些人負責應用程式的視覺設計和互動模擬。他們關心的是使用者對什麼敏感、互動的一貫性以及整體的好用性。他們熱衷於流暢靚麗但並不容易實現的使用者介面。
  3. 專案經理——這些人負責實際地執行和維護應用程式。專案管理的主要關注點，無外乎正常執行時間——應用程式始終正常可用的時間、效能和截止日期。專案經理追求的目標往往是儘量保持事情的簡單化，以及不在升級更新時引入新問題。
  4. 終端使用者——當然是應用程式的主要消費者。儘管我們不會經常與終端使用者打交道，但他們的反饋意見至關重要；沒人想用的應用程式毫無價值。終端使用者要求最多的就是對個人有用的功能，以及競爭性產品所具備的功能。

不要在沒有作出評估之前就隨便接受某項任務。你必須始終記住，一定先搞清楚別人到底想讓你幹什麼，不能簡單地接受“這個功能有問題”之類的大概其的說法。而且，你還要確切地知道這個功能或設計的真正意圖何在。“加一個按鈕”之類的任務並不總意味著你最後會加一個按鈕。還可能意味著你會找產品經理，問一問這個按鈕有什麼用處，然後再找UI設計師一塊探討按鈕是不是最佳的互動手段。要成為優秀的前端工程師，這種溝通至關重要。

那麼，前端工程師應該最關注哪些人的意見呢？答案是所有這四類人。優秀的前端工程師必須知道如何平衡這四類人的需求和預期，然後在此基礎上拿出最佳解決方案。由於前端工程師處於與這四類人溝通的交匯點上，因此其溝通能力的重要性不言而喻。如果一個非常酷的新功能因為會影響前端效能，必須刪繁就簡，你怎麼跟產品經理解釋？再比如，假設某個設計如果不改回原方案可能會給應用程式造成負面影響，你怎麼才能說服UI設計師？作為前端工程師，你必須瞭解每一類人的想法從何而來，必須能拿出所有各方都能接受的解決方案。從某種意義上說，優秀的前端工程師就像是一位大使，需要時刻抱著外交官的心態來應對每一天的工作。

專業技術可能會引領你進入成為前端工程師的大門，但只有運用該技術創造的應用程式以及你跟他人並肩協同的能力，才會真正讓你變得優秀。

三、提升無止境

優秀的前端工程師應該具備快速學習能力。推動Web發展的技術並不是靜止不動的，這些技術幾乎每天都在變化，如果沒有快速學習能力，你就跟不上Web發展的步伐。你必須不斷提升自己，不斷學習新技術、新模式；僅僅依靠今天的知識無法適應未來。Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應用程式來體現這種翻天覆地的變化。

四、前端開發知識架構

參考連結：

http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer-1356.html

https://github.com/jacksontian/fks

http://julying.com/blog/how-to-become-a-good-web-front-end-engineer/

本文轉自挨踢前端部落格園部落格，原文連結http://www.cnblogs.com/duanhuajian/p/3166493.html如需轉載請自行聯絡原作者

@挨踢前端


相關文章