原创 前端开发的工作职责

想要了解前端从业者的工作职责，需要从一个完整网站应用产生流程入手，一个网站应用从无到有的过程大致如下 ：

1）产品经理与甲方反复沟通交流，逐步确定产品需求完成设计草图；

2）产品经理根据需求和草图进行分析，提交 PRD（需求文档），并与开发人员协商软件功能；

3）若PRD（需求文档）协商通过，后端开发团队进行可行性分析并完善方案；在一定的准备过后，进入后端开发，并给出开发文档；

4）产品经理根据协商通过后的PRD，制作原型和设计文档，并交付设计团队；

5）UI/IxD等不同职责的设计师，根据设计文档和原型产出高保真原型；

6）前端参与视觉和交互的评审，进而完成原型图切图；

7）前端根据后端/接口文档，进行页面构建和开发，并且不断针对数据和功能相关内容与后端沟通和交流；

8）前后端功能实现，数据流通之后，测试人员进行功能测试，并记录bug（漏洞），形成文档并交付bug产生方，前后端修补各自bug ，并重复测试；

9）测试完毕之后的产品，可以交付给甲方。

从以上流程中我们可以看到：Web 应用开发过程中，后端先行，设计师出稿后，前端才能进行开发。

前端确实在造物，他们是做了一个又一个的 Web 应用，只不过设计是别人的，数据也是别人的，自己的自主权被压缩了太多，这导致前端工作看上去像是仅仅将别人的设计实现。在整个团队中，可能功劳不多，但是苦劳肯定不少！

不过，这并不代表前端是“鸡肋”。前端岗位独立出来，恰恰是因为它变得越来越重要！

在整个项目团队中，前端除了写好自己的代码之外，更重要的是团队的润滑剂。一个小型团队一般就五个人：产品经理、设计师、前端、后端和测试。前端不仅要参与需求文档的开发，视觉交互的评审，还要与后端交流，与测试沟通；实际上，整个应用开发过程中，前端处于交流的中心位置。

而在整个应用中，前端就像一道桥梁，沟通用户和软件背后的服务，不仅实现了设计，还赋予整个产品活力。如果网页应用只是单纯地将内容呈现给用户，那跟图文小说没什么区别，比较死板。如果只是单纯从用户身上获取信息，就跟问卷调查没什么区别，缺乏反馈感。

后端需要理解代码逻辑，产品经理需要理解人的逻辑，而前端需要同时理解两者，写的是代码，产出的却不是程序，而是产品！

实际上，没有一成不变的工作，也没有一成不变的职责。就像我在课程开始时提到的一样，前端的概念现在很“大”，并且一直在变化；提升自己，保持精进，跟紧潮流，才是你真正的职责！

以上是从团队角色角度解说前端职责。