2019零基礎自學前端路線規劃

這幾年因爲前端領域的需求量愈來愈大，涌進來的人也多了。對於小白初入門學習時，容易陷入理論派，一看就懂，一動手就懵，且還不知道到底如何系統的學習，趕上問題不只沒法解決，搜索到的答案也看不懂，常常是學一兩個月就感到迷茫懷疑本身是否是不適合學習編程，這是自學的常態了。不用懷疑，我初學時也是，如今回過頭無比慶幸當年碰見我師傅幫了一把最後堅持學下去了，否則如今可能就不是個前端工程師了，說不定連對象都早找到了(︶.̮︶✽)（哈哈，調侃一下不要當真，對象會有的！(^_−)☆）。形成這種現象的緣由主要就是學習路線沒有規劃清楚，就給你們推薦下我總結的學習路徑和方法吧！

入門

1. 首先前端的入門是從最基礎的網頁製做開始，也就是說你須要掌握基礎的網頁佈局能力，得使用html + css達到能實現任意靜態網頁佈局的程度。html + css 這部分技能優先推薦在MDN上學習， 若是打不開那麼推薦看菜鳥教程，這個網站裏每一個知識點都會有個知識點練習。須要注意的是這些學習網站都是文字描述，只有知識點的解釋，更多的仍是須要本身去寫小案例去實踐，找不到合適的案例能夠在網上任意網頁挑一區塊進行佈局練習。若是更喜歡視頻講解的方式像慕課、codecasts均可以，這類網站挑選課程注意看時間和好評度，通過這些學習後實現通常的靜態網頁佈局幾乎沒問題，到這裏就能夠開始嘗試去寫常見的網頁來鞏固了（例如：天貓、京東這樣的）。
2. 下一步是開始學習js（ javascript的簡稱），js裏的坑多，光它就夠學一生的，因此前期的學習只要求先學個js的基礎，依舊是建議在MDN或者菜鳥教程上學習，將js基礎知識都學過一遍。須要注意的是在學習js時段裏，容易陷入抓狂的困境，由於只學了基礎概念沒有本身的編程思路，那麼在寫js案例時，儘可能獨立解決案例，建議把大問題進行拆分，畫輔助圖來拆分紅小問題，分析總體實現步驟，根據每一個步驟去想哪些知識能夠實現該步驟，無論寫的有多爛，最終能實現出來就是你本身的一種思路。寫完後再思考下若是換種思路能不能作出來，若是作得出來就儘可能作，實在作不出來就放棄，去看答案或者別人的代碼，去分析別人的代碼實現思路是怎樣的，這對你本身來講就是得了一種新的思路。學習編程必定要多看別人的代碼去借鑑學習提高本身的思路，但必定得是先思考動手過，不要盲目看別人代碼，否則容易產生依賴，獨立思考能力得不到提高。

初級
​ 作到這一步已經有一點基礎了，但要實現複雜的頁面仍是有難度，因此下面就是對所學技能深刻學習。

1. css部分：強烈推薦看張鑫旭的《css世界》學習，這本書裏對css的原理十分深刻，文本描述生動有趣，小白也看的懂，看完這本書後會打開你對css新的認知，各種css複雜概念也可以理解了。
2. js部分：前面學習的那些實際上只是js的一些基礎，進一步學習建議看書。前端必看的書單目錄按順序以下：
   《javascript語言精粹》先從這本書開始看起，幫助你快速區分js語言中的精華和糟粕，抓重點學習
   

   《JavaScript高級程序設計》，通常叫紅皮書，深刻講解了js裏各種組成部分，長這樣：
   

   《你不知道的JavaScript》，這書分上中下三本，深刻理解js語言內部的機制，打紮實原生js基礎，下面我就放一本的封面圖片（另兩本封面幾乎一致就不放了，圖大）
   

這階段是開始學習前端開發的主流框架，必定得有紮實的原生js基礎再來學習框架哦，由於我之前看過太多能使用框架開發卻對原理不甚瞭解的前端工做者了，實際上這對將來的前端發展之路是極爲不利的。須要知道框架都是用來解決複雜問題、提高效率的，而大部分前端框架自己都是創建在js的基礎上得來的，js原理不理解的後果就是框架開發中一旦遇到點問題就傻眼很難發現問題緣由，解決問題就更難了，若是一直保持這樣的狀態下去前端開發路就算是看到頭了，因此必定得學紮實js。

node.js：node.js讓js能在服務器端運行，node官方文檔有點晦澀難理解，推薦看《了不得的node.js》書入門。後續深刻學習node推薦《深刻淺出Node.js》


vue ：vue的學習推薦看vue官方文檔，建議將其中的示例都本身練習一遍，加深記憶和理解。

react、reactnative、angular建議直接看官方文檔學習，深刻學習使用的書籍去圖靈社區搜一下，口碑好評度高的幾本都很不錯，這裏我就不放出來了。

以上是不少公司要求使用的主流框架（包括但不限），至於學習順序不必定要按照上面的來，由於如今你能夠開始找工做了─=≡Σ((( つ•̀ω•́)つ，能夠根據工做要求來決定前後順序。學習中必定要掌握git、svn、webpack工具的使用，以及多去看別人的好項目源碼，拓寬視野，推薦去github，這裏有不少好的項目，研讀源碼對你幫助會很大。

中級
​ 到這階段更加註重編寫高質量的代碼，主要四個方面：高性能、易維護、可讀性強、代碼規範。此時估計你已經工做一段時間了，基本上也能應對工做的一些需求了，但前端學習之路沒有盡頭，要成爲更專業的前端程序員還得繼續努力哦（用愛發電加油ᕦ(･ㅂ･)ᕤ）！推薦看書：《高性能JavaScript》、《數據結構與算法JavaScript描述》、《同構JavaScript應用開發》、《圖解HTTP》。建議學一門後端語言，不爲別的，語言到必定程度不一樣的更多就是語法特性了，掌握一門後端語言拓展你的視野，對開發中先後端分離等了解會更深。說了這麼些，更多的仍是須要運用到實際項目中。

高級
​ 以上我都只是說了學習路線和方法，後續再如何發展你能夠看 高級前端工程師的招聘需求，須要掌握的技術不必定相同，因此你能夠根據本身側重方向來制定將來學習計劃！

---------------分割線：若是有問題或者更好的建議歡迎評論或者私聊！謝謝！另外禁止轉載，感謝！-----------------