一般兩種方向吧:

1.在大公司做一顆螺絲釘

大公司一般人員配備比較全面、充足，所以你需要做的就只是把前端做好並學習最新技術(nodejs,requirejs等)

2.在小公司做多面手

小公司經常缺後臺或缺設計師，那你前端就得頂上；

好處是越學會的越多，藝多不壓身；

壞處是你的前端水平離那些只做前端的人越來越遠

第一年，水平不行，寫個業務磕磕絆絆。經常被領導批評，業務能力沒跟上。這個時候，你需要專注的是，把HTML，JavaScript，CSS3的基礎知識打紮實，剛開始一般公司不會分配核心業務交給你開發。但是活不分輕重，你紮紮實實做好手頭上的東西，掌握好基礎。很多剛畢業的學生，急於求成，特別浮躁。特別容易受打擊，舉個案例，我帶的一個後輩，比較聰明。但是至尊心比較強，一次想我討教問題，我大概說了核心點，告訴他再仔細琢磨琢磨。其實想讓他加深對這個問題的印象，因為自尊心比較強，結果就鬧上情緒了。其實可以理解，心裡急於求成，但又解決不了問題。做技術就是要不斷去填坑。因此第一年發展路線就是踏踏實實的幹。

第二年， 業務水平和技術水平上去了。這時候不能再侷限於簡單寫寫業務，你主動提出承擔更大的任務。因為你第一年的表現，大家都看在眼裡。因此只要你主動點，開始接觸Angular，React， Vue去做業務系統。這時候，對你技術的要求更高了，如何抽象化業務元件，如何減少打包後js體積，如何加快首屏載入時間，如何搭建開發工具鏈讓組員更好更快的開發，如何讓組員技術水平能夠儘可能保持持平，如何對新來的同事進行培訓。第二年，不僅僅是技術以及綜合能力的發展。

第三年， 你的眼光不能只著眼於前端而是大前端，甚至後端。如果你公司業務發展好，你表現出色。那麼你爭取可以成為，前端組組長。管理的人可能幾十個，人多了，最大問題是如何保住人才不被流失。有人聰明，上手快。很快他覺得厭煩，覺得在這學不到東西。這些同學你就鞭策一下他，讓他有緊迫感。或者讓他去研究新的技術。有些同學自尊心強不愛溝通，因此你要經常性的去溝通。免得人家一聲不吭就走了。

第四年，如果你一直保持進去，己經達到架構師的層面了。你瞭解的東西不應只停留在前端，後端，運維，乃至整個產品設計。或者說自己出去創業。

1）學習高階、資深前端工程師。

關於如何進階，首先最需要重視的便是自身的技術。多向前輩諮詢，瞭解他們的工作狀態，學習他們的工作方法，遇見技術上的問題，向他們提問。

2）研究github上的程式碼。

3）嘗試做個人作品。

去做一個工具，或者去做一個框架。在做個人作品時，最好能代入個人工作中開發時遇到的困難，想辦法去解決。在個人作品完成的過程中，也要記得不斷保持輸出，寫出個人的感受，可以私自儲存，也可以開通個人blog。

以上是大多數初級前端工程師在工作期間會遇上的一些通往高階的路上會遇到的一些常見障礙，只有逐一攻克，才能讓通往高階的道路暢通無阻。

一個初級前端工程師，需掌握的技能也要分步驟來執行。

第一步, 打牢CSS和HTML基礎。第一步驟需掌握技能為：PSD2HTML。

第二步，打牢JS基礎。第二步驟需掌握技能為：DOM, BOM 和 Ajax 請求，標字串, 識別符號, 語句, 表示式, 數字, 字面量，高階函式, 立即自執行函式, 函式的四種呼叫方式等。

第三步，學習AngularJS。第三步驟需掌握技能為：AngularJS，ui-router, ng-resource, git使用。

初級前端工程師在此階段，推薦閱讀以下書籍——

1.head first html與css Head First HTML與CSS（第2版）

2.css實戰手冊 CSS實戰手冊（第2版）

3.javascript權威指南 JavaScript權威指南

4.css權威指南 CSS權威指南（第三版）

5.javascript高階程式設計 JavaScript高階程式設計（第3版）

6.javascript語言精粹 JavaScript語言精粹

7.高效能網站建設指南 高效能網站建設指南（第二版）

初級--中級--高階前端--互動設計---產品經理--產品總監

以上就是一個前端開發的晉升目標和發展軌跡了，

終極目標是成為一名產品總監 短期目標是成為高階前端開發工程師 中期目標是成為一名產品經理。

如果你說剛入行的新手，短期目標（高階前端）大概需要2年，實現中期目標（產品經理）大概還需要2年，產品總監大概再需要3年，那麼，2年加2年再加3年，也就是你為實現你的終極目標大概需要7年時間。

實現的方法：

1. 專注於學習技能

網際網路行業是靠拼爹最少的行業，沒有之一，做技術，就靠手藝吃飯，除了專注於提升自身的技能，沒有捷徑，掌握一名優秀前端開發工程師應具備的11項技能，自然可以實現。（可以檢視我的上篇博文：掌握11項技能，你就是優秀的前端開發工程師）

中期做產品，主要研究一下互動設計和使用者體驗，這些，在你日常工作中應該有所涉及，多留心這方面做的好的人是如何運作產品的，會對你儘快實現中級目標大有幫助。張小龍（微信之父）說做產品很簡單，就是解決人的貪嗔痴的問題。但每個幾年的潛心磨練，談何容易，我建議可以看一些心理學方面的書會對做產品有所幫助。

長期的終極目標，從掌握技能的上來說，我認為側重點在團隊運營管理、財務分析、資料分析上，對，人際交往和社交也應該算是技能範疇中。

2. 制定學習計劃，克服拖延症

拖延症已經成為每個人日常生活的一部分了。 每天我們都想避開某些事情，如果只想著明天再說吧，明天在學吧，結果只會推遲你實現你的目標， 拖延症有時是由於懶惰，有時候我們確實感覺累了，但不管什麼原因，一定要克服拖延症，為自己定下固定學習的時間和計劃，比如每月必須看完一本專業書等。幫助制定學習計劃的效率軟體很多，你可以找找去。

3. 泡論壇，寫部落格，展示自己

這點其實是為了解決第2點克服拖延症的問題，因為，如果你沒有一個方法激勵自己的話，制定學習計劃，克服拖延症都是空話，每個人都討厭空話，所以你要有些切實可行的事來幹，泡論壇，可以學習別人的長處，可以互動問問題，也可以解答問題，寫部落格，你會說，我哪有那麼多的事寫呀，我有些心得可以與你分享，就是寫你的讀書筆記，在每天看過的書上，紀錄知識要點和心 得，放到部落格上，不要管有沒有人看，量變引發質變，有一天，你會成長，會有人慢慢開始喜歡你寫的文字的，這些都是激勵你堅持下去的動力。

4. 選擇時機跳槽：

我不鼓勵盲目跳槽，更不建議頻繁跳槽，有很多前車之鑑，但跳槽確實是獲得提升的一條捷徑，跳槽關鍵是為了獲得提升和發展，也就是說前提是能獲得提升（或加薪或平臺好）的情況下才考慮跳槽，同時你要也考慮你的技能目前是否和這個職位或薪水匹配。

最後，希望你在你的生活中能做出一些積極的改變，不做學習計劃，空想目標是沒有意義的。 一旦你確定目標，就去實現它，不著急，先設定短期目標為里程碑。 你要知道，大多數人都沒有這樣做，因此，他們只能把失敗歸咎於命運，而這些，就是你和他們的差別。

建議自己直接看影片學習一下

愛創課堂_web前端培訓_張容銘1000級影片教程：

連結: https://pan.baidu.com/s/1zM30tsxcYa7xcO-_Kk1HJw 密碼: qciu

目前前端工程師薪資待遇在10K左右！

前端市場的人才結構以初級web前端工程師居多，因此由入行到進階的成長曲線已經成為大多數前端工程師的發展目標。在提升階段對於知識和技能掌握，我們需要主攻學習難點和自己工作延伸技能點。在這裡給大家一些參考，不妨從以下幾個方向入手：

一、產品思想

要知道沒有正確的產品思想，很難設計出良好的程式，無論從介面、互動，還是介面、邏輯，不能夠理解產品、理解使用者需求，我們會給自己造成很大的麻煩。為了使我們的工作和學習更加有效率、避免無用功，我們需要不斷的學習產品的思想，只有理解了產品的思路，我們才知道用我們的技術去輸出什麼。

二、框架學習

框架是我們提高工作效率的優秀手段，對於框架的學習是成長必經之路。我們學習框架的路線通常應該是：使用—分析—個性化定製—模仿編寫自己的框架。

三、網路協議學習

web前端技術就是雲上的技術，雲的協議有N種，我們應該著重學習：TCP/IP，UDP，HTTP，POP3，SMTP這幾種協議。

四、程式設計

這個階段我們需要學習UML、設計模式、設計方法……，我們要讓技術開發工作變成有目的性、有計劃性，並且，這些目的和計劃必須有理論的支援，這樣，我們設計出來的程式才能夠更優秀、我們的開發才更有效率，這樣，我們的技術才能有所提升。