美国雅虎前端工程师Hedger Wang。这位原雅虎奇摩的第一位Web Developer，非常慷慨的与我们分享了他丰富的经验。现身说法，比空洞的理论更有感染力，我们发现现在遇到的很多问题也都是他曾经遇到过的。美国雅虎里面Web Developer是一个更帖近用户的前端工程师角色，他们负责把UI和产品功能逻辑整合起来，并增强产品易用性和交互体验。
在他的信息架构(Information Architecture)培训中讲到，像雅虎几百人在一起做产品，内部更需要速度和效率，更需要团队的协同和专业化。以往的开发流程是单线程的，产品经理向设计师提出设计需求，设计师开始设计然后和产品经理反复讨论并定稿，再交给Web Developer转成HTML模板，之后，将模板发给前端工程师开发，前端工程师需要后端提供数据，再将需求提给后端工程师。这时候，Web Developer只能祈祷别把本来写得挺标准的模板破坏。于是，每启动一个项目，哪怕是功能很类似的项目，都要走一遍这样的流程。显然，做法不是高效的，而且在每个环节上都很容易出问题，就像玩多米诺骨牌，任何一个小牌倒了就都白费了。
“Bottom Up Approach”，对！Web开发由下而上实现才是合理的。产品经理在现有系统和现有技术的基础上，策划产品，细化产品流程，最终确定产品都具有哪些功能。这些做好之后，前端工程师就可以开工了。比如，所有页面都有一个登录模块，直接写成这样就可以了：
<div id="login_mod">
<h2>登录</h2>
<form method="GET" action="">
<ul>
<li><label>用户名：</label><input type="text" name="name" /></li>
<li><label>密码：</label><input type="password" name="pwd" /></li>
<li><button type="submit">登录</button></li>
</ul>
</form>
</div>
至于在页面上是什么样子，前端工程师完全不用考虑，自有Web Developer后期通过CSS定义它。同样，做一个搜索结果页时，只要生成这样一个结果就好了：
<ul>
<li><a href="URL">标题1</a><p>描述...</p></li>
<li><a href="URL">标题2</a><p>描述...</p></li>
<li><a href="URL">标题3</a><p>描述...</p></li>
...
</ul>
像这样，前端工程师只需要和Web Developer用XHTML描述一下数据的结构就可以了，但是这时候开发出来的东西就会很难看：
