只有一年的学习时间，选择学前端还是后端？

偏执的太偏执、 2023-01-08 02:17 110阅读 0赞

很多外行人在考虑转行IT时，都会出现以下这样的纠结：

前后端是什么?

做前端还是后端?

这两者哪一个更好?

这两者哪一个薪资更高?

这两者哪一个比较容 易学?

这两者哪一个更有发展前景?

Emmm,实,想要在IT技术领域深耕下去,无论是前端还是后端，没有哪一个是容易的。

今天编者就从以下几个方面来给大家详细科普-番。

一、什么是前端，有哪些相关岗位?

前端即网站前台部分，既包含了页面设计，又包含了页面实现，主要是指运行在PC端，移动端等浏览器上展现给用户浏览的网页。

“前端”是网站与用户直接交互的部分，从字体到布局再到图片大小，以及下拉菜单、展示栏和动态效果等等，这些视觉上可见的所有内容，都是由浏览器解析、处理、渲染相关HTML、CSS、JavaScript后呈现出来的结果。

简单来说，你在使用网络过程中看到的所有网站上的展示页面和供你操作的使用页面都可以称之为前端。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]  
IT行业中的前端一般泛指两类岗位:

1.U1设计。即用户界面设计,对PC互联网和移动互联网进行设计,如网页设计、App页面设计和布局，icon设计，交互设计等,设计时除了视觉美感外，还需考虑人机交互的逻辑，主要载体是各种电子显示屏。

2.Web前端开发。将UI设计的效果图实现成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

二、什么是后端，有哪些相关岗位?

IT行业中的后端更多的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现相关功能和信息数据的存取、平台的稳定与性能等等，简单说就是为前端展示的业务逻辑功能做处理。后端是用户看不见的东西，涉及到的逻辑代码也比前端人员要多很多。IT行业中的后端一般也泛指两类岗位:

1.后端开发。利用Java、Python、 PHP等各种技术语言进行产品业务逻辑和功能的实现，目前企业内比较主流的后端语言是Java开发。

2.软件测试。在规定的条件下对开发人员做出来的产品或程序进行操作，以发现程序错误，衡量软件质量,并对其是否能满足设计要求进行评估的过程和结果的反馈。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]  
举个栗子，你就会明白前后端分别是什么了。

注册一一个网站，你的信息会被记录到该网站的后台数据库，便于下次直接登录，注册时用户看到和使用的页面属于前端，而存储你注册信息的后台数据库就是后端。再比如，疫情期间，我们都会使用健康码。当你打开微信扫一扫就出现的绿码界面，就是前端技术实现的。

但其实，微信扫码之后会向服务器发送请求，服务器会根据用户信息来判断出现什么颜色的二维码，而这一套逻辑以及相关的代码实现，是用户看不见的，这就是后端的工作。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]  
三、前后端不同岗位各自需要什么样的技术?

1.UI设计。

需精通PS、AI、 Axure、 coreldraw等设计软件， 了 解移动端和PC端不同平台之间的特性，能做多屏界面设计、Logo设计、可视化和后台等等，同时如果会Web前端设计，交互原型设计,动效设计会更有竞争力。

2.Web前端开发。

需精通HTML5、CSS3、JavaScript、 JQuery、 Ajax、 ES6等比较核心的前端技术，具备互联网交互设计能力，熟悉后端服务器运行环境和数据通信协议，掌握响应式布局框架、Angular、 Vue、React等JS框架以及App开发技能。

3.后端开发。

后端开发以ava为例，主要用到的是，包括但不限于Spring、Springmvc、 Hibernate、 Http协议、Servlet Tomcat服务器等技术。掌握JSP、JSTL、 XML、HTML、 JavaScript. JQuery等语言，能做简单的MySQL或者SqIsServer等主流数据库设计，懂-些设计模式等等。

4.软件测试。

初级测试人员需要学习功能测试技术、计算机基础、软件测试核心理论、Linux、 数据库等。但若想要长期发展，测试人员还需要掌握一-I \]计算机语言Python或Java,熟悉标准规范的测试流程，能进行需求分析、计划制定、用例编写和文档输出;能独立搭建测试环境;有性能测试，自动化测试经验者优先考虑。

四、前后端不同岗位的难易程度如何?

总得来说，IT行业的各个技术岗位入门都不难，但若想深入发展，那么就需要多下苦功夫了。

很多小伙伴喜欢从代码量来区分前后端这几个大类岗位的难易程度，以此排列就是: Java开发> Web前端开发>软件测试> U设计。

但是，这并不完全绝对，也坏完全准确。IT领域中的各个岗位的划分非常细致，从岗位特性来看，Java对于逻辑性的要求比较高;测试需要细心和耐心，但同时也需要一些代码能力; Web前端和UI设计则需要对美有一定见解和追求。

所以，每个岗位的侧重点不同,以及不同企业对同类岗位的要求不同，那么难易程度也就无法一概而定。

五、前后端不同岗位的发展前景和薪资区别?

发展前景如何，这一点似乎没有太大的可讨论，因为只要IT行业持续发展，那么相对应的这四类比较重要的岗位就会一直被需要。

同时，只要你能够静下心来在自己的岗位上努力发展，那么未来的收益一定不会差。当然，虽然都有发展前景，但是市场需求却不太一样，相对而言，在国内的企业中，Java的需求量会更大- -些，其次Web前端和软件测试差不多，UI设计相对而言会少-一些。之所以会出现这样的情况是因为只有在相对中大型企业内才会将研发岗位拆分的比较细致，但若在一些初创公司，一般开发也做测试， 前端也做UI等等。

> 在前端领域混了这几年，总结了一套前端学习的精讲视频和学习路线，如果有对前端开发感兴趣的伙伴，不管你是想转行，或是大学生，还有工作中想提升自己能力的web前端党，欢迎大家的加入我的前端开发交流群：603985993 希望大家诚心交流！，与企业需求同步。好友都在里面学习交流，每天都会有大牛定时讲解前端技术!也可以关注我的微信公众号：【前端留学生】 每天更新最新技术文章干货。

不同岗位在全国范围内的平均薪资如下，数据来源自职友集，供大家自行参考:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]  
看完以上的数据，你可能会觉得测试居然没上10K。但其实，有一类测试岗位的薪资并不低。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 5]  
造成普通测试和测试开发有如此大差距的原因是在于，以前大家只要会点点点就能找到一份普通的功能测试，企业也不会有太高的要求，但如今你若带着这样的能力跳槽，基本很难再找到工作了。现在企业招聘测试人员，基本都会要求懂一-门 \]开发语言，因为懂开发的测试可以根据企业的特定产品自己编写自动化测试工具，从而提高工作效率，给企业带来更大的回报。

最后，编者想说，无论是前端还是后端，无论是难-点的还是简单-点的，大家均可根据自己的喜好来做选择,因为兴趣是最好的老师，而任何-个行业想要深耕，都需要付出努力。

此文共勉，希望能够帮助一部分小伙伴解疑答惑。同时，也希望大家在这个冬天，抵御病毒，外出做好个人防护。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70]: /images/20221119/fcad3b07bd434ab6937b4a408750618f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 1]: /images/20221119/0da99221e95f4b1db301e40c7f8dc9c7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20210118153124128.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20210118153145435.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210118153151312.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA_size_16_color_FFFFFF_t_70 5]: https://img-blog.csdnimg.cn/20210118153201853.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JPTTQ4NTQ4MA==,size_16,color_FFFFFF,t_70