牛X的前端工程師是什麼樣的

about ME:

　　我有一個夢想，想作出全世界最棒的網站，做爲用戶體驗最重要的一部分，我想選擇前端來作。這是我選擇前端工做的緣由。我以爲它有更多的挑戰和發揮空間，一我的的才能使取之不盡的，我但願我能夠有更大的成長，因此若是大家只須要找大家意願完成普通工做的人，我想我可能不適合，並且我要的工資也高。我對本身能力的要求也高。

　　對後端或者其餘開發類的職位也不排斥，由於這都是作出牛X的網站須要的，若是有必要，我也會去系統學習一下。

　　我不喜歡給本身的能力設限，若是你說我不會，那隻能表明我如今不會，在這個信息時代，我相信只要有心學習我是能夠會的。

　　我喜歡主動追求用戶體驗的提高，畢竟作出用戶體驗最棒的網站是個人終極目標。個人業餘時間可能喜歡一些新出的js.好比地球js.

　　自動化測試是我一直想要了解的。待定~~~~~~~~

　　初級前端看功能，中級前端看測試，高級前端看監控。

　　監控，纔是真正提升用戶體驗的利器，實時反饋用戶的操做。瞭解用戶的行爲，引導他們產生咱們想要的結果，這纔是真正的前端應該作的呢。

正文：

如何定義牛逼工程師

　　有軟件工程方面的研究說，對於開發者個體而言，最優秀的開發者的生產效率約爲平均值的2倍，而優秀的開發者會吸引其它優秀的人，或者激勵與幫助團隊中的其它成員，最終使團隊之間的生產效率差別達到10倍之多。

　　所謂牛逼的工程師，就是那些個體效率是其它人2倍，造成團隊以後達到10倍差別的一羣人。

　　前端領域這幾年發展速度很是快，人才分佈呈兩級分化趨勢，你們都在說缺前端，其實缺的是牛逼前端，對於低端的前端，培訓機構一直在量產，可是沒法知足要求。不少狀況下，一個牛逼前端對於團隊的價值是再多低端前端都沒法提供的。

　　牛逼的前端工程師有一些共通的特質，這些特質也許不屬於前端的核心範疇，可是能夠經過它們將牛逼的人識別出來。

　對用戶體驗的追求

　　不要認爲用戶體驗只由設計師和產品經理把關就能夠了。前端工程師對用戶體驗的關注度會直接影響產品的最終效果。

　　無論設計文檔有多麼詳細，產品中仍然有大量的細節是設計方沒有考慮到或者默認的，而這些細節須要前端工程師來把關。一樣的設計，交給不關注體驗的前端來作的話，會有很明顯的粗糙感，而想要填平這些粗糙感須要大量的附加成本。

　　目前多數視覺設計師的不足是沒法以動態的角度理解產品。好比咱們要出一個設計稿，PC時代咱們會出一個固定寬度的稿，好比800像素，而後讓工程師去還原。後來到移動時代，咱們會讓設計師出兩三個稿，對應不一樣屏幕的手機。這就是缺少動態思惟的彌補措施，不管出幾個寬度的視覺稿，都只是動態形態的截面。

　動機來源

　　我遇到的不少轉行作前端的人是認爲前端門檻低，因此先從前端作起。這樣的人也許能作基礎的工做，但很難作到優秀。

　　牛逼前端是奔着前端領域有更多的挑戰和發揮空間而來的，而不是爲了好找工做。事實上勝任高級前端的職位很難，咱們招聘高級前端工程師的面試經過幾率多是研發類職位中最低的。

　　還有的人說對前端有興趣，因此轉行作前端。對於前端的興趣要創建在對計算機的興趣、對編程的興趣之上。若是一我的對於作前端頗有興趣，可是對作後端或者其它開發類職位有排斥，那麼就要對他的興趣打個問號了，這類人可能不適合作研發類的工做。

　全棧意識

　　這裏所說的全棧並非真的要去作後端工程師同樣的事情。對於先後端分離，不少人有誤解，理解成前端不用寫後臺代碼。真正的先後端分離指的是系統級的分離，前端有獨立的系統，固然要有本身的後臺，還有各類輔助支撐系統。代碼構建、發佈、線上運維、數據統計監控都要了解，不然無法獨立承擔一塊業務。

　　牛逼的前端工程師首先得是一個牛逼的軟件工程師，他們是不會給本身的能力設限的。

　　而前端工程師所作的事情是將截面延展爲一個完成的產品形態。

　　牛逼的前端可以主動追求用戶體驗的提高，對於交互、UI、視覺設計有基本的認識和審美能力，即便脫離設計師的支持依然能交付用戶體驗良好的產品。

　瞭解自動化測試

　　優秀的前端不必定真的有多豐富的自動化測試實踐經驗，但必定要了解與自動化測試相關的基礎知識。系統的可測試性自己比具體的測試用例覆蓋度更重要。追求質量不是一件有時間了再去作的事情，追求質量自己是提升效率的方法，從而給你更多的時間。自動化測試是前端工程化建設的必備環節，雖然前端的自動化測試尚未造成穩定且應用普遍的實踐方法，可是自動化測試這一塊徹底缺失的話，確定是成爲不了一個牛逼前端的。

　重視監控系統

初級前端看功能，中級前端看測試，高級前端看監控。

　　前端作監控的目的就是在產品上線以後要從用戶端拿到第一手的數據，畢竟用戶端好用纔是真正的好用。

　　目前多數公司對於前端的監控作的是不夠的。在先後端分離的技術架構之下，前端要有自身的一整套監控體系才行。

　　不少時候後臺監控到的是結果，結合前端監控才能分析出緣由。我舉個例子，好比後臺監控到實時訂單量驟減，這個是最終的結果，若是有前端的監控，咱們就要看一下前端的可用性情況、各個頁面的UV、加載性能、每一個交互環節的點擊量，各個接口的性能和出錯佔比、前端代碼報錯的量和位置，而後定位出問題所在。

　　真正經歷過大型項目而且作過技術架構的工程師都會重視監控系統的建設。

　　作好監控須要有很好的大局觀，一方面是產品的大局觀，包括思考用戶會如何使用產品，如何量化這些行爲，每一個環節數據的預期變化。另外一方面是技術的大局觀，要了解到整個技術架構不一樣模塊是如何協做的，怎樣測量它們是否正常工做。

　總結

　　牛逼前端確定不會只把時間花在研究瀏覽器上，他們所共有的特質就是：對於用戶體驗的追求、迎難而上的動機、全棧意識、注重自動化測試與數據監控。基礎知識以外，對於周邊體系的掌控情況最有區分度。

做者：張鑫

via：https://zhuanlan.zhihu.com/p/22026860

 

about ME:

　　自動化測試：GUI軟件測試-圖形用戶界面測試，我想到的功能：1 用戶操做歷史 2 相同結果的不一樣操做流程

　　　　　　　　存在的必要：不少人只會試用一次而後就再也沒有之後了，因此測試是頗有必要的。

 　　　　　　　　測試用例的複雜可使用每一個頁面只有兩個按鈕的方法。這是創建頁面的時候就應該考慮的，但是這樣測試確實簡單了，用戶的功能貌似也簡單了，可是這樣同時不會出現選擇障礙，或許能夠試試。

　　　　　　　　根據現代的測試程度，應該差很少吧。須要實驗。試一下知乎提供的幾種方法https://www.zhihu.com/question/29922082

      監控：http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/

　　　　　這個要徹底學會啊，待定~~~~~~~~~

• webPageTest 查看頁面加載瀑布流等數據，進階必備工具
• Chrome 開發者工具 功能強大，值得學習
• PhantomJS 功能強大的分析工具，高手必備瑞士軍刀
• JsPerf JS 執行性能分析網站，誰用誰知道

有人說：

維度與指標
1. 前端性能指標無非是這幾個值：

• 白屏時間；
• 首屏時間；
• 用戶可交互時間；
• 總下載時間；
• DNS解析時間；
• TCP鏈接時間；
• HTTP請求時間；
• HTTP響應時間；

可是我想要的監控，並非這些指標，而是對用戶操做路徑的監控，以及根據不一樣結果對用戶操做路徑進行分類，而不是簡單的幾個時間啊，看來還須要找一些別的，待定~~~~~~~