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
[解决办法]
接分,学习
------解决方案--------------------
mark
[解决办法]
好帖子，占个位置
[解决办法]
回帖是一种美德！每天回帖即可获得 10 分可用分！
[解决办法]
沙发都不让人！
[解决办法]
努力！
[解决办法]
记号。。。
[解决办法]
呵呵，支持！
[解决办法]
学习学习
[解决办法]
加油～呵呵～
[解决办法]
看了下
[解决办法]
我是来学习的
[解决办法]
都不怎么看得懂啊
[解决办法]
我也是学习学习
[解决办法]
study
[解决办法]
mark
[解决办法]
支持！
[解决办法]
学习了！大公司才能做到这种模式！哎，小公司，都是一笔糊涂账！
[解决办法]
jf
[解决办法]
厉害
[解决办法]
回帖是一种美德！
[解决办法]
呵呵 谢谢分享
[解决办法]
回帖是一种美德！
[解决办法]
MARK
[解决办法]
good thing and support it
[解决办法]
学习过。。
[解决办法]
石头在Yahoo??
[解决办法]
mark
[解决办法]
thx
[解决办法]
哇...这个相当有启发意义...
[解决办法]
学习
[解决办法]
学习中...
[解决办法]
启发
UP mark
[解决办法]
学习了，呵呵
[解决办法]
ding
[解决办法]
up
[解决办法]
UP
[解决办法]
顶级公司，顶级配置
[解决办法]
up
[解决办法]
赞一个
[解决办法]
谢谢楼主分享
[解决办法]
能切身感受一下就好了
[解决办法]
看看学习学习！
[解决办法]
很羡慕Yahoo的工程师们,能够专注的做自己喜欢的事情。但也只有大公司才能那样做，人家在开发之前
用了那么长的时间进行设计和设计审核，然后才把任务分发。我们国内小一些的公司连专职的JS开发人员
都没有，更别说想人家那样开发了。我所在的公司怎更小，实行联产承包，从后台jsp到前台JS都要自己搞定。
[解决办法]
上午刚看到的:
Web Developer可以做得更多
http://ysearchblog.cn/2006/12/web_developer_1.html
[解决办法]
云深不知处
[解决办法]
Mark
[解决办法]
JF
[解决办法]
谢谢，长进了
[解决办法]
学习了~~~~~
[解决办法]
学习中。。
[解决办法]
除了用的东西不一样，流程差不多……
[解决办法]
好
------解决方案--------------------
up,yahoo!啊
[解决办法]
大公司和小公司就是有很大区别呀。。
[解决办法]
.
[解决办法]
太专业了，一些专有名字看不懂，楼主应该解释下
BU、VD 都是些什么意思？
[解决办法]
稀里糊涂的。
[解决办法]
呵呵，对大公司的了解真透彻，
向楼主学习阿！
[解决办法]
