高效 WEB 开发团队建设

1. 高效WEB开发团队建设 Services Application Team – Charlie Du

2. Agenda • 我们需要一个更高效的开发团队 • 合理的开发流程 • 团队组织结构及职责 • 从需求开始 • 前后端分离 • 前后端协作 • 我们为推动实现这样一个团队而努力

3. 我们需要一个更高效的开发团队 为什么？

4. 我们需要一个更高效的开发团队 向业界有影响力的开发团队看齐 雅虎 淘宝 百度 希望有一天我们也能够成为影响别人的团队！

5. 我们需要一个更高效的开发团队 对团队成员的意义 提升成员自身专业技能 让每一位成员专注做自己最擅长的事 有利于成员形成较清晰的职业规划

6. 我们需要一个更高效的开发团队 对公司的意义 提高工作效率，节约开支 提高产品品质，增强竞争力 提升公司专业形象，塑造业界有影响力的团队

7. 我们需要一个更高效的开发团队 我们要如何来做？

8. 合理的开发流程(主流程部分)

9. 团队组织结构及职责

10. 从需求开始 明确的需求是项目的基础，也是QA测试及项目交付的依据！ 所以，在整个开发流程中，我们将很大一部分时间用来明确项目需求，这是非常重要的。

11. 前后端分离 当我们有了明确的项目需求，并有了说明文档以及线框图或快速原型，我们就可以准备分发任务了。 为了实现高效的开发，前后端分离是非常值得推荐的开发方式。 前后端的分离，使得项目开发得以同步进行而互不影响。 由于我更多的是从事前端的开发，所以后面会更多的介绍前端部分是如何运作的。

12. 前后端分离(意义) 一、开发工作更细化，有利于提高开发品质。 二、各组成员得以全心投入到相对单一的工作上，对成员的技术提升有非常大的推动。 三、磨合期结束后，有利于优化项目开发进度，缩减项目开发时间。 四、团队整体实力将得到增强，有助于提高团队竞争力。

13. 前后端分离(前端部分) Team Leader 一名，主要负责小组行政、及对外接口、汇报等工作 Technic Leader 多名，项目owner，负责带领其他成员进行项目开发以及例行的技术分享 Team member 主要与项目owner一起进行项目开发，优秀成员可晋升为Technic Leader

14. 前后端分离(前端部分) 项目开发流程： Team Leader领到项目 分配给Idle的Technic Leader(owner)及Team Member 项目owner拿到项目说明文档及线框图，与项目成员一起分析项目中各页面布局 项目owner负责搭建开发服务器环境，创建项目目录，放置好公共文件，如JS基础框架、CSSReset文件等等 项目owner负责创建好页面Template 项目owner拿到VD出的各页面效果图，与项目成员一起讨论页面中出现的各个模组，进行任务分配，公共模组、公共样式、独立模组等等分别由哪位成员负责 项目成员同步开发 代码编写结束，各成员交叉进行UI Review、Code Review，然后由owner做最后的Review 交付给后端owner，由后端同事套数据 QA&Fix Bug

15. 前后端分离(后端部分) 项目开发大致流程： Team Leader领到项目 分配给Idle的Technic Leader(owner)及Team Member 按项目需要，设计架构（如需要多少台服务器，各服务器之间如何共享数据等） 设计数据库结构（如需要哪些表，各个表之间都是什么关系） 设计缓存结构 编写各种类库 套数据 QA&Fix Bug

16. 前后端协作 在前后端开发实施过程中，会必不可少的出现一些问题，如双方需要的数据格式、数据类型等等都是经常会遇到的问题，以及后端在对前端交付的页面套数据时，也常常会遇到一些问题。 为了实现双方更好的协作，我们需要制定一些双方都需要遵循的开发规范。

17. 前后端分离协作 具体细节将会有独立的开发指引或规则等相关文档。 可以参见Arlen整理的相关资料。

18. 我们需要一个更高效的开发团队 思考及讨论： 我们目前是怎样的状况？

19. 为实现目标而努力 好事多磨，任何计划在实施过程中都会遇到种种苦难和阻力，不过我们相信，只要我们坚持，就一定能够实现！

20. Thanks!