前端

基本三件套

HTML：HTML作为简单的基础入门，全是元素标签。需要注意的是要仔细学习H5新增的语义化标签。HTML 教程_w3cschool
CSS：重点掌握:选择器、元素显示模式盒子模型、常见响应式布局，也可能涉及到一些兼容性问题
JavaScript：非常重要，建议用书籍去系统学习，参考书：
1. 《JavaScript Dom编程艺术》
2. 《JavaScript权威指南》
3. 《JavaScript高级程序设计》
4. 重点超多: 继承、闭包、递归、深浅拷贝、事件处理机制等等，也涉及一些手写题，手写深浅拷贝、防抖函数等等

d/bom部分文档对象模型和浏览器对象模型需要理解，其实内容不多。主要掌握元素增删改查、事件执行过程、定时器、一些事件属性方法等等aiax这部分就是进行前后端数据交互啦。需要一些网络原理内容，比如http和https啦，握手挥手等等es6部分尤其重要，一些新特性可以大大提高代码体验，比如set数据结构，扩展运算符等等贼方便啦。是面试重点，比如一些问题你可以讲一下传统is如何解决，可以用es6新增的什么特性这样

进阶

目前流行的前端框架：Vue、React、Angular

学习框架必然也绕不开官网：Vue.js - 渐进式 JavaScript 框架

尤雨溪大大给我们整理并制定了非常全面的上手教程，当然了，文档是方便我们查询搜索关键内容，这部分最有效的学习方法便是跟着教学视频实现一个完整的项目。视频可以根据大家自己的喜好选择。
框架的学习搭档少不了ui框架的配合，以elementUI作为学习典例，辅助完成一个更加完整的项目。
The world's most popular Vue UI framework（elementUI）

综合进阶

硬功夫的基础已经打好了，那么就要开始考虑软实力的收拢。
Node.is和Webpack推荐视频教程，了解下Webpack这个构建工具到底是干嘛的，简单了解就好，以后慢慢进阶。
其他工作实操需要的工具类就要了解git和node指令。
git部分要会连仓库，拉代码，建分支，合分支，切换分支等等基本操作就行。
node部分要会一些npm命令，装包卸载包，看得懂项目文件夹配置文件就可以了

2022 年前端学习路线总结 - 阿远的文章 - 知乎
https://zhuanlan.zhihu.com/p/339835359

转载：
https://www.zhihu.com/question/19637373/answer/3149378165

基本三件套

进阶

综合进阶

更多