快毕业了，很多人都不推荐做前端，前端业内最真实情况是什么样的?

深碍√TFBOYSˉ_ 2023-01-20 14:57 58阅读 0赞

偶尔出现这样一种说法，前端热度已经降低了，前端市场已经饱和了，前端工作没有那么好找了。

部分事实确实如此，大概是在2014-2018年，那时候前端技术刚刚崛起，相对来讲工作较现在更容易找到。

随着前端技术的发展及人才需求结构的成熟，现在已经不是会做动态网页就能找到工作了，而是对前端开发有了更高要求，但是这并不意味着前端市场已经饱和了，前端领域的编程语言仍然热度高涨。

从去年七月份的 TIOBE 指数可以看出，JavaScript 排名第七，在 IEEE Spectrum 2020 年编程语言排行榜中，JavaScript 已经排到了前五名。

虽然在疫情爆发的时候，短期市场需求有所下滑，但随着疫情逐渐得到控制，市场对于前端工程师的需求又逐步增加。

随便打开一个招聘网站，以“前端”为关键字进行搜索，都会看到很多的招聘信息，而且薪资并不低。回看疫情期间和疫情后期，国内在线经济得到快速发展，而线下经济仍然停滞不前，很多线下经济都转到线上，这势必带来更多前端开发用人需求，就业机会和空间仍然可期。![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]  
近年来，前端的发展速度极快，前端开发再也不是当初人们口中的“切图仔”了。最早基于浏览器进行开发，后面一点点扩展到服务器端、PC端、移动端和现在特别火的小程序端，前端开发不断“开疆拓土”，向前端全栈化前进。

自2009年Node发布以来，前端经过十多年的发展，逐渐在多个平台拥有了跨栈的能力，如网页开发（浏览器）、App开发（ReactNative、weex）、小程序（微信、支付宝、抖音）、PC应用（Electron）、服务端（Node）、机器学习（TensorFlow.js），前端一个岗位可以拥有多平台开发的能力。

虽然前端已经经过了急速发展时间，但前端工程师在招聘市场中仍有很大的一个缺口，一线城市急需前端开发人才，二线城市紧跟其后。web 前端工程师的年人才缺口超过 40 万。每周企业用人需求新增数量达 5W+。看完以上数据，web 前端开发前景一目了然。

前端薪资水平

前端对于整个IT行业的重要程度还在继续处于上升的趋势。前端开发逐渐成为互联网时代软件产品研发中不可缺少的一部分，充当着重要的角色，其工资待遇水平也让很多人羡慕不已。前端工资到底有多高呢？

前端开发的薪资十分可观，岗位薪资发展迅速，晋升空间大。web 前端开发的平均月薪超13k，中高级 web 前端工程师年薪可达 30W+。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]  
上图中，以阿里为例：

1年左右为P5（前端工程师），年收入大概在20~30万；

13年为P6（高级前端工程师），年收入大概在3040万；

35年为P7（前端专家），年收入大概在50100万；

510年为P8（高级前端专家），年收入大概在100150万；

当然，进入大厂还是有难度的，排除大厂，其他公司前端的收入大致如下：

1年左右，能熟练使用 HTML 、CSS 、JS，能完成一些简单的功能和页面，熟悉团队的技术栈，在他人的指导下，独立承担、独立执行，年收入大概在10~15万；

13年，熟练使用至少一种框架，像Vue、React之类的，熟练掌握编程技能，熟练理解和处理需求，了解如何与产品、视觉、后端等职位的同事合作，能够快速上手项目，按时交付，年收入大概在2030万；

35年，参与更多复杂项目，推动业务和他人向前发展，可以辅导新人完成工作，可以独当一面，年收入大概在3050万；

5~10年，过硬的技术水平，更结构化和体系化地处理复杂问题，参与各种项目开发环节，提供前端解决方案。有丰富的项目解决能力，并提供优质高效的解决方案，每 10 个前端人仅有 1 人能到达这个层次，年收入大概在50~100万；

如何零基础入门前端

首先是不要觉得前端比后端简单。前端入门门槛确实比较低，但是前端要掌握的知识是很多的，前端工程复杂度也在提升。你可能经常听到前端圈有人说 “学不动了”，国外也有个现象叫 JavaScript fatigue. 你需要基础学很扎实，才能在技术飞速发展中不感到疲惫和迷失。我也不是劝你不要学前端，而是提醒你，做出决定前要有一个清楚的权衡考量。

我们学习前端，要知道前端的三个大内容，HTML、CSS、JS，其中HTML和CSS是相互结合着学习，掌握了这两个了以后我们就算真正入门了，然后再深入学习JS等等。

举个可能不太恰当的例子：

前端就好比如盖房子，HTML就充当了房子结构这部分，也是房子的基础。CSS呢，就好比咱们房子的装修，墙面什么颜色，什么风格，什么地板等等，这些给房子改变风格，样式的就是CSS。

而JS呢，就好比这个房子的功能，房子需要制冷吧，需要暖气吧，也需要上下水吧。这些功能性的就相当于是JS。掌握了HTML、CSS、JS，前端基本上就算入门了。

适应快速变化的前端

相对于后端、算法等岗位，前端的入门难度更低，但是层出不穷的框架，更丰富的平台，让前端疲于追赶，花费大量精力追赶框架和平台的升级迭代。

首先，不要不顾人才市场的需求，盲目学暂时用不到的技术栈。其次我们要学会如何高效掌握新的技术栈，为底层技术提升挤出更多时间。

如何做到呢？

第一，提升学习能力，对于开发来说，学习是一项必不可少的元能力，要有持续学习的准备。现在是学习者的最好时代，你真的能在网上学到任何你想学的东西。Google 和 Stack Overflow 上能找到你大部分问题的答案。掌握了学习能力就能够应对这些趋势变化，不被行业所淘汰。

第二，关注行业动态和技术风口，对前端技术的发展要有预判。比如小程序、前端工程化、前端自动化的风口，如果能快人一步觉察这些变化，可以提前布局，快人一步掌握新技术。

第三，打牢基础，构建前端知识体系，系统课程的学习能让你轻松应付工作中编程的实际需求。如果你不能很好的预判技术风口，那你可以选择快速跟上。人的时间和精力是有限的，一次能学的内容也有限，选择一门系统课程，只要按照课程安排，持续学习，就能体系化地掌握前端技术栈，而不是东一榔头，西一棒子，最后发现学的东西无法满足实际的工作需求。

想要入行前端的看这里：

为0基础的小白专设，以“培养更具职业竞争力的前端人才”为目标的前端就业体系课，让你“学的都有用，学了都能懂”，提高效率、不走弯路

从基础技能HTML5、CSS3、JavaScript的讲解，到组件化、移动WebAPP的技术提升；

从小程序、React.js、Vue.js的技术拓展，到Node.js、Koa2的技术纵深，覆盖一线企业所需核心技术栈，结合实战开发让你既能学懂又能会用！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]  
一共四个阶段，32周的内容，190小时时长，一步到位，轻松让你从前端入门到入职，挑战20W年薪！

同时附带面试指导，9小时高强度扫盲，带你整理、总结所学，化解求职疑虑，让你离”心仪的offer“更近一步！  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]  
想要学习全套前端视频学习的小伙伴，请移步到----在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

最后，想给前端小白或者打算转行进入前端这个行业的小伙伴分享一份系统的学习思维导图。因为全图太大有点不太清晰，可私信戳小慕拿高清大图，若是觉得有用就给个赞吧~

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]: /images/20221021/60dd544bef214740b8e3c5f7758002ed.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221021/92bf947b339943c5a6deadcf2bc43bb4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]: /images/20221021/65c3c63b5d3342b1a96ca0b8263af7c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 3]: /images/20221021/74a649ede8884261bbc2008c24dfdb67.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 4]: /images/20221021/268d7fc1e2d845dabe812e83651258e6.png