MyException - 我的异常网
当前位置:我的异常网» JavaScript » Yahoo!的WEB前端工程师是怎样进行WEB开发工作的,该

Yahoo!的WEB前端工程师是怎样进行WEB开发工作的,该如何解决

www.MyException.Cn  网友分享于:2015-08-26  浏览:19次
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
------解决方案--------------------
接分,学习
------解决方案--------------------

文章评论

做程序猿的老婆应该注意的一些事情
做程序猿的老婆应该注意的一些事情
5款最佳正则表达式编辑调试器
5款最佳正则表达式编辑调试器
程序员的鄙视链
程序员的鄙视链
中美印日四国程序员比较
中美印日四国程序员比较
团队中“技术大拿”并非越多越好
团队中“技术大拿”并非越多越好
Web开发人员为什么越来越懒了?
Web开发人员为什么越来越懒了?
“肮脏的”IT工作排行榜
“肮脏的”IT工作排行榜
什么才是优秀的用户界面设计
什么才是优秀的用户界面设计
Web开发者需具备的8个好习惯
Web开发者需具备的8个好习惯
10个调试和排错的小建议
10个调试和排错的小建议
每天工作4小时的程序员
每天工作4小时的程序员
程序员都该阅读的书
程序员都该阅读的书
我是如何打败拖延症的
我是如何打败拖延症的
程序员的一天:一寸光阴一寸金
程序员的一天:一寸光阴一寸金
如何成为一名黑客
如何成为一名黑客
初级 vs 高级开发者 哪个性价比更高?
初级 vs 高级开发者 哪个性价比更高?
程序猿的崛起——Growth Hacker
程序猿的崛起——Growth Hacker
程序员最害怕的5件事 你中招了吗?
程序员最害怕的5件事 你中招了吗?
程序员必看的十大电影
程序员必看的十大电影
老程序员的下场
老程序员的下场
亲爱的项目经理,我恨你
亲爱的项目经理,我恨你
我跳槽是因为他们的显示器更大
我跳槽是因为他们的显示器更大
如何区分一个程序员是“老手“还是“新手“?
如何区分一个程序员是“老手“还是“新手“?
鲜为人知的编程真相
鲜为人知的编程真相
科技史上最臭名昭著的13大罪犯
科技史上最臭名昭著的13大罪犯
老美怎么看待阿里赴美上市
老美怎么看待阿里赴美上市
总结2014中国互联网十大段子
总结2014中国互联网十大段子
写给自己也写给你 自己到底该何去何从
写给自己也写给你 自己到底该何去何从
程序员应该关注的一些事儿
程序员应该关注的一些事儿
看13位CEO、创始人和高管如何提高工作效率
看13位CEO、创始人和高管如何提高工作效率
十大编程算法助程序员走上高手之路
十大编程算法助程序员走上高手之路
 程序员的样子
程序员的样子
为啥Android手机总会越用越慢?
为啥Android手机总会越用越慢?
程序员周末都喜欢做什么?
程序员周末都喜欢做什么?
为什么程序员都是夜猫子
为什么程序员都是夜猫子
2013年中国软件开发者薪资调查报告
2013年中国软件开发者薪资调查报告
Java 与 .NET 的平台发展之争
Java 与 .NET 的平台发展之争
程序员和编码员之间的区别
程序员和编码员之间的区别
“懒”出效率是程序员的美德
“懒”出效率是程序员的美德
程序员眼里IE浏览器是什么样的
程序员眼里IE浏览器是什么样的
不懂技术不要对懂技术的人说这很容易实现
不懂技术不要对懂技术的人说这很容易实现
Google伦敦新总部 犹如星级庄园
Google伦敦新总部 犹如星级庄园
那些性感的让人尖叫的程序员
那些性感的让人尖叫的程序员
要嫁就嫁程序猿—钱多话少死的早
要嫁就嫁程序猿—钱多话少死的早
我的丈夫是个程序员
我的丈夫是个程序员
Java程序员必看电影
Java程序员必看电影
那些争议最大的编程观点
那些争议最大的编程观点
编程语言是女人
编程语言是女人
2013年美国开发者薪资调查报告
2013年美国开发者薪资调查报告
软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有