前端工程师养成路线图-从前端入门到大前端工程师
注：上述只列举了一些主流技术，并不是说只有这些，如果想成为资深工程师，不断地学习是必须的
路线图解释
前端入门
该阶段就是打基础，基础不牢地动山摇，该阶段十分重要，所以每个节点都标注的必学。
计算机基础知识
计算机网络、数据结构、操作系统和计算机组成原理对于计算机专业的朋友都不会陌生，大学必学的四门课程，是计算机的基础。但是对于前端来说，最重要的是计算机网络，像互联网怎么工作的、DNS、https、浏览器运行机制、WEB网络安全等知识都需要了解掌握。数据结构也十分重要，各大数据结构必须掌握，更进一步地算法则根据自己发展需求定。操作系统和计算机组成原理相对来说优先级又下降一个档次，需要知道一些重点。
前端三大基础语言
HTML、CSS和JavaScript前端的三架马车，前端就是建立在这三门语言之上，三个入门都简单，但是精通很难。HTML需要掌握语义化HTML、SEO、布局、表单验证等知识；CSS需要掌握其语法、响应式设计等；JavaScript需要掌握的很多，需要系统学习。
前端基础
该阶段学完并掌握，完全可以胜任大多数公司前端开发工作。
版本管理工具
主要就是GIT，掌握了GIT足够日常开发使用了。国内主要用码云（gitee），其生态日渐完善，使用人数越来越多。GitHub使用人数也不少，但比起码云还是差点。
前端框架
最近又出了不少前端框架如谷歌的flutter，但是主流的三个框架还是VUE、React和Angular，国内VUE和React多些，开发很快，所以在国内市场很好。一般掌握一个，其他的上手也简单，建议先针对一个深入学习，再学习其他，切勿好高骛远。
包管理器
自npm和yarn诞生，开发效率高了不少，因为不再像以前那样到处下载包导入包，不仅麻烦而且很容易搞乱结构。现在只需要npm或者yarn 包名即可直接导入项目。对于大项目开发包管理器是必需的。
打包工具
最常用的是webpack，打包工具可以将代码提前编译、压缩、合并等操作，减少网络请求，减少包体积，提高网页访问速度。对于上线项目打包工具也是必需的。
CSS预处理器
自从Sass3（SCSS）针对CSS3做了兼容，其使用人数越来越多，CSS预处理器可以使CSS3拥有变量、函数、运算等操作，让其更加灵活，适用更多场景。由于CSS-in-JS的概念提出，CSS预处理器热度可能会逐步下降，但是现在还是有学习的必要。
SCSS基础教程–透过SCSS理解CSS预处理器
CSS框架
BootStrap一直都十分火热，它不仅仅适用于组件化开发，同时用作网页设计也十分好用。国内外使用人数都比较多。
element-ui是饿了么最开始基于vue提出的组件库，在国内配合vue开发已十分成熟，适合快速开发。
antd是基于react提出的组件库，使用人数也比较多，也适合快速开发。
vant是基于angular提出的组件库，由于国内angular使用人数少，vant用户也较少。
数据可视化工具
最常用的echarts，丰富的图表内容，可以制作绝大数图表，对于数据可视化十分适合。虽然echarts够日常开发使用，但是其余可视化工具也可以学习。
图形图像构建工具
针对一些有特殊需求的工具，比如3D建模，就需要tree.js等支持，这个要根据需要学习。
前端进阶
进阶是更进一步需求，一般就不是用于项目制作了，而是项目优化。
服务器渲染（SSR）
服务器在将html发送给浏览器前，会先进行一次数据填充，这样操作后，浏览器只需要解析html就可以了。服务器渲染可以提高网页响应速度，网页渲染更快，有利于SEO。VUE提出的nuxt、React提出的Next和Angular提出Universal都可以做到服务器渲染。
格式化工具
ESLint可以强制开发人员书写规范的代码，如不符合书写规则会报错提醒。
Prettier直接根据其内部规则强制更改格式。
测试工具
进行系统的前端测试。
全栈工程师
掌握后端技术栈
后端语言
如果像前端转全栈，那么建议学习一门或多门后端语言。
node.js: node生态越来越完善，现在完全可以根据node开发出前后端分离项目。
python、go和java老伙计了，相信都有一定了解。
光学习语言还不够，还需要学习后端一系列技术，形成后端技术栈。
大前端工程师
简单说网页，移动端，桌面应用等都能开发，那么就可以称作大前端工程师。
静态网页生成
next
vuepress
hugo
移动端开发
小程序
uniAPP
React native
桌面应用开发
Electron
浏览器插件
前端架构师
架构不是一时间能学会的，学习特定课程，还需要在工作中累积。
技术日新月异，如果有较大变化，我会对路线图进行更新
标签：
相关文章
-
无相关信息