字节跳动高级工程师总结前端学习路线，单细胞看了都能学会

一、前置知识

1、网站是如何工作的（了解各个工种如何协同工作）

2、前后端分离思想
3、IDE（vscode）编辑器

二、前端基础

**HTML（结构）
**CSS（样式）
**JAVASCRIPT（交互）

三、前端基础补充知识

• CSS预编译（sass、less、Stylus）
• CSS后处理器（PostCss）
• JS超集（TypeScript）
• 响应式布局
• 兼容性调整
• 解决CSS不适用大型项目的三种方案
  ①CSS modules
  ②CSS in JS
  ③Tailwind CSS

四、前端进阶

1. 前端三大框架（Vue、React、Angular）

1. Vue-UI库

1. 前端工程化

分享这篇文章，我还要推荐下我总结的一些资料，我自己是一名从事了5年python工程师，辞职目前在做线上教育讲师，创了一个交流公zhong号，我每天都会在里面免费直播分享讲座解答！今年年初我花了一个月整理了一份最适合2022年学习的python干货，在这里相信有许多想要学习python的同学，保存一下图片扫一扫即可免费领取一整套系统的python基础学习教程！

 五、高级前端

1. HTTP协议
2. 网络安全
3. 设计模式
4. 数据结构
5. 算法
6. 性能优化
7. 移动端开发
8. 微信小程序
9. 微信公众号
10. 微前端

六、后端知识

• linux
• 数据库（mysql、mongoDB）
• node.js
• node.js框架（koa、express、Nest.js）

七、工具

• vscode
• babel
• 自动化工具（Grunt、Gulp）
• 包管理工具（npm、yarn）
• 构建工具（vite、vue-cli+webpack）
• git工具
• 富文本编辑器：Braft Editor
• 数据可视化：ECharts
• 模拟数据：Mock.js

八、学习路线图