Yahoo!的WEB前端工程师是怎样进行WEB开发工作的,该如何解决
发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
Yahoo!的WEB前端工程师是怎样进行WEB开发工作的
Yahoo!的WEB前端工程师是怎样进行WEB开发工作的
DHTML精英俱乐部为您讲述Yahoo!的Web前端工程师他们的日常开发工作是怎样进行的!
大家都知道,近年来,Yahoo!的WEB开发研究团队为WEB2.0的发展带来了不可磨灭的战绩,high performance Web Sites 14 Rules for faster loading web sites,Yslow插件,YUI WEB前端框架等等,无不给WEB开发带来重大的影响,尤其是对WEB前端开发带来的影响,更是意义重大!
那么Yahoo!的WEB前端工程师(F2E)的开发工作是如何进行的呢?他们的开发流程和多部门合作又是如何展开的呢?
1、我们先从项目开始说起,大家都知道,像Yahoo!这样的世界级门户网站,每天需要开发的频道栏目都会有很多,我们的前端工程师们(F2E部门)要做的就是这些项目。这些项目经过Producer、BU、VD等流程后,会有详细的Specification同时转到WEB前端开发部门(F2E)和PHP后端开发部门(SDE)。
2、F2E接到项目后,会由Team Leader根据Resource的应用情形指定项目的Owner和组员,之后,该项目的前端部分就全权由指定的人员进行开发、套数据(套页)、Debug。
3、接下来,分配到项目的组员需要拿到VD给出的项目线框图进行分析,主要分析页面使用到的Grids情形,从而确定未来使用相应的YUI Grids进行布局。
4、随着VD会相继给出页面视觉效果最终稿,F2E组员需要再次分析页面上主要的模组(Modules),这个时候更多的是按照功能和样式进行分析,挑选出页面中共用的部分,以便在随后的开发中可以进行全局开发共用的CSS样式和JS类。这个步骤会随着VD不断给出的新页面而重复进行,越到后面,这个步骤所花费的时间也越少,除非在Producer或BU部分出现重大需求变化导致页面及模组出现重大更新!
因为采用模组(Modules)的概念,加上之前对共用部分进行的分析,使得多位组员之间可以同时进行项目的开发,这使得开发工作变得非常高效。
WEB前端部门必须以YUI为框架,包括YUI CSS部分,这些是必须的!
5、开发进度进展顺利,接下来是和PHP后端(SDE)那边的套页合作,当然,这个过程并非实时需要进行,只在SDE套页出现问题时才需要进行沟通。因为在Yahoo!的WEB开发项目中,制定了一套相对完美的前后端合作机制。这种机制对于不习惯它的人来讲可能会比较郁闷。其中包括,在WEB前端F2E 制作的页面中,不允许为DOM元素自行设定使用除指定好的Module ID外的任何ID属性,不允许为DOM元素自行设定使用任何Name属性等等。
6、套页完成,项目转到QA,呼,终于松了口气,等待捉虫(Debug)
7、项目上线了,庆祝的时间,项目成员一起到酒店庆祝去吧!^_^
现在,大家对Yahoo!的WEB前端开发工作应该有一个大致的了解了,希望这种良好的WEB前端开发模式能够给大家带来一定的参考价值!
------解决方案--------------------
哇靠
------解决方案--------------------
呵呵,对大公司的流程真的不太了解,谢谢分享。
不过他们做完一个就要庆祝一次的话,估计每天都要有数场酒会,:-)。
------解决方案--------------------
谢谢分享!希望有一天成为像楼主一样的高手
------解决方案--------------------
云里,雾里...
------解决方案--------------------
之前经历的web开发都是 前后端 同时开发的。
在需求讨论的时候,前后端的程序员都要参加,等定稿后前后端就可以同时进行开发了。
对于前端来讲,数据源可以模拟,你的界面也不会因为服务器端的逻辑和代码的变化而变化。
对于后端来讲,甚至都不用知道最终的界面是什么样子的,他只关注一些前后端数据格式及调用接口的形式去完成。
都是前后端分离,采用ajax模式进行开发,这样最后集成的时候也很简单,前端只需要把数据源切换为最终后端提供的service。
没有分层就没有单元测试,只有前后端分层明确了,测试才能更有效。当然了我这个分层只是指的是前后端的分层,事实上纯粹的后端,甚至纯粹的前端也是需要分层的。
同时也打下广告,脚本爱好者--全球最实用的javascript学习网
------解决方案--------------------
脚本爱好者--全球最实用的javascript学习网
------解决方案--------------------
不太懂,菜鸟
------解决方案--------------------
楼主是哪个公司的啊?
------解决方案--------------------
这个有可能关系到公司机密啊!!还是不要说的好啊!!
------解决方案--------------------
谢谢楼主分享。学习过。
------解决方案--------------------
哦
------解决方案--------------------
也不怎么我以后工作是个啥环境?
------解决方案--------------------
~jF
------解决方案--------------------
雅虎~~噢噢
------解决方案--------------------
牛逼啊...................
------解决方案--------------------
jf
------解决方案--------------------
接分,学习
------解决方案--------------------
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
标签的值用parseInt提取报错
报错如图:
不能理解为什么说这个值是undefined类型
代码如下
<!DOCTYPE html>
<html>
<head...
-
jquery解绑元素事件
想的想了,查的查了,是在不知道该怎么做了。
dom元素是动态生成的,生成之后给body绑定了keydown事件,当keydown触...
-
请教jquery.artDialog 跳转问题
我想实现这样的效果
a页面跳转到b页面进行判断,如果正确,跳转到新页面,如果错误就返回上一页
js的...
-
你不知道的JavaScript--Item21 漂移的this
而在 JavaScript 中,this 是动态绑定,或称为运行期绑定的,这就导致 JavaScript 中的 this...
-
如何对html的富文本编辑器已有界面进行修改 跪等
我是新手后台开发,js就会很基本的,领导让我改一下tinymce的上传图片按钮 里面的...
-
求java写的导入导出功能,最好有源码,急,谢谢啦!!!
不需要用到什么框架,在servlet中写入方法即可,通过在jsp页面选择excel文件,然后点击导入...
-
java.lang.NoClassDefFoundError: javax/servlet/jsp/jstl/core/LoopTag 解决方法
java.lang.NoClassDefFoundError: javax/servl...
-
Sublime Text 最佳插件列表(转)
Package Control 安装方法
首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴...
-
表格操作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...
-
你真的了解 console 吗
对于前端开发者来说,在开发过程中需要监控某些表达式或变量的值的时候,用 debugger 会显得过于笨重,取而...