一 初级篇：HTML/CSS/JavaScript基础知识
1.1 Html
这个是最简单的，基本上已识记为主，可以去b站上找播放量比较高的视频跟着学习，因为多年来基本没有大的变化，也不用担心过时的问题。
参考文档：MDN，这个是最权威全面的文档了。是mozila，也就是火狐出的公益性的网站。
1.2 CSS
css深究起来的是很难的，但是基础入门写页面并不算难。
基本掌握一些选择器、权重与优先级，页面样式相关的（宽高，背景图，字体样式），布局相关（浮动，bfc，margin，padding），flex弹性盒模型，定位，伪类、伪元素、盒子模型。css3的一些动画和过渡。足够了。
1.3 JavaScript初级
语句语法、数据类型、运算符、隐式转换、运算规则、控制流程、作用域、作用域链、作用域解析、字符串属性方法、数组属性和方法，对象的属性和方法
DOM对象与方法、DOM选择器、DOM节点增删改查、DOM样式操作、DOM位置获取与偏移，定时器等。
以上就是一个初学入门的水平，掌握这些以后，可以仿写一些页面，包括页面上的一些轮播啊，楼梯导航，放大镜的一些动效。
二 中级篇：js高级，项目工程化开发，vue和react开发
2.1 js高级或者说深入
这个阶段开始学习js高级部分，也是公认比较难的地方。包括面向对象，多种继承、包装对象、this、this指向、js数据处理、垃圾回收机制，函数式编程的知识，纯函数、递归函数、回调函数、组合函数、缓存函数、柯里化函数、偏函数、高级函数。还有js的设计模式，对象的深浅拷贝等。ajax前后端交互，各种事件相关内容（DOM事件、Event对象、定时器与监听器、事件委托、事件代理、事件分流、事件冒泡、默认行为、事件捕获、防抖、节流、滚动、键盘行为、事件降频、行为锁机制。。。）
2.2 前端工程化和框架
学习webpack等前端打包工具的使用，学习vue和react框架，以及他们的脚手架vue-cli，vite等。
还有一些前端需要掌握的小程序，uniapp，移动端开发费等。
三 高级篇 node+mysql或者mogoDB前后端贯通
现在如果前端还不会node，已经说明落伍了，无非是掌握的多少而已。
比较扎实的前端，要学习node，和基于node一些框架，比如express，koa，egg等
前端通过nodejs，也学习关系型数据库或者非关系型的，最好都会，会一种也能出活儿。这样你完全可以从前端到后端，自己完全做出来一个项目，无论是对整体业务的了解，还是自己接私活，都是非常有帮助的。