第一步：HTML+CSS
1.HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
尚硅谷前端基础_李立超老师2019年新版（含HTML、CSS、H5、C3）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
2.JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
黑马WEB前端PINK老师全系列JavaScript 篇_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
3.JS高级特征：
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
js高级+ES6_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
4.JQuery：基础使用
DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用
2019 黑马程序员 jQuery精品教程 项目课_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
第二步：HTML5和移动Web开发
1.HTML5：
HTML5新语义标签、Html5表单、音频和视频、离线和本地存储、Web Socket、Canvas.
2.CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、元素进场、出场策略、炫酷CSS3网页制作。
最全面的Html5+css3教程，前端开发工程师进阶教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
3.移动Web开发：
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
webApp前端项目实战谷粒音乐视频教程-尚硅谷_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
第三步：面向对象进阶、es6
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
2019全新javaScript进阶面向对象ES6_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
第四步：node、ajax、git/svn
黑马web前端nodejs视频教程（nodejs入门到精通）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
第五步：框架篇vue/react/Angular
2019年最全最新Vue、Vuejs教程，从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
B站上学习的视频真的很多，不过要注意不要分心去看其它的视频哟。
最后还找了尚硅谷全套的前端视频和前端进阶的视频
2020年 web前端全栈开发 0基础就业班（完结）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com
最后感谢各位up主
其实学到一定阶段自己都会制定学习方法和寻找学习资源了，加油吧！！！
375
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
