- 第一階段，html+css+js：首先肯定是基礎的html+css+js三劍客了，這是最基本的知識，所以基礎階段一定要打好,這個階段的學習時間段一般是2個月以內。
- 第二階段，JQuery：很多人覺得JQ已經過時了，但是其實JQ的使用還是很廣泛的，只是新項目很少使用JQ開發了。但是我們這么多龐大的使用JQ開發的老項目是不是需要維護? 那不還得學習JQ嗎？ 還有我們學習JQ也主要是學習他的前端開發思維，學習他處理更復雜的的邏輯思維方法。
- 第三階段，html5+css3：接着要學習的就是html5+css3，我們上面所學的html+css+js階段中學習的是html4+css2，這是基礎部分，學好了html4+css2我們才學習新版本的html5+css3. 學完以上三個階段之后，我們就能開發完整的純前端的帶炫酷的動態效果頁面了。
- 第四階段，移動web端開發：這部分是衍生出來的新版塊，因為移動端開發都是基於html+css+js+html5+css3開發的. 那為什么要拿單獨分成一個版塊呢？ 就是因為移動端開發相對於pc端開發來說,增加了很多新的知識，會開發pc端，不一定會移動端，而且今后的發展趨勢是越來越向移動端靠攏的，所以移動端才作為一個版塊分離出來，重點學習。
- 第五階段，es6+階段：這是一個什么階段呢？其實這就是javaScript階段的升級階段，我們上面所學的js全稱是ECMAScript 5，是2009年發布的版本。 es6全稱是ECMAScript 6.0，是2015年發布的新版本,所以簡稱es6. 是在es5之后的大版本的更新，在es5的基礎上增加了很多新api（也就是新的知識板塊），所以當前我們的開發主要以es5+es6為主，一起開發的。
那為什么叫es6+呢? 是因為現在已經發展到es6，es7，es8，es9階段了，但是7,8,9階段目前瀏覽器支持性還不好，還沒有普及，以及7,8，9版本只是小版本的增加一些少量的api，所以不堪大用。
- 第六階段，前后端交互階段：這個階段的知識也是很重要的，我們要學習的主要知識有，http+ajax+json+nodejs+mysql+mongoDB等等前后端交互的知識，是我們以后和后端配合開發的重要知識，沒有了這個版塊的學習，那前端將是毫無靈魂的。
- 第七階段，語法框架：框架其實就是一些利用html+css+js開發出來的一些簡化項目開發工作的工具，也是目前前端的主流開發手段，常用的框架有vue，react，angular，以及小程序，app混合開發，echarts.js和D3.js圖表等等已經成熟的框架體系。 學習這些框架，能大大縮短我們項目的開發周期，減少開發難度，是前端人員必不可少的開發技能。
- 第八階段，項目管理+ui框架：
1.項目管理我們需要學習的是git和svn，企業里都是使用者兩個工具來管理我們的項目代碼的，同事之間也是通過這兩個工具來進行合作開發的。
2.常用開發框架是指基於三大開發語言框架（vue，react，angualr）開發出來的移動端的或者pc端的ui框架語言。實際開發中，我們都是使用這些ui框架來快速搭建項目進行開發。
3.學完這個階段，基本上就入門成功前端了，掌握好的同學，找的第一份工作就能拿到18K以上的薪資工作。
- 第九階段，其他：高級進階的知識板塊還有什么web安全，數據可視化，算法以及算法處理等等這些高深的技術，當然這些知識百分之九十的前端開發不需要學習也不需要掌握，我們只要掌握上面八個板塊的學習就OK了，基本上吃遍國內外。
最后，附上完整的學習路線圖鏈接，有需要的小伙伴可以收藏一下！
2020最新前端學習路線.mm | ProcessOn免費在線作圖,在線流程圖,在線思維導圖www.processon.com
原創不易，且看且點贊！