前端工程师需要哪些技能？这是很多想转行的小伙伴都想问的一个问题。
只有知道了市场上需要什么样的前端工程师，我们目前才能更好的掌握重点去学习。
Web前端技术从最开始的HTML/CSS/JS，随着时代的发展逐渐变成：HTML5/CSS3/JQuery。Web前端工程师日常的工作要和设计打交道，还有产品经理沟通，同时还要与开发沟通。所以以下内是前端需要的必备技能。
今天就从什么是前端、前端能干什么、前端工程师是做什么的、前端需要学习的技能，这四方面让你对前端有更全面的了解。
走过路过，千万别错过！
一、什么是前端？
说起前端，我一般拿后端一起比较着来看。通俗地讲，前端干的工作是用户可以直接看得见的。而后端开发的工作主要在服务端，用户不太能直接看到，虽然前端开发和后端开发的工作有巨大的区别，但是他们的工作都是相辅相成的，都是为了更好的用户体验。
左边这张图是程序员画出来自娱自乐的，什么是前后端一目了然。
我们再来看真实案例：抖音的前端，就是我们广大用户的手机抖音APP客户端，每天刷刷刷；后端，我们普通用户并不关心，有很多很多系统来给前端提供支撑。
因此，前端是和用户体验相关，开发前端所见即所得，很有意思！
二、前端都能干什么？
如上图，前端可以做网站。
网站分为PC端网站和移动端网站，首先 PC端网站，比如一个是京东的PC端官网、B站的PC端官网、知乎官网等等。传统的PC端网站，是前端的基本实现。此外还有移动端网站，手机端网站又称为 Mo站 或 M站，打开手机浏览器，输入地址 比如http://m.maoyan.com，就可以打开猫眼电影的手机端网站了，还有比如京东的M站，淘宝的M站等等。
前端可以做管理系统。
管理系统是做信息管理的重要平台，比如机票售卖后台管理系统，小程序的后台管理系统。管理系统一般是全屏页面，是大前端产品的另外一种重要的输出表现。
前端可以做APP。
这里说的APP指的是混合APP和原生APP，混合APP就是将H5的页面嵌入到原生APP里，比如大家都熟悉的微信公众号；原生APP这里指的是利用React Native 和 Flutter等大前端技术做的APP，比如携程旅行里面有很多React Native的应用，阿里的闲鱼客户端，就是纯粹使用Flutter技术来实现的。
前端可以做小程序。
小程序大家都用，小程序严格说属于混合APP，比如微信小程序依托微信，实现用完即走的便利性。
前端可以做大数据可视化。
大数据可视化可以应用大前端的技术实现，通过浏览器来把枯燥的数据转化为漂亮的图表，比如这个公安警情可视化系统。
前端可以做智能电视交互页面。
比如我们家里的智能电视交互页面。
大前端可以做桌面应用软件。
桌面应用软件指的是可以直接在电脑上安装使用的软件，使用Electron框架实现 ，严格说也是一种混合开发的技术，比如 VS Code 编程软件，比如音乐播放器等。
前端可以做网页游戏。
前端可以做工具和后端，因为有了Node.js 大前端可以做本地工具和后端开发了，比如基于Node.js的Webpack工具，比如基于Node.js的Serverless开发。
前端真的已经无所不能，有人机交互的地方就有前端！
三 、前端工程师是做什么的？
在一个企业开发的项目中，整个产品开发流程会涉及很多部门。如下图：
其中前端开发，会涉及第三列的客户端开发（android, ios, 鸿蒙）、WebAPP、混合开发及后端开发的内容。
前端开发主要完成产品的用户界面展示和交互的实现。举个例子，我们看到的网站、APP、小程序、业务系统、甚至网页游戏的界面，都由前端来完成。
另外，在系统开发中，后端可以选择很多技术，比如JAVA，Node.js，GoLang，.NET，Python，PHP等，而前端只能选择 基于HTML，CSS和JavaScript的Web技术，如下图：
可以说，前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。
在企业里，一个前端开发工程师的地位非常重要，他就是一个粘合剂，上游要和产品沟通，下游要和后端及测试协作。
因此，一个前端工程师，具体工作会包含但不限于下面的工作：
(1) 参与需求评审
(2) 参与系统的交互设计
(3) 前端技术架构
(4) 前端的界面实现
(5) 项目工程化设计
(6) 与后端做接口对接和联调
(7) 配合测试保障项目质量
(8) 配合项目上线
(9) 配合产品采集运营数据
对于初中级前端工程师，会重点做 (4)、(6)、(7) 项工作，高级前端会涉及全部工作。
四、前端工程师需要学习什么？
前端工程师需要掌握的技能，这张前端学习路线让你一目了然！
当你有明确的前端学习路线，就好比拥有了上帝视角，接下来只需要安排时间做计划就行了。规定每天学多久，学哪些内容，再跟着每天的学习计划来学习。这样更能知道自己在学习过程中有哪些不足，哪些没有掌握。
不知道如何做前端学习计划？可以看看我整理的这份。包含每个阶段要学的内容，技能要求，以及学习时长。
可以参考下，按顺序学习：
前端学习路线、计划有了，下面就该思考如何学前端效率最高呢？
就我个人的经验来说，学习前端，一定是视频为主，书籍为辅，多敲代码。“理论 + 实战”两者结合，成功几率更高！
只是现在网上前端学习资料铺天盖地，很多资料都是过时的，是能学到一些东西，但跟不上市场公司的需求，跟市场脱轨了，你怎么能学好？就相当于你拿着50年前的眼光穿越到今天，你不敢相信会发展这么快。
前端相关的视频也帮你准备好了，全面覆盖HTML5+CSS3+JavaScript+node.js+vue+React+小程序开发等内容，go...：
如果说视频是带我们入门的，那么书籍是发散我们思维的。所以，每一个优秀的程序员都应该养成看书的习惯，毕竟很多经典是不可复制的。
可以看看这篇回答，包含前端各个阶段所需要的14本经典书籍。学习前端的小伙伴们，赶紧收好吧！
扩展阅读
以上教程、书籍看完以后可以刷一些前端面试题，自测下自己对于各个知识点的掌握程度，查漏补缺。
分享一些前端面试题，可以参考下：
总而言之，按照上面的学习路线，再结合系统的前端教程，坚持每天打卡，多敲代码，养成良好的学习习惯，记录自己的学习进度和每天的学习目标，清晰明了的掌握自己的学习情况，假以时日一定会学好前端的。
收藏≠学会，赶紧用起来吧！加油！