我個人的經(jīng)驗是不要去小機構(gòu)，沒有保障，學習缺乏持續(xù)性，不知道哪天老板就溜了，學習前端可以找大型的機構(gòu)進行學習，穩(wěn)定有保障啊。學習嘛，我們就得學個放心，以前我學前端在我們當?shù)匦】h城報了個小機構(gòu)，里面的老師水平一般，也沒學到多少東西，當時想先試聽他們的課程，他們老板不愿意，就報名進去學了，結(jié)果發(fā)現(xiàn)不是那么回事，后來我就離開了那家機構(gòu)，我表哥給我說了一個互聯(lián)網(wǎng)免費直播課，我去聽了，在那里學會的。

首先還是我前邊說的那個，學前端去實體的話，可以去大型的連鎖教育機構(gòu)，但是費用是非常的高的兩三萬，如果你經(jīng)濟條件比較優(yōu)越的話，可以去的。也可以在網(wǎng)絡(luò)平臺進行學習，一般七八千左右的支出吧，一般是晚上開課，不會耽誤白天的工作和學習，也有錄播提供。至于哪個好，各有優(yōu)劣，這個沒法比較，無論是網(wǎng)上還是實體的，只要是正規(guī)的大機構(gòu)都可以。

我個人是從網(wǎng)上的直播平臺學會的這門技術(shù)，別的平臺怎么樣，我沒有去體驗過，沒有發(fā)言權(quán)，我聽的這個前端直播平臺還行，每天晚上都有免費直播課，老師講的通俗易懂，很多自學的時候一直搞不明白的問題，聽聽老師講的，就感覺醍醐灌頂?shù)母杏X，想聽這個這個老師課的同學，可以進入他的前端教程資料裙：首先位于開頭的一組數(shù)字是：655，其次處于中間地帶的一組數(shù)字是：567，最后位于尾部的一組數(shù)字是：613，把以上三組數(shù)字按照先后順序組合起來即可。對前端感興趣又不知道何去何從的小伙伴，可以去聽一下，肯定有很多的收獲，畢竟是哥們實踐出來的，前人栽樹后人乘涼嘛。

根據(jù)Web前端的細分工種 和 業(yè)務(wù)不同，我無恥的把她比擬出來幾個門派，供大家參考，也讓無比龐大的前端劃分變得有趣一些，。這里我先簡單說幾種，我們常常熟知的幾個門派，比如：

（1）少林派：七十二般武藝樣樣精通 - Web網(wǎng)站開發(fā)

（2）武當派：以柔克剛 - 移動APP開發(fā)

（3）峨嵋派：傾國傾城 - canvas 數(shù)據(jù)可視化

（4）華山派：劍法精湛 -? nodejs開發(fā)

（5）逍遙派：瀟灑飄逸 -? HTML5游戲

1. HTML5 + CSS3 + JavaScript。

Web開發(fā)基礎(chǔ)中的基礎(chǔ)，HTML是負責網(wǎng)頁結(jié)構(gòu)，CSS負責網(wǎng)頁樣式，JS則負責邏輯交互。前兩者更像是標記語言，沒有什么邏輯，JS才是前端的重中之重。 HTML5 新增的技術(shù)大部分需要結(jié)合JS學習。

每個人學習進度可能不同，這個階段主要是多仿站，熟悉基礎(chǔ)，試試用CSS寫響應(yīng)式頁面，了解JS深入性的知識，比如原型鏈、閉包、 設(shè)計模式 等需要更多的積累，逐漸理解并實踐掌握。

2. JQuery + BootStrap + Ajax + Json。

jQuery是JS的一個應(yīng)用庫，能夠提升原生JS開發(fā)效率。Bootstrap則是響應(yīng)式框架，更簡單的實現(xiàn)手機/平板/PC多個設(shè)備的頁面支持。Ajax技術(shù)用于異步交互，不刷新頁面就能更新數(shù)據(jù)，比如 地圖 應(yīng)用等。Json是一種數(shù)據(jù)格式，被廣泛應(yīng)用在各大編程語言中。

jQuery 和 bootstrap 會簡化很多編寫的代碼量，用著不亦樂乎，但對于基礎(chǔ)還不是很扎實的人建議還是少用。 Ajax 和 json 通常用于和后端交互，在實際業(yè)務(wù)中也經(jīng)常用到。

3. Git/SVN。

版本管理工具，主要用于團隊開發(fā)時避免文件沖突，也可回檔。前端推薦學習Git。

4. Nodejs + Mysql /MongoDB(可選)。

運行在服務(wù)器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各個網(wǎng)站去下載資源包。 數(shù)據(jù)庫 的學習可以選擇MongoDB或者MySQL，前者與Nodejs的契合度更好，不過現(xiàn)在大多數(shù)網(wǎng)站都是 PHP +Mysql的組合，如果有學PHP的打算的話，可以先學習 Mysql 。

5. ECMAScript 6。

JavaScript 的語言標準。ES6中加入了很多新的概念，也彌補了之前版本中JS的很多缺陷，越來越多的項目開始運用ES6進行開發(fā)。學之前最好把ES5先搞懂了，目前實際項目中考慮到兼容性，ES6是需要通過Babel將其編譯為ES5來部署的。

6. Angular/React/Vue。

前端三大框架，各自也有著各自的生態(tài)系統(tǒng)，根據(jù)需求自行選擇學習。目前企業(yè)需求量最大的仍然是Angular，但近期趨勢來看react和vue則更受歡迎。因為現(xiàn)在前端技術(shù)發(fā)展太過于突飛猛進，工具和框架的更新比翻書還快，建議學習還是看文檔比較好。學習過程中也會遇到很多用到各種構(gòu)建工具的時候。

7. 其他常用工具。

這個一樣是根據(jù)需求自行選擇學習。比較常用的現(xiàn)在有 Web pack，可以將多個不同編程風格的文件打包，比如ES6/AMD/CMD之類的模塊化都能識別并編譯成 瀏覽器 能運行的文件。Sass/Less，CSS預(yù)編譯框架，可以用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構(gòu)建工具，可以自動化對代碼進行壓縮合并等工作。

8. 其他后端編程語言。

目前市場對前端基本都要求會一門后端語言， PHP / JAVA / Nodejs / Python 等。

學習編程重要的還是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鉆研的精神是必不可少的。有興趣的話也可以自己搭建一個技術(shù) 博客 ，往 github 上傳幾個 開源 項目，這些都是不錯的加分點。

1、不要讓對未來的憂慮干擾你現(xiàn)在的學習，有些JavaScript初學者會問剛開始要學習哪種框架，但是如果你還沒能熟練使用原生JavaScript，你就不應(yīng)該問這種問題。因為你會花很多時間研究各種框架而得不到進步。走出這個陷阱的一個方法是制定一個學習路徑圖。

2、不要讓自信騙你進入持續(xù)遺忘的陷阱，快速理解一個概念會是JavaScript進步的最大阻礙，下面我將解釋。當你遇到一個知識點，而你好像理解了，你很可能抑制不住內(nèi)心跳到下一個知識點的沖動。但是，很快你會到達一個節(jié)點，在這個節(jié)點你發(fā)現(xiàn)自己已經(jīng)忘了前面所學，于是你需要回過頭復(fù)習，你快速瞟了一下之前所學然后又繼續(xù)學習新的知識。但是現(xiàn)在，你忘記了其他東西。你一直重復(fù)這種繼續(xù)-回顧-繼續(xù)-回顧模式直到你發(fā)現(xiàn)自己完全迷失。你開始沮喪，想要休息，然后當你開始重振旗鼓，卻發(fā)現(xiàn)自己已經(jīng)忘掉所有。

幸運的是，我們有兩個應(yīng)對上述問題的方法：

1、一次只學一樣東西

2、做練習-實際上是敲代碼

當你學習一個新的概念，你要將它實踐出來，練習它，與它和善相處，甚至能夠?qū)⑺c其他概念聯(lián)系到一起。當你學習一個示例，最重要的是你要自己將代碼敲出來，這樣能幫助你吸收它。另外，一次只學一個東西能夠幫助你鞏固所學，因為記憶更少的東西更容易。

這個過程看起來貌似比閱讀然后快速跳到下一個知識點要花費更長的時間，但是實際上它所花的時間更少，因為這樣你就不需要頻繁復(fù)習之前所學。我在好幾個場合后才艱難的領(lǐng)悟到這個道理。

3、思考的更慢你將學得更快.。這一條聽起來違反直覺，所以下面我將用一個故事來解釋。我的一個朋友又一次對JavaScript的一個特性感到困惑。我讓他將他知道的解釋給我聽，然后告訴我哪兒讓他困惑。當它向我解釋代碼，我發(fā)現(xiàn)他在跳步?！暗葧?！”我說道?！奥齺?，然后將這些一步步解釋給我聽?！蔽业呐笥阎苯訉⒄麄€代碼的功能總結(jié)給我聽。我再次讓他暫停?！澳氵€是在跳步。再解釋一次，這次我需要你一步步將每一行代碼發(fā)生了什么解釋給我聽?！边@一次，我的朋友能夠更好的解釋代碼是如何運行的。關(guān)鍵在于他花時間去理解每一行代碼而不是試圖一下理解所有。

在這樣這種案例中，思考的更慢實際上讓你學得更快。大家都知道學習不能急于求成，學會堅持就已經(jīng)超過85%的人了。