前端學習路線規划
學習路線圖
下面是我整理的前端需要學習的技術，從上到下學習，藍色標注的是基礎知識，為必須熟練掌握的知識。 首先學習藍色標記部分的內容
學習資源
-
在線學習視頻網站
慕課網：www.imooc.com
介紹：免費，無廣告，課程知識從基礎知識到高級知識，並有實際項目，是我目前見到的最好的在線視頻學習網站。 -
書籍推薦
HTML學習：《Head First HTML與CSS》
介紹：簡單詳細，適合入門，書雖然厚，但是圖片占多數，實際內容並不多，可以快速看完，了解基礎語法。
CSS學習：《CSS權威指南》
介紹：CSS各標簽的使用詳解。
JavaScript：《JavaScript編程精解》《JavaScript DOM編程藝術》《JavaScript高級程序設計》
介紹：先在慕課網或其他地方了解基礎語法后再開始看這三本書，為必看書籍。具體介紹請根據書名搜索。 -
在線參考資料
CSS3參考手冊:css.doyoe.com
JavaScript ES6學習：es6.ruanyifeng.com
Jquery API中文文檔：www.jquery123.com
Bootstrap中文文檔：www.bootcss.com
建議
欲速則不達，初學的時候都有點急躁貪多學習，多思考多動手。一定要踏踏實實的將 HTML,CSS,JavaScrip和jQuery的基礎知識學好,因為框架都是在CSS或JavaScript或jQuery基礎上封裝成API來供 用戶使用的。特別強調一點：一定要動手練習，思考實現原理。
深度學習的學習方向
首先當然是方向問題，有句話說的好『如果你努力的方向錯了，那么停下來就是進步』。前端開發又不同於其它職位，需要學習的東西非常多。這點從它的崗位名稱變遷可見一斑：美工、頁面制作、頁面工程師、網頁重構、前端開發、UI工程師…這些都還好，最不能忍的是被叫做『切圖的』！！（你才是切圖的，你全家都是切圖的！！）扯得有點遠，言歸正傳。如果你不知道從哪開始怎么辦？那你可以在心里問自己一個問題：
如果你去面試你最怕被問到什么？下面這些？
-
http協議
-
ajax原理
-
this指向
-
call和apply的區別
-
函數引用和函數調用的區別
-
鏈式調用
-
函數節流
-
事件委托
-
閉包、作用域
-
類的定義以及繼承的方法....
你可能會說上面這些都不怕。那下面這些呢？
-
設計模式
-
框架設計
-
前端架構
下面的工具框架你是聽說過？熟悉？還是在項目中反復實踐過？
工具類：
-
代碼管理： git svn
-
代碼編譯： Less Sass CoffeeScript
-
模板引擎： artTemplate juicer doT Tmod
-
模塊加載： SeaJS RequireJS Browserify
-
項目構建： grunt gulp webpack
框架類：
-
React AngularJs Knockout Vue (MVVM)
-
BackBone (MVC)
-
BootStrap (UI)
其它：
-
Node.js
以上是挑的一些點主要是舉示例，並沒有具體指向性作用，因為每個人的情況肯定有所不同，但是相同的是，每個人肯定或多或少都有害怕被問到的點，那就找到這些點，無論這些讓你心虛的點是多么的微不足道或者聽上去多么的高大上，花時間和心思去深挖它們，徹底搞明白，要明白到什么程度呢？明白到不懼怕跟任何一個人去講授。
學習方法
下面這個圖很有名，它用數字形式形象顯示了：采用了不同的學習方式，學習者在兩周以后還能記住內容（平均學習保持率）的多少。我相信包括我在內的大部分人都用行動驗證了這張圖的理論。這張圖已經說的很明白了，怎樣去學習效率更高。我想說的有兩點：
1.讀書
前端有一本很有名的書：《javascript權威指南》，封面是一只犀牛，又叫犀牛書。我曾經隨機的問過我認識的前端同事朋友，有誰完整的讀完過這本書，答案是絕大多數人都沒有。姑且不說通過閱讀的學習保持率只有10%，讀都沒讀完效果可想而知。題外話，我平時也有讀書的習慣，但是超過400頁的書我卻很少買…900多頁技術書可以買，當工具書還不錯，如果打算從前言開始讀完還是算了。現在讀技術書大都先瀏覽一遍目錄，感興趣的章節細讀，甚至讀好幾遍，其它章節一掃而過。
2.不要排斥做分享或者平時和其它同事的交流
當你要去分享的時候，你需要確認自己對這個問題所涉及的技術都了然於心，不然如果分享或者寫的東西是錯的話，且不說丟不丟人，最重要的是要誤人子弟，准備分享的過程就是一個鞏固知識和學習新知識的過程，順帶還幫助了提出問題的人，雖然對方只學習到了5%，雙贏，何樂不為呢？
學習途徑
落實到具體的學習途徑我能想到的下面這么多：
技術文章-技術博客、技術論壇知乎答疑解惑
技術分享-團隊內部技術分享、晉級評審、外部技術分享
技術實踐-所學內容運用到項目中、參與開源項目(github)
部分書籍博客推薦
http://www.w3school.com.cn/js/pro_js_object_oriented.asp
http://www.cnblogs.com/sanshi/archive/2009/07/08/1519036.html；
http://www.cnblogs.com/TomXu/tag/JavaScript/；
《JavaScript面向對象編程指南（第2版）》
《JavaScript設計模式與開發實踐》
https://www.zhihu.com/question/22146521
寫在最后
看到網上有這么一句話『道理我都懂，還是過不好人生』，講完一堆學習的道理，心里壓力倍增，塗有道理不夠，還需要去執行，就從今天開始給自己畫個圓，攻破一個害怕的點就點在圓里，等到年底回頭再看，希望大家的圓都是滿的。
最后的最后
執行的源動力覺的還是興趣。興趣這兩個字足夠解釋開頭的另外一個問題：『為什么***同事懂的這么多？他說的一些東西自己都沒聽說過？』，你在看羋月傳的時候他在搞技術，你在消消樂的時候他在搞技術，不是有人逼着他，興趣使然。如果你對自己的職業一點興趣都沒有，勸你趁早改行。
部分文字來源於個別文章，鏈接當時忘加上去了。如有侵犯，可以告知加上鏈接
這篇文章是我2016-05-16 10:36發布的，現在是2017-06-09 16:51分,我特別想補充一點就是。
不要太着急去學習新的東西，要把根基打好，要把最基礎最常用的東西練好，就算不懂也要忍着多練幾遍多找幾遍為什么有空就多去深究搞清楚原理，多實踐多練手。
上面提到的深度學習的學習方向我大半數已經了解了。
送給那些和我一樣沒基礎，半路出家自學的小伙伴們，一起加油一起努力！