一个前端工程师到底需要掌握哪些技能？丨极客大学

作者 | 极客大学

编辑 | Yonie

你好，我是程劭非，用网名“winter”混迹于各大前端社区。我经常看到大家在社区里反复讨论：

• 作为一名前端想要晋升，需要什么条件？

• 现在在用 React，要不要也学学 Vue？

• 有必要学习 Node.js/Flutter/ 函数式吗？

这几个问题看似毫无关联，但是其实它们本质上都是同一个问题，这个问题就是“一个前端工程师到底需要掌握哪些技能？”

其实在行业里面，对前端工程师的能力模型有一个基本的认知，不同公司的定义可能有细微差别，但是它的内核是一致的。

这里我给出一张图，是我自己理解的前端工程师的技能模型。

为了方便你理解，我把这些技能具体放进前端工程师的不同级别里，你可以对照着找到一条符合自己实际情况的前端进阶之路。下面我就一部分一部分地详细讲讲前端技能树是如何发展的。

助理工程师

首先来说说 助理前端工程师，对标的是阿里的 P4 级别。它的要求是基本的编程能力。什么叫基本的编程能力呢？我认为就是熟练地用计算机编程语言表达任何逻辑的能力。一般来说，在大学学习过计算机专业的学生应该具备编程能力。

助理工程师的定义是“能够在辅助下完成工作”，因此不是所有公司都会招聘助理工程师的，因为严格来说，助理工程师不具备独立工作的能力，他的工作产出可能是负数。但是招聘助理工程师的公司，一般都是看重应聘人的潜力，期望能快速成长。

工程师

接下来我们说说 前端工程师，对标阿里 P5 级别。它的要求是掌握基本的前端技能，这样说也许有点模糊，但是换个说法就很明白了，基本前端技能就是“综合运用 HTML、JavaScript、CSS 完成任何界面和交互需求”。这个“任何界面和交互需求”，看似要求很高，但是如果你写过前端就知道，这是任何前端的基本技能——大不了用图片呗。

其实这个级别的工程师，水平跨度非常大，界面写出来了，但是兼容性如何、代码可维护性如何、离了框架能不能写出来、语义表现分离能做到吗、开发过程中能不能做到有效沟通...... 还会有很多问题。而这些问题，决定了一个前端工程师的潜力，一些好一点的公司招聘这个级别的工程师，除了“基本的前端技能”之外，还会对我上面提到的这些问题有所要求。

关于助理前端工程师和前端工程师，能力方面主要的要求是 编程能力，知识方面的要求是一个“可用”的最小集合。

资深工程师

我们接着往下讲，资深前端工程师，对标阿里 P6 级别。到了这个阶段，我们可以看到图上开始出现不同的区块了，这意味着，对资深前端工程师的要求，也是多元化的。

我们用一句话来概括，资深前端工程师，要求开始关注并且解决项目中的问题。什么样的问题呢？可能是别人做不出来的技术难题，也可能是容易出错的代码，或者说无意义的重复劳动，或者是业务上想不出来合适的交互…… 等等。

其实对资深前端工程师的要求是很自由的，我上面的图中给出的仅仅是几个例子，比如组件化可以解决重复劳动问题和开发耦合问题；工具可以解决的问题有很多，生成代码的工具提高效率，代码检查工具提高质量；性能优化则会带来业务价值，这些都是资深前端工程师可以做的事情，并且只要把其中一两项做好，就可以达到资深前端工程师的水平。

再有就是 这个级别开始对架构能力和工程能力有所要求了，但还处于萌芽阶段，一些天赋好的同学可以凭感觉达到这个水平。

技术专家

下面说说 前端专家，对标阿里 P7 级别。到了这个级别，我们从图上可以看到，要求又不一样了，比如组件变成了组件体系，工具变成了工具链和持续集成体系，性能优化变成了性能体系。这些东西变得不仅仅是称呼，还有工作的内容，这个级别跟资深工程师的主要区别是，从解决单点问题变成系统性方法，从服务自己变成服务团队，从一次性发挥变成持续性输出。

比如，资深工程师可能做一些组件，然后在项目里面用，自己的代码可维护性提升了，复用也做得更好了。但是前端专家要考虑制定组件规范推广到团队，还要做培训，考虑组件如何开发、管理和下线。资深工程师做性能，把自己的页面优化好了就可以了，但是前端专家就需要考虑采集数据、做报表和监控、总结 checklist、跟工具结合、定性能指标等等。

由于这个级别对架构能力、工程和软技能要求很高，所以算是比较难以跨越的。

高级技术专家

最后来说 高级前端专家，对标阿里的 P8 级别。我们从图上看，这个级别分开的发展方向又聚合到了一起。高级前端专家做事的关键是审时度势，需要在前面讲的前端专家所掌握的各个领域里，组合出一套适合自己所在团队的方案。比如做企业内部系统的前端团队，可能对性能要求就没那么高，但电商前端团队因为运营活动频繁，就需要很好的组件体系，这里很难有一定的规则，全靠人来把握。

到这个级别，对工程能力的要求就很高了，而且即使不带人的高级前端专家，也必定涉及一些管理能力。

高级技术专家

讲完了各个级别的前端技能模型，我们回到最开始的问题“一个前端工程师到底需要掌握哪些技能”。

要回答这个问题，你要先根据自己的情况对号入座。你可以看到，在前端的技能模型里，对“知识”是没有任何硬性要求的，具体到各个公司的不同岗位，可能会有一些特殊要求，但市场是巨大的，所以大家可以不必对学什么知识不学什么知识感到那么焦虑。而且“前端知识”应该是一个垂直的模块，它不能直接帮助你进阶下一个更高的级别，但是它能提升你的潜力，使你未来能走得更远。

现在大部分同学会更为注重前端岗位的晋升，我认为前端进阶的核心要素，更多还是要看你的能力，尤其是在进阶前端高级工程师之路上，非常看中你的编程能力、架构能力和工程能力。?

---

极客大学前端训练营限量招生

• winter 亲自讲授，对标阿里 P6 前端技能模型

• 线下大课 + 线上直播，与 winter 深度交流
  

• 实践项目对标一线大厂，提前感受大厂开发工作流

• 毕业即享内推，600+ 合作企业向你敞开大门

对标阿里 P6 技能模型

如果你已经在前端岗位工作超过 1 年，是一名合格的前端工程师，在此基础上想要提升自己的话，最需要关注的就是编程能力、架构能力和工程能力。

前端训练营在设计课程时，根据一线大厂高级前端工程师的技能模型，设计了提升编程能力、架构能力和工程能力的三大模块，用三个项目带你充分训练、提升内功。

• 针对基本编程能力、基本前端技能，你将和 winter 一起编写一个黑白棋游戏。

• 针对“组件化”和架构能力，你将和 winter 一起设计和实现一个轮播组件。

• 针对“组件化”和工程能力，你将和 winter 一起实现一个完整的电商项目。

与众不同的线下线上学习体验

前端训练营除了邀请 winter 作为讲师以外，教学安排也 增加了线下授课的环节，通过 5 天线下集中训练，让学员和讲师、学员和学员之间能够建立起有效的连接。而且“线下教学 + 线上练习”的形式，也更接近传统教育的课堂场景，可以让学员在一个有监督、有反馈的环境下迅速成长。

前端训练营的线上直播也采用了全新的方式，首次使用“直播 + 练习 + 实时 code review”的形式，把一切难以坚持的课后练习放到线上完成，通过直播的形式最大程度还原线下讲师对学员的“一对一”指导，让练习效果事半功倍。

毕业即享内推服务

报名前端训练营并顺利毕业的同学，如果你一年内有找工作相关的需求，极客大学会通过企业推荐通道直接将你推荐给这些企业，包括但不限于：阿里巴巴、百度、腾讯、华为、字节跳动、微众银行、亚马逊、美团、滴滴、陌陌……

除此之外还有 TGO 鲲鹏会的 600 家企业推荐通道为你敞开，包括 VIPKID、汽车之家、58 同城、明略科技、每日优鲜、好未来等快速成长型企业。

如何报名？

扫描二维码，添加前端训练营学习助理获取详细课程大纲，申请报名。

另外，我们也给你准备了丰富的免费学习资料包，包含此次前端训练营的视频公开课和 winter 亲手写的代码，以及 104 个互联网大厂前端实践经验，揭秘 Google、BAT、网易、美团、滴滴等互联网大厂前端技术、最新实战经验、新锐观点。加学习助理，回复“资料”就可以领取。

点击阅读原文，了解前端训练营更多信息。

关注公众号：拾黑（shiheibook）了解更多

[广告]赞助链接：

四季很好，只要有你，文娱排行榜：https://www.yaopaiming.com/
让资讯触达的更精准有趣：https://www.0xu.cn/