带你认识Web前端工程师

这是一个很老的话题“前端工程师的价值体现在哪里？”。有人说：“前端工程师之于网站的价值犹如化妆师之于明星的价值。”一位好的Web 前端开发工程师在知识体系上既要有广度，又要有深度。当然，Web 前端工程师并不是设计师，每天接触最多的是代码，代码，还是代码。对此，你是如何给自己定位的？你的价值是否能够得到很好的体现？如今，旧话重提无非是想与开发者们共同探讨下前端工程师的价值所在，希望对你有所感悟。

前端工程师的价值体现在哪里？

一起来看下业内资深大牛对前端工程师是如何评价的：

张克军豆瓣前端工程师：

个人认为前端工程师正慢慢演变为产品工程师。WAP App，响应性 UI 等以 HTML5 技术为基础的开发将成为前端工程师的主要工作内容，解决产品跨平台跨设备的实现问题。Javascript，HTML，CSS 这些前端工程师熟悉的，多年使用的语言，作为开放标准将被各种平台所支持。产品形态和数据的分离是形势所趋。移动时代对产品形态多元化的要求虽然可以靠不同技术分别实现，但要付出巨大的成本。这也是 HTML5 这个 04 年就提出来的标准，直到前两年才火爆的原因。

现阶段的价值也很大。Web 产品交互越来越复杂，用户使用体验和网站前端性能优化，这些都需要专业的前端工程师来解决。另外，在项目中还要弥补设计师在交互设计上的不足，前端工程师在开发过程中起着重要的承上启下的作用。一两个前端工程师就可以让整个开发并行起来，让设计到实现的转换更顺利。明智的公司应该贮备前端工程师资源。

我不认为前端工程师和产品经理有什么关系。好的前端工程师一定会成为好的交互设计师。前端工程师对信息架构的理解应不亚于专业的交互设计师。

张经纬前端工程师：

一、前端工程师所需要掌握的基本技能：

HTML CSS

JavaScript

PHP/ASP/或者其他广泛应用在 Web 领域的编程语言

美术、视觉

二、前端工程师面向于：

用户

浏览器

数据接口

三、那么前端工程师的价值体现在哪儿呢？

为简化用户使用提供技术支持（交互部分）

为多个浏览器兼容性提供支持

为提高用户浏览速度（浏览器性能）提供支持

为跨平台或者其他基于 webkit 或其他渲染引擎的应用提供支持

为展示数据提供支持（数据接口）

元彦云端工程师：

关于前端攻城师的价值体现，我觉得主要取决于下面几个方面：

1. 与用户最近，最愿意揣测用户，是工程师中最了解用户的

2. 前端充满创新

3. 前端技能 JavaScript、HTML、CSS....入门易，深入难

4. 前后端交互方式多样，适用场景不同，Ajax（Post、Get）、Comet（轮训、长轮训、永久帧、XHR 流）、WebSocket

5. 随之浏览器的发展，很多技术方案开始偏向于前端

6. 前端不仅仅是 Desktop,而有 Mobile、Pad、TV......

高原Web工程师：

作为前端工程师最核心的价值或者说是责任，就是将大伙的所有心血和努力最终要完美地呈现给用户。在一个技术开发团队中，无疑离用户最近的人就是前端，其次是 UI、UE 和产品，然后是后端、DBA 和系统工程师。

如果说一个技术开发团队就是一支足球队的话，那么前端工程师无疑就是前锋，他接到队友们倾力传到脚下的球，他责无旁贷，要做的就是必须将球准确无误地打入对方的球门..... 他有两点必须是非常清楚：1.他必须清楚在对方球门与自己之间存在着哪些阻碍；2.他必须清楚如何破除这些障碍将球直至门网.....他也应该要是所有队员中对这两点最为清楚的人。

每个球队都有自己的明星，可以是锋线杀手、可以是中场战车、可以是超级后卫、也可以是神奇门将、甚至可以是救火教练。而且相信球场上任何一个位置的优秀球员，都有可能在后场断球长途盘带奔袭射门，球进！但任何一支优秀的球队都必须有两类分工，前场球员想的是赢得比赛，后场球员想的是不能输掉比赛，各司其职才能卓越。而作为一名称职的前锋，你必须是球队里，进球最多、射门技术最好的那一个，否则你还有什么价值可言呢....

不管技术实现的风潮如何变化，一个给用户的交互界面要有人来实现，这是不辨的硬需求.... 除非以后人机的信息交互不依赖视觉了(直接靠意念链接)，那时的前端就转向只做信息的组织与表达形式的设计就好了，因此，前端的最终价值是对人机交互的设计与实现。

李春平百度研发工程师：

应该来讲有三条路，一个是向前走，一个是向后走，另外一个是一直做前端，深入下去。向前即是前面所说的往用户体验与交互设计甚至产品设计师上走，这是最能体现前端价值的了，即用户体验，大多人会往这方面走；

向后走就是做 Web 开发，往数据库和后台开发方面走，不再区分前后端，大家深入产品的研发实现，这条路就是与软件工程师融合的路，这是的价值就体现在对于业务功能的实现上；

最后还有的是一直深入做前端开发，比如前端各类库与框架的架构设计，W3C 各种标准深入研究，对于 JavaScript 语言本身的研究，对浏览器的原理分析，对于网络传输协议的原理分析等等，这条路要深入下去很不容易，因为涉及很多原理与根本性的东西，所以走的人也不是很多。

当然了，还有一些彻底离开了前端甚至软件开发，转行专门做产品或者做业务运营。可能会因为有不错的技术背景有一定的优势呢。

胡金埔前端开发者：

我觉得前端工程师需要分两个方向来看各自的价值：

第一个方向：让用户更便捷的获取信息。这是大部门公司前端工程师应该努力做好的事情。拿到 psd，产出线上的代码，这个过程中的每个细节都值得你去用认真的态度做好。表单的各种交互，页面不同元素（区域）间的信息交互，这都未必是普通 ID 可以给你指导好的，你需要依赖自己的技术能力和自己对用户需求的感知去完成。

这个方向的价值就体现为：信息获取是否更加便捷？从而你的用户量是否上涨了？在线预订是否提高了？

第二个方向：让前端更加专业。这是一些研究院的大牛每天做的事情。阅读规范，比较不同版本的区别，并思考引入新特性的意义（技术或商业）。关注行业的最新发展，找出一些创新点，如果可以的话，站在巨人的肩膀上，不盲目的造轮子。最后，不管是自己的创新还是自己的整理好的当前解决某个问题的最佳方案，都会给整个行业以及自己的公司的其他前端同学的工作带来更多的支持。

这个方向的价值更加的技术化，可能短时间无法直接量化，但一段时间后，会从提高的个人生产率，页面交互的新模型等方面得到体现，甚至会导致新的产品。

元亮前端工程师：

产品工程师－Web 产品 APP 化使得前端需要了解产品的设计和交互实现细节，从而使前端代码结构合理可扩展！

跨平台设备实现－并不单单是各浏览器的跨平台兼容了。现在的物理设备多样，只要和用户产生直接互动的实现工作都可以称为前端！

完美优雅实现交互和设计细节－用最精简的代码和最小的代价还原交互和设计的细节，可用性和可访问性的提升！

用户体验和新技术的结合－HTNL5的发展使得 Web 和移动应用有更优和更佳合理的实现方式

网站前端性能优化－节省用户成本，节省公司成本

可扩展的标准接口－语义化的页面使得网站无论从 seo 角度和机器可读行得到更大得提升，标准化可扩展的数据接口使得和后台的联系更佳无缝！同时也会大大提升开发效率。

网站形象的业内 PR－以最直观可见的方式展示公司网站和公司形象！

前端的需求

需要理解产品的逻辑和形成的过程－希望参与开发产品页面的相关人员参与到产品讨论的阶段，了解产品的需求。以及了解产品的未来的隐性需求！列席即可！

需要了解交互细节－希望参与开发产品页面的相关人员参与到交互讨论当中，理解交互和设计细节！使页面结构合理和具有可扩展性！列席即可！如果合理化建议可以提出！

需要了解数据接口－理解产品相关模块所需要的数据与相关技术人员沟通形成文档。

需要技术的积累和新技术的学习－希望有团队内的交流活动，头脑风暴！学习了解最新的行业技术，参加业界的交流！

需要成就感，和满足感。

结束语：

前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。前端就是网站的门面，它的价值远大于其他的客户端开发。

免费领取LAMP兄弟连原创PHP视频教程光盘/《细说PHP》精要版，详情咨询官网客服：http://www.lampbrother.net

PHPCMS二次开发http://yun.itxdl.cn/online/phpcms/index.php?u=5

微信开发            http://yun.itxdl.cn/online/weixin/index.php?u=5

移动互联网服务器端开发   http://yun.itxdl.cn/online/server/index.php?u=5

Javascript课程   http://yun.itxdl.cn/online/js/index.php?u=5

CTO训练营                http://yun.itxdl.cn/online/cto/index.php?u=5

以上就介绍了带你认识Web前端工程师，包括了方面的内容，希望对PHP教程有兴趣的朋友有所帮助。