基础能力
- 必须要掌握的知识
- 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/
看完前端三剑客后就可以独立实现一个页面
- 非必须知识(以下内容已经不再使用,但是是新技术的基础,建议选学)
- 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
我本人的话也是从小白起步,有问题可以私信我共同进步!