前端从入门到进阶路线整理【B站版】

基础能力

1. 必须要掌握的知识

• HTML：https://www.bilibili.com/video/av59657634/
• CSS：https://www.bilibili.com/video/av59718796/
• JavaScript：https://www.bilibili.com/video/av37383464
• H5实战：https://www.bilibili.com/video/av59646061/
  看完前端三剑客后就可以独立实现一个页面

2. 非必须知识（以下内容已经不再使用，但是是新技术的基础，建议选学）

• bootstrap：https://www.bilibili.com/video/av59710894/
• jquery：https://www.bilibili.com/video/av59641998/

衍生技术

主要是css的补充语言

• less：https://www.bilibili.com/video/av59710179/
• sass：https://www.bilibili.com/video/av24719712
• stylus：https://stylus.bootcss.com/

三大框架

掌握基本语法后就要学习框架，简化开发。
视频多以实战为主，在代码中体会语法。
有一定语言基础的同学可以直接从框架入手。

react

react前台项目实战：https://www.bilibili.com/video/av59727745/
react后台项目实战：https://www.bilibili.com/video/av59709253/

vue

vue项目实战：https://www.bilibili.com/video/av74592164

angular

不建议优先学习此框架：https://www.bilibili.com/video/av59652977/

微信小程序

原生框架：https://www.bilibili.com/video/av77314550
mpVue：https://www.bilibili.com/video/av59642709/

开发工具

项目开发工具，建议做到了解。可以在项目实战中学习。
git：https://www.bilibili.com/video/av55780016
webpack：https://www.bilibili.com/video/av59678537/
gulp：https://www.bilibili.com/video/av59709599/
jenkins：https://www.bilibili.com/video/av59639803/

后话

这里只准备了前端小白的入门到进阶的B站视频版路线。
推荐一个B站up主：代码基基。我在他整理的基础上进行了改进。
另外在我B站主页收藏夹还有其他优质的各类视频（后端，操作系统，云计算，java …）：奶酪great
我本人的话也是从小白起步，有问题可以私信我共同进步！