個人前端學習路線規劃(更新我的進度)

前端學習路線規劃

學習路線圖

下面是我整理的前端須要學習的技術，從上到下學習，藍色標註的是基礎知識，爲必須熟練掌握的知識。 首先學習藍色標記部分的內容

學習資源

1. 在線學習視頻網站 
     慕課網：www.imooc.com 
     介紹：免費，無廣告，課程知識從基礎知識到高級知識，並有實際項目，是我目前見到的最好的在線視頻學習網站。

2. 書籍推薦 
     HTML學習：《Head First HTML與CSS》 
     介紹：簡單詳細，適合入門，書雖然厚，可是圖片佔多數，實際內容並很少，能夠快速看完，瞭解基礎語法。 
     CSS學習：《CSS權威指南》 
     介紹：CSS各標籤的使用詳解。 
     JavaScript：《JavaScript編程精解》《JavaScript DOM編程藝術》《JavaScript高級程序設計》 
     介紹：先在慕課網或其餘地方瞭解基礎語法後再開始看這三本書，爲必看書籍。具體介紹請根據書名搜索。

3. 在線參考資料 
   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分,我特別想補充一點就是。

不要太着急去學習新的東西，要把根基打好，要把最基礎最經常使用的東西練好，就算不懂也要忍着多練幾遍多找幾遍爲何有空就多去深究搞清楚原理，多實踐多練手。

上面提到的深度學習的學習方向我大半數已經瞭解了。

送給那些和我同樣沒基礎，半路出家自學的小夥伴們，一塊兒加油一塊兒努力！