原来10+年的Web前端工程师是这样的，快来围观！

末蓝、 2022-12-15 03:55 153阅读 0赞

前端学不动的根本原因是目标感不强或者根本就没有目标。在学习前端之前，我们需要先思考我们要成为一个什么样前端工程师。

接下来以时间线的方式，来告诉我们什么时间该做什么事儿。本文以普通人为例，也是想给普通人一些思路，结合自己的情况走出自己的路，超人请自行退出。  
![在这里插入图片描述][20201015152209152.gif_pic_center]

## 一、1-3年（P5-P6） ##

这个时候大多数是应届生学习知识的积累期，对于前端三剑客：HTML/Javascript/CSS基础的夯实阶段。

推荐《HTML5从入门到精通》，本书是HTML5初学者极好的入门教材之一，内容通俗易懂、由浅入深、循序渐进。

另外这时候一般的前端工程师，会掌握一门应用级别框架，比如：React/Vue/Angular等。

虽然使用传统三剑客我们也可以把任务完成，但是使用应用级别的框架还是会提高我们的效率，而且公司在人才招聘的时候应用级别的框架是必问的。

**本阶段关键词：前端基础、原始积累、HTML/CSS/Javascript、Vue/React/Angular。**

## 二、3-6年（P6-P7） ##

熬过艰难的初期阶段，接下来2-3年是一个差异化的体验期，在这个时间段通常情况下，前端工程师已经能够胜任所有的业务需求。

可能大项目的拆解能力有所欠缺，但是这种能力会通过经验的积累不断积累有所上升（上升进度取决你做的具体工作，以及你个人的职位）。

这时候的前端工程师一般是P6上下的level。这个的阶段的目标是差异化，思考自己跟其他工程师有哪些不同，比如：性能、工程化、图形化等等方向，目标就是这段时间，成为某一个方向的专家。身上最好有鲜明的技术特点，说实话没有特点，天天做业务需求很难跟刚刚工作1-3年的程序员产生降维度差距。

在一个前端工程师经过5-6年之后，他一定有一定的过人之处，我们在这个阶段（3-6年），就是把自己的过人之处打造的更加耀眼。

PS：这个阶段开始，大多数程序员已经开始进入程序员的黄金时间，本阶段最大的特色是个人技术特点突出，涉及到的具体技术栈也多样一些，可能有的人这个阶段开始深入研究Nodejs。或者研究webpack打包机制抑或去玩玩WebGL。或者干脆转到别的方向（移动端、后端，我在第4-6年做了两年移动开发，当然也是为了突破瓶颈）。

另外在本阶段可能有部分人开始承担管理工作职能，有的人成为小组长，有的人成为经理。这也是一条不错的路，虽然我个人很热爱技术，但是不否认管理的价值，以及走管理这条路确实是大多数程序员的选择。但是我并不建议前端工程师在这个阶段开始走这条路，因为不能回头。

**本阶段关键词：差异化、原始积累、Nodejs、性能、工程化、图形化、多端、管理职责…**

## 三、6-9年（P7-P8） ##

这个阶段应该是高级、资深前端技术人员的阶段，这个时候的前端人员基本都具备很强的继续能力，技术选项时能够在多个技术中选出最优的，而且部分人员已经具体体系打造能力，比如，在前端稳定性、前端开发提效方面有自己独到的见解和方法论。

技术栈也不会局限于前端技术，可能掌握部分移动端、后端相关技术，并且能独立完成一个产品（从前端到后端）。技术大牛也往往聚集在这个阶段。

此阶段大多人已经承担管理工作（脱离写代码那种），已经是个大公司的高级经理、前端leader、大前端leader。少数人承担编码工作，但是从事编码工作的基本都是热爱编码的人们。网传的情商低的，没有管理能力的人才在P7+的时候写代码，我是不认可的。

**本阶段关键词：任务拆解、体系打造能力、完整技术、团队管理、目标制定。**

## 四、10+年（P8+) ##

此阶段的人基本都是业内大神，要么为行业标准操心操肺，要么为公司技术生态劳心劳力。而且由于前端截至到现在依然没有一所大学作为独立学科进行教学。

所以大多数前端大神都是自学成才。他们的路也是千奇百怪，不太具有参考性。如果这个阶段依然在一线做技术的，他们要么非常热爱，要么目标感极强，但是他们都是值得尊敬的。

**本阶段关键词：真的热爱。**

以上就是我总结的前端工程师在不同时间段需要掌握的技术以及可达到的职业发展方向。希望本文的分享能帮到，想入门的前端小白们。对于入行学习Web前端的新人而言，要一步一个脚印的前进，把握住机遇，努力学好技术。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center]  
此刻，便开始行动起来吧！不要让你的每一次懒惰、犹豫而错过了高薪就业的机会！评论或后台留言：Web前端，即可免费领取最新全套Web前端学习资料+源码+项目+笔记，助力大家学好Web前端。

[20201015152209152.gif_pic_center]: /images/20221123/4188baf5c9eb42dfaf873d448915144d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/53a8e3c3f8d540889837b3c4ce0bddbb.png