我们一般的前端开发流程

有些毕业生或非it行业的人,想了解真正的一个开发流程,就我个人的经验做以简单的分享,仅供参考,不是一个覆盖全行业的事实标准。

老板或甲方是一个需求的真正发起者,也是一个基础idea的梦想师,产品是需求专业化梳理或进行有效评估细化需求负责的,

而设计是前端的上游,前端是设计的下游。设计的工作目的是把产品宏观的思维结果进行专业的处理,因为按一般的习惯,产品最终的结果是原型图,而原型图可以理解为设计的草图,

对真正的用户来说,这个草图过于简单或不符合使用的操作习惯,所以需要设计师进行专业的处理,比如颜色搭配,布局分隔,有时候还兼交互的一部分工作,设置用户与页面发生交互的预订流程,

那有人问,不需要设计不行吗?直接让前端写页面不就得了,还需要麻烦设计师来做个图出来。

因为这里边有一个成本风险控制的一个理念,因为在前期,尤其是设计,主观感受大于理性的思考,所以每天的结果都不一样,所以需要设计师去消化掉这部分主观感受带来的误区,

而且从成本上来讲,有些场景设计师改图比改代码要容易控制一些。

设计师的结果是psd文件,他是很多个图层叠加在一起的结果,而前端的工作结果html页面,是把很多图层上的效果,有机的用html组织起来的过程。

前端是把转化后html交给下游服务端开发工程师,或叫后台开发,这个html里边包括一些交互的js文件等。总的来说前端是一个承前启后的岗位。

也有的公司把前端的责任放大,负责整个前台view层页面的开发,这样的好与坏在前面的文章中已经探讨过就不一一细表了。

我们以前基本的流程是,领导或甲方提出需求,然后产品分析需求,并且根据需求画出原型图,然后根据原型图出设计稿。

出完设计稿团队评审,过后交与前端制作静态页面,然后静态页面,交与设计审核,过后交给开发人员,进行动态数据的添加。

添加完之后,发布测试环境,产品测试领导审核,成功后,直接发布产品环境。或进行版本迭代。
这是整个的一个设计,开发,部署的流程。

根据前面的,在补充一下,前面的所有流程中的灵魂是原始需求提出者,但人随着客观条件的变化,思维认识会有所不一致,

所以产生了文档,文档是贯穿整个流程的一个灵魂。

而产品是整个流程中文档的编写者,因为产品最能接触最原始的需求,对需求的理解更深刻或专业,所以他会有一个文档出来。

这个文档是需要交付给设计,让设计在设计过程中进行参考。

前端看的另外一个文档。交互设计师出交互文档,一般的公司没有交互设计师那就是由产品来出的交互文档。

有的交互不过于复杂,就没有文档,只是邮件。

有时候说,不要这个邮件行不行,那怕是最简单的原始东西,没有文件或邮件是不能做一个后期测试回溯的依据。

产品文档表示页面的流转或数据的走向,交互文档描述页面复杂的交互或各个用户表单与用户发生的各种互动。

另外2个是,要架构师或项目经理出的需求文档,需求文档是对整个项目的历史背景,系统开发软硬件要求,或版本信息,等等。

另外一个是由服务端工程师提供的接口文档,这里边包括一些请求类型,传参的数目与键名,还有服务端返回的参数名约定等等的,这些文档是开发中的灵魂,也是以后测试回溯的标准或依据。

http://www.cnblogs.com/daoshi/p/3751922.html

创立一个网站的前前后后(起因,域名,云平台,备案,CDN等等)(1)



前端开发qq群:159758989 ,禁止闲聊,非喜勿进~!

时间: 2024-09-30 22:15:31

我们一般的前端开发流程的相关文章

搭建前端的开发环境和前端开发流程总结

一.搭建前端的开发环境 1.代码编辑工具:sublime/WebStorm/HBuilder. 2.断点调试工具:Firebug. 3.版本管理工具:Git(本人建议使用git,至于原因大家可以看看相关blog),安装完成后我们就可以从github上clone一些项目. 4.代码合并和混淆工具:webpack (Webpack具有Grunt.Gulp对于静态资源自动化构建的能力,同时兼容AMD与CMD的模块加载规范). 4.开发调试工具:NodeJs.很多非常有用的工具都是基于NodeJs的,我

如何构建自动化的前端开发流程

我们先来看下前端开发可能存在的问题: 我们有许多的第三方库的依赖需要管理: 我们有独立的前端测试需要自动运行: 我们还有很多代码需要在发布时进行打包压缩: ?? 所以构建一个自动化的前端开发流程是非常必要的,但现在前端开发流程的构建是百花齐放,没有一个统一的标准,还有很多依赖于后端的架构来做前端开发管理.例如在Rails开发中,就有各种前端库的gem包.但是这种依赖于后端框架的管理方式有许多问题: 许多gem包的维护者并不是前端库的维护者,所以更新不一定即时: 不利于前端代码与后端代码做分离:

看大师讲解移动互联网前端开发流程

你做过移动互联网开发吗?在移动互联网超级火爆的今天,你是否也想分的一杯羹呢,来这里看大师给你讲解如何完成一款app,本文的主旨在于讲解在app的制作流程. 今天完成了完全属于自己的一款安卓应用,整个流程都是我一个人跑下来的,感觉小有成就,名字叫"长见识了",是一款趣味答题类的游戏,题目各种火爆各种经典,下载地址,看似一个简单的答题小游戏却是五脏俱全,从开发流程上都进行了严格的规范,大家有空可以下载玩玩~ 该项目虽然比较简单,但是从项目需求分析到最后的开发测试上架流程都是完备了的. 一,

系列网页。前端开发流程

实践了一段时间,发现<Freshman.前端开发流程.>里面的东西比较适合从头到尾开发一个新页面的情况,而在具体开发工作中,我们大部分时候是开发一系列网页,有一些元素(比如很多页面的top/banner部分)是类似的. 所以开发的流程可以是开始先做好第一个页面的全部,把公共部分抽取出来,然后之后的页面只要修改不同部分就好.

移动端开发者眼中的前端开发流程变迁与前后端分离

写在最开始 移动端与前端的区别 前端开发的混沌时代 后端 MVC MVC 方案实现 MVC 的缺点与改进 前端只写 Demo HTML 模板 后端 MVC 架构总结 AJAX 与前端 MVC 前后端分离的缺点 双端 MVC 不统一 SEO 性能不够 集中 Or 分离 Nodejs 前后端分离的哲学 Nodejs 分层 实战应用 风险控制 总结 参考资料 写在最开始 这是一篇面向移动端开发者的科普性文章,从前端开发的最初流程开始,结合示范代码,讨论开发流程的演变过程,希望能覆盖一部分前端开发技术栈

主流的h5前端开发流程

一. 流程 设计师以750pt×1334pt尺寸进行设计(当然高度随内容变化),最后用该尺寸的设计稿进行标注.切图,前端采用flexible进行适配. 二. flexible使用方法 Flexible的使用方法非常简单,只需要引入flexible_css.js和flexible.js 下载地址 l  第一种方法将文件下载后放入项目中引用(省略写法,大家都懂的) l  第二种直接使用阿里CDN资源 <script src="http://g.tbcdn.cn/mtb/lib-flexible

前端开发流程

产品经理下达任务--ui作图--前端根据ui的图做效果--与后台人员交流 工作中的流程: 早上开早会,产品经理下达命令,讲述昨天完成任务,今日目标. 关于项目中的介绍,一般有工作经验的人,常用的动态效果都会自己封装一个插件. 比如说图片轮播,翻页,tab切换页面. 移动端的项目,用***js做的,用这个js实现了什么效果,在整体页面用什么布局模式,都适配那些,如果做到适配的,介绍一个页面,从上到下,移动端会有上拉加载,下拉刷新, 要分析出这些效果是如何做的,在做这些个项目的时候是怎么解决的 (在

前端开发流程---我们应该做些什么

一.拿到原型图,先自我解析需求,画出思维导图,流程图 在未拿到UI给定的PSD时,可以先理清我们的需求 依赖的外部资源 后端提供的接口 UI出图的大概布局 后期频繁改动的地方 需要实现的效果 下拉刷新 动画效果 吸顶效果 懒加载.预加载.防抖.节流 二.产品召集项目相关人员,开需求讨论会,产品讲解原型 理解产品的需求,提出质疑:这是什么功能,怎么做,为啥这么做 评估实现难度和实现成本,是否有潜在技术问题/风险 对比自己整理的需求图,如果有和自己想的不符合的,提出疑问 理解PM提出此次需求的目的,

前端开发的流程

想分几篇文章来说说前端开发. 一般的网站开发流程包括四个方面: 1. 总结需求 2. 设计界面 3. 前端开发 4. 后端开发 开发完成后会进行内部测试以及后续的优化等,其中2,3,4可以并行开发.下面介绍前端开发的工作流程: 1.分层开发 在产品需求文档确定好后就可以进行分层开发的划分,根据项目内容的不同,来划分组员的工作.一般分为:总体结构搭建.模块制作.页面制作.底层js的搭建与交互等. 2.代码编写 前期工作准备好后,就开始进入代码编写阶段.大致流程为当原型图产出后,就进行前期的前端开发