2020最新版前端學習路線圖

前言

學習路線圖僅供大家學習參考,路線圖中教程是否發佈以尚硅谷官網爲準! http://www.atguigu.com/download.shtml以此顯示爲準,顯示有即可直接下載,沒有的話,可以收藏一下,等待未來發布。全部路線以官網路線爲主，視頻爲B站公開視頻，相關資料，可去相關視頻頁面查找，或直接去官網下載。

一、基礎階段

1. 尚硅谷HTML&CSS基礎視頻教程:https://www.bilibili.com/video/BV1XJ411X7Ud

2. 尚硅谷CSS3視頻教程:https://www.bilibili.com/video/BV1eW411T7Nr

3. 尚硅谷less視頻教程：https://www.bilibili.com/video/BV1YW411T7vd

4. 尚硅谷Bootstrap視頻教程:https://www.bilibili.com/video/BV1YW411T7yy

5. 尚硅谷HTML5核心視頻教程：https://www.bilibili.com/video/BV1YW411T7Lj

6. 尚硅谷HTML5實戰視頻教程：https://www.bilibili.com/video/BV1YW411T7p3

7. 尚硅谷前端基礎_李立超2019版視頻教程：https://www.bilibili.com/video/BV1XJ411X7Ud

二、核心&高級

1. 尚硅谷JavaScript視頻教程：https://www.bilibili.com/video/BV1YW411T7GX

2. 尚硅谷JavaScript高級視頻教程：https://www.bilibili.com/video/BV14s411E7qf

3. 尚硅谷jQuery視頻教程：https://www.bilibili.com/video/BV14W411u7aA

三、後臺服務器端

1. 尚硅谷Node.js視頻教程：https://www.bilibili.com/video/BV1bs411E7pD

2. 尚硅谷MongoDB視頻教程：https://www.bilibili.com/video/BV18s411E78K

四、必備框架

1. 尚硅谷Zepto.js視頻教程:https://www.bilibili.com/video/BV18s411E7b4

2. 尚硅谷AngularJS視頻教程：https://www.bilibili.com/video/BV1ts411E7qg

五、規範集成

1. 尚硅谷ES5_6_7規範視頻教程：https://www.bilibili.com/video/BV18s411E7Nd

2. 尚硅谷JS模塊化規範視頻教程：https://www.bilibili.com/video/BV18s411E7Tj

3. 尚硅谷Git視頻教程：https://www.bilibili.com/video/BV15J411973T

六、自動化構建工具

1. 尚硅谷Grunt視頻教程：https://www.bilibili.com/video/BV18s411E7gQ

2. 尚硅谷Gulp視頻教程：https://www.bilibili.com/video/BV18s411E7T5

3. 尚硅谷Webpack視頻教程：https://www.bilibili.com/video/BV18s411E7nA

七、高級框架

1. 尚硅谷React.js視頻教程：https://www.bilibili.com/video/BV1oW41157DY

2. 尚硅谷Vue.js視頻教程：https://www.bilibili.com/video/BV1Wp411d7Ur

3. 尚硅谷Promise視頻教程：https://www.bilibili.com/video/BV1MJ41197Eu

4. 尚硅谷Axios視頻教程：https://www.bilibili.com/video/BV1NJ41197u6

5. 尚硅谷Mpvue核心技術視頻教程：https://www.bilibili.com/video/BV1TJ411977d

八、項目實戰

1. 尚硅谷穀粒外賣項目教程：https://www.bilibili.com/video/BV1Lp411d7w4

2. 尚硅谷硅谷直聘項目教程：https://www.bilibili.com/video/BV1ms411E72A

3. 尚硅谷穀粒音樂項目教程：https://www.bilibili.com/video/BV1hs411E7NC

4. 尚硅谷微信小程序項目教程：https://www.bilibili.com/video/BV1jW411R7Xz

5. 尚硅谷公衆號實戰開發項目教程：https://www.bilibili.com/video/BV1nb411P7c9

6. 尚硅谷穀粒後臺項目教程：https://www.bilibili.com/video/BV1i4411N7Qc

7. 尚硅谷Mpvue硅谷圖書項目教程：https://www.bilibili.com/video/BV1TJ411977

8. 尚硅谷前端面試題第1季：https://www.bilibili.com/video/BV1nb411P7tQ

2020前端學習路線圖