2020最新版前端学习路线图

前言

学习路线图仅供大家学习参考,路线图中教程是否发布以尚硅谷官网为准! http://www.atguigu.com/download.shtml以此显示为准,显示有即可直接下载,没有的话,可以收藏一下,等待未来发布.

一、基础阶段

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前端学习路线图