Skip to main content

WEB前端项目开发流程

note

本文将以我个人的角度看前端开发工程师的一般WEB前端项目开发的大概流程，因此没有很详细，只是做一个大致的了解（有些是项目的必有流程但是前端工程师不一定参与的流程）欢迎大家补充纠正

1、立项 （必要 | 不一定参与）#

  • 确定是否做

  • 确定人员

  • 确定预算

    一般前端程序员不会参与此流程

    对于一个项目来说这个是必须的，人员和预算决定着网站的层次

2、明确需求需求（必要 | 不一定参与）#

  • 进行需求收集和分析

  • 使用用例图来分析需求

    一般前端程序员不会参与此流程

    对于一个项目来说这个是必须的，只有明确了需求才能知道我们要做什么，当然可能甲方也不知道自己想要什么功能，这个时候只能是我们去手机分析，再可以通过用例图去呈现展示与甲方确认。

3、可行性分析（必要 | 不一定参与）#

  • 进行功能可行性分析

    一般前端程序员不会参与此流程

    对于一个项目来说这个是必须的，分析功能需求是否可行，是项目是否按需按要求完成的关键

4、系统设计（看系统规模 | 不一定参与）#

  • 功能设计

  • 框架设计

  • 使用uml图、时序图

    一般前端程序员不会参与此流程

    根据项目的规模来确定是否需要进行项目的功能设计及框架设计，对于小项目来说着反而是累赘

5、原型设计（不一定会有 | 需要关注）#

6、交互设计（不一定会有 | 需要关注）#

  • 保证可用易用

  • 有反馈、一致性、可预测性

  • 相关工具 Axure RP

    一般前端程序员应该关注,但是该步骤不一定每个公司都有

    根据项目功能需求、草图、线框图，来做交互设计，设计与用户的交互效果，必须要保证有反馈、一致和可以测（可以点击的地方要有点击反馈，能操作的不能操作的需要谨慎操作的整个项目要有一致的设计比如什么操作固定使用什么颜色；最后就是可预测性，当用户操作一步后应该要能预测到下一步有什么操作）

7、视觉设计（不一定会有 | 需要关注）#

注意（web前端开发）#

important

如果公司没有5、6、7这三个步骤的话，这就需要前端程序员自行脑补了，所以你懂的；为什么说要从5开始关注项目的进度呢，因为整个项目周期里前半部分不能花费太多的时间，后续我们程序员开发也是需要时间的，不能因为前面耗费了太多的时间而后面开发的时候时间不够只能加班

8、程序开发 （web前端开发）#

  • 程序开发

    web前端开发人员必要工作

9、测试#

  • 项目测试

10、功能预演（web前端开发）#

  • 项目完成后进行项目功能预演

    此步骤一般交由web前端开发人员，前端开发将会对每一个功能做什么达到什么效果非常熟悉所以

11、内测#

12、灰度发布#

  • 功能灰度发布（比如根据用户账号来选择是否展示功能入口，让一部分用户先体验这个功能看效果）服务器崩溃

13、正式发布#

文章目录