前端开发的流程是什么

一般来说，互联网产品经过以下步骤：

产品。产品来自两个渠道：一是通过与甲方签订合同，从公司外部外包项目。二是公司内部产品经理分析和设计互联网产品的需求。这一过程通常从用户研究开始，找出目标用户的需求并过滤需求，产品经理的输出是BRD（商业需求文档）和PRD（产品需求文档）。

交互设计。对于产品，下一步是交互设计。所谓交互设计，就是产品的行为设计，一般涉及产品布局的合理性。交互设计的输出是产品的交互原型。如果有一定的实力，可以测试产品原型的可用性，邀请典型用户对设计过程的效率和学习性进行专项测试。

视觉设计。一般来说，视觉设计是前端的上游，前端是视觉设计的下游。设计的目的是专业处理产品的宏观思维结果。设计师专业处理产品原型，如布局、配色等。视觉设计师的输出是设计图纸。没有视觉设计可以直接实现前端页面吗？这将涉及成本因素。在早期阶段，特别是在设计中，主观感受大于理性思维，因此每天的结果是不同的。因此，设计师需要消化这部分主观感受带来的误解。此外，在成本方面，一些场景设计师更改图片比更改代码更容易控制。

前端开发。设计师的结果是PSD格式的设计图纸，保留了原始的设计层。前端的工作结果是html页面，这是一个有机组织许多层的过程。

后台开发。前端是将html文件交给服务端开发工程师或后台开发，包括一些交互式JavaScript文件等。一般来说，前端是一个连接过去和未来的职位。

更紧凑的表达方式是领导或甲方提出需求，然后分析产品需求，根据需求绘制原型图，然后根据原型图绘制设计草案。设计草案经团队审核后，前端制作静态页面，静态页面交给设计审核，后台人员添加动态数据。添加后，发布测试环境，产品测试领导审核，成功后，直接发布产品环境。或者进行版本迭代。这是一个整个设计、开发和部署的过程。

在整个过程中，有许多不同的职位和文档。

产品经理是整个过程中需求文档的编写者，因为产品最能接触到最原始的需求，对需求有更深入或专业的了解，产品经理会编写BRD(英文全称BusinesrementDocument、BRD)、MRD(英文全称MarketrequirentDocument、MRD)和PRD(ProduirentDocument、PRD)。

交互设计师的输出是交互原型。有些交互不是很复杂，所以没有文档，只有电子邮件。有时候，不管这封电子邮件行不行，即使是最简单的原始东西，没有文件或电子邮件也不是后期测试可追溯性的基础。交互文档描述页面复杂的交互或用户表单与用户之间的各种交互。

架构师或项目经理的输出是需求文档。需求文档是整个项目的历史背景，系统开发软硬件要求，或版本信息等。后台工程师提供的接口文档包括一些请求类型、参数数和键名、服务器返回的参数名协议等。这些文档是开发的灵魂，也是未来测试可追溯性的标准或基础。