年薪50萬的web前端，都需要經歷哪些階段？

也許你現在還是剛接觸web前端，也許你現在是個初級的web前端開發工程師，相信每個人心中都希望自己可以達到年薪50萬！

今天就為各位分享web前端起步階段、提升階段、成型階段都應該學習哪些知識？如何去學習這些知識？

起步階段

1、基本知識的掌握

在梳理的知識架構中，按照分析的兩個維度裡最前置的、最淺顯的部分，作為打基礎的階段，必須要在這個過程中更多投入到實踐中去，通常做的多了、熟練了，就認為這部分知識和內容掌握了。

2、常用工具的掌握

對於常用工具的掌握應該掌握一些有大公司或專業團隊背景的流行工具，這些工具的熟練掌握能夠提升專業度、職業度，同時，能提升工作效率。只有在檢驗自己對於知識和技能熟練程度的時候，才會自虐式的用Notepad去編寫頁面、css和指令碼等內容。

3、溝通技巧的掌握

通常做技術的人會被定位為“不善溝通”的人，這是為什麼呢？究其原因，主要是因為多跟程式和程式碼打交道，跟人的溝通較少導致。這種時候要特別注意增加和人溝通的機會，著重提升這塊兒的能力。另一方面，通常被稱為“不懂溝通技巧”的人。在國內，技術人員通常都是自己制定方案、自己執行方案，在執行過程中又缺乏相關產品、互動設計等人員的溝通，大多是在自己的思路貫徹下進行開發，久而久之，習慣於信任自己的觀點、在自己的視角看問題，對於挑戰總是百般地“據理”力爭。需要更多提升的是，如何在對方的視角看問題、如何在使用者的視角看問題。

4、良好的開發習慣

開發習慣是養成的，一旦有不好的習慣，對於將來去修正帶來的將是很大的麻煩，培養良好開發習慣一定要從起步時做起，例如：寫程式碼之前先分析、先寫文件、先寫註釋。定義變數最好能用直接可理解的語義，最好是拼音，別整英文，尤其是生僻單詞，將來自己忘了還要開金山詞霸。檔案最好有有意義的資料夾命名來 管理，檔名最好有意義，需要版本號的最好能和專案版本號一同更新……等等。

提升階段

1、高階技術的掌握

在提升階段對於知識和技能掌握，需要從梳理好的知識架構中選擇更深一層次的技術進行學習，選擇之前，先透過類比或預估的方法，衡量自身學習的難點，以學習難點和自己最不感興趣的部分為主。這樣推薦大家的原因是：這個階段興趣正濃，已經度過了苦澀的起步階段，到達了興奮的提升階段，要用興 趣和興奮去挑戰最困難的部分，在信心受挫和興趣濃厚之中找到平衡。同時，輔以其他的深層次知識一起學習和研究。

2、產品思想的學習

沒有正確的產品思想，很難設計出良好的程式，無論從介面、互動，還是介面、邏輯，不能夠理解產品、理解使用者需求，會給自己造成很大的麻煩，例如：千辛萬苦用最新技術、最複雜的實現做出的功能，卻得不到使用者或領導、同事的認可。為了使工作和學習更加有效率、避免無用功，需要不斷的學習產品的思想，只有理解了產品的思路，才知道用技術去輸出什麼。

3、各種框架的學習

框架是提高工作效率的優秀手段，對於框架的學習是成長必經之路。學習框架的路線通常應該是：使用->分析->個性化定製->模仿編寫自己的框架。只有大量的使用，才能明白設計框架者在設計背後的思路，只有瞭解到設計的思路，才能做正確全面的分析，只有正確全面的分析才能支撐去對其裁剪或 擴充套件，只有經過實際分析、修改別人的框架，才有可能寫出優秀的、自己的框架。學習通常的路線是：學習、理解、模仿、創造。

4、客戶端應用的學習

隨著頻寬和計算機效能的提升，富客戶端應用充斥著網際網路，如果你不懂得富客戶端應用，你就不能稱之為一個合格的前端技術人 員。可以按照：Flash。動畫->Flash程式設計->Flex->->Air->Silverlight動畫->Silverlight程式設計 的步驟學習，先學Flash後學Siverlight的原因，一來Silverlight還不太成熟，二來，實際Silverlight借鑑了很多 Flash的思想，最好在學習的時候不要本末倒置。

5、各種網路協議的學習

WEB前端技術就是雲上的技術，雲的協議有N種，應該著重學習：TCP/IP，UDP，HTTP，POP3，SMTP這幾種協議，在開發WEB前端應用過程中，這些協議是技術的載體，有時候決定了應用是否能實現、有時候決定了應用是否高效能，同時，這些協議還是後端技術互動的重要手段，這些協議就像是密碼字典，幫助把後端傳輸過來的密文解釋成前端技術能夠理解的明文。

6、程式設計

這個階段需要學習OO、UML、設計模式、設計方法……，要讓技術開發工作變成有目的性、有計劃性，並且，這些目的和計劃必須有理論的支援，這樣，設計出來的程式才能夠更優秀、開發才更有效率，這樣，技術才能有所提升。為什麼要學習程式設計呢？主要是，就算不用Flash的 ActionScript編寫程式的前端邏輯，至少要把自己的Javascript函式、包的定義規劃起來，避免將來自己或他人維護程式碼的時候出 現問題。程式設計能力，在技術人員仍然被看作是程式設計師的這個年代，是灰常、灰常重要滴。

成型階段

到了這個階段，我也沒什麼好說的了，如果能達到這個階段，就證明後續的成長之路是異彩紛呈的，是成為一個資深WEB前端工程師，還是成為一個資深WEB架 構師，亦或其他，都要具體分析自身的特點和興趣所在。

如果是資深的前端工程師，我覺得更重要的是去作新技術的研究，網際網路技術發展速度日新月異，不斷學習新技術，否則就被淘汰。此外，我建議在知識的廣度、深度方面最好能挑選一個自己最擅長和最感興趣的一兩個領域深入鑽研，不要挑太多，多而不精。

如果是資深 的WEB架構師之路，我建議要深入瞭解後臺技術，這種深入瞭解一定要伴隨著實際的專案開發，基本方法是：按照別人設計的架構實現幾個Server->自己設計並實現幾個Server。

完成以上三個階段的歷練，相信你就有可能能成為web前端的佼佼者！

這裡推薦一下我的前端學習交流圈：767273102 ，裡面都是學習前端的從最基礎的HTML+CSS+JS炫酷特效，遊戲，外掛封裝，設計模式到移動端HTML5的專案實戰的學習資料都有整理，送給每一位前端小夥伴。2019最新技術，與企業需求同步。好友都在裡面學習交流，每天都會有大牛定時講解前端技術!

學習前端，我們是認真的