聊聊前端工程师的职业发展（纯干货）

水深无声 2022-12-16 06:41 231阅读 0赞

在敲下这个标题的时候，心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字，每个人的职业规划都是独有的，不具有太大的可复制性，把自己的经历放出去，容易误人子弟。

只是最近很多师弟们（别问我为什么都是师弟，我想静静……也不要问我静静是谁！）问起这个，也就根据自己的经历发表一下对前端工程师的看法吧，仅供参考。

从我接收第一份前端需求开始，到现在也有五个年头了。自己也从一个愣头青变成一个快到而立之年的大叔，时间真的是哗啦哗啦的快。这五年里，其实可以分成三部分：头1到2年，第3到4年，第5年。

![45c457527723c9ecf3db47044d4daa50.png][]

# 头1~2 年，疯狂的吸取知识 #

刚毕业时满腔热情，一门心思只想往前端事业发展。刚从学校出来，看到什么都是新鲜十足，什么都想学。最疯狂的时候一个礼拜晚上看完整本犀牛书+做笔记，后来再也达不到这种速度了。

很幸运我能加入到AlloyTeam，依靠WebQQ，使得我的编码能力、项目经验duang duang duang的上去了。同时也搞了很多奇形怪状的业余项目，基本上无论遇到什么跟JS相关的“新”技术（新是对于我自己来说的），我都想去尝一尝。

对于刚毕业的初学者来说，头两年真的真的是非常重要，学习的激情、速度以及熬夜的能力可以发挥的淋漓尽致。在这个阶段，通过大量的编码提升JS能力，同时尝试各种JS框架和库，寻找适合自己的框架，甚至自己也写了一个JS库和构建工具。

不要重复的造轮子”这句话，初学者都应该无视。你不造轮子，怎么知道别的轮子好不好用？怎么知道造一个轮子有多难？怎么知道如何改进轮子？我不认为一个新手去看jQuery的源码能看懂，反正我当时就晕晕乎乎的。

![4abd4c8a845bd7fdcc2b73e9fab53334.png][]

# 第3~4 年，扩展知识面 #

在JS/CSS/HTML里探索了2年后，突然发现越学越不懂了。出了HTML5，看了WebSocket，想学会，结果要看网络协议、要看HTTP/TCP，还要学Server开发等。

顿时感觉分身10个也不一定能学好。为了跟上潮流，也得硬着头皮上。好不容易Server、网络、前端、浏览器各种知识都多少了解的时候，移动潮流来了！OMG，Android、iOS还有WP……生命不止，学习不休。

其实到了这个阶段，多少也算是个有经验的攻城师了。开发一般需求不在话下，偶尔还能承担个架构设计。在提升JS能力的同时，开始要往多方面发展。前端工程师远远不仅是JS而已。

制作一个性能高、交互好、视觉美的页面，需要从前端框架选型、架构设计、构建工具，到后端通信机制、设计与交互、网络和浏览器优化等各方面的知识。

一专多长才是前端工程师的终极目标。有个人说得对：一专是指你不可替代，多长标示你可以替代别人。这样你在团队在公司的地位才更加牢固，公司也会给你提供更多的资源。

同时还要开始提升自己的名气，可以通过发表技术博客，提交和参与开源项目，做部门级公司级还有业界分享，参加业界会议等等。在这个信息瞬息万变的互联网时代，保持交流才会让自己不落伍。

同时名气大了，能找到更多志同道合的人一起研究技术，甚至想跳槽，也是简单的事儿。

![4e7e31368a2e8cc54175ee2a3caf1d84.png][]

# 第5年， 摸清前方的路 #

这个时候，如无意外，你也应该成为高级工程师了。编码在工作中比例已经不算太高，更多的工作是承担技术评审、架构设计和项目管理等事情。

工作中除了完成自己的事情，可能还需要指导新人，做新人培训，带领新人完成项目。

同时还会有一个抉择摆在眼前：继续深入研究技术 or 往管理方向进发，或者是创业、转岗等等。不管往哪个方向，都没有对错之分，只有合不合适。

有的人就不善于交流，同时喜欢专研，可以继续走技术的路，发展成专家；有的人则可能有比较强的领导力，可以带领一群人完成项目，那可以转向管理，成为Team Leader或者创业等。

不管选哪个方向，你都已经是个优秀的人，而且应该把这种优秀传承下去。成为导师，使新人变得优秀；成为面试官，挖掘优秀的人；成为讲师，让更多人学习到优秀，等等。

[45c457527723c9ecf3db47044d4daa50.png]: /images/20221123/a1b9a8244a7a4248adcb923e79c3a9c0.png
[4abd4c8a845bd7fdcc2b73e9fab53334.png]: /images/20221123/6417b1afe50340ad86f949e9dff4694c.png
[4e7e31368a2e8cc54175ee2a3caf1d84.png]: /images/20221123/02ba8a2952c34efb817eb6416ae3ab71.png