Nicholas C. Zakas谈怎样才能成为优秀的前端工程师
2010年01月10日 Web开发, 原创, 翻译
Original Post：What makes a good front end engineer?
Nicholas C. Zakas，2007年8月15日
翻译完成：2010年1月10日，最后更新：2010年1月10日
昨天，我负责了Yahoo!公司组织的一次面试活动，感触颇深的是其中的应聘者提问环节。我得说自己对应聘者们提出的大多数问题都相当失望。我希望听到一些对在Yahoo！工作充满激情的问题。在昨天的应聘者中，只有一个人的问题是我认为最好的，那个人问我：“你觉得怎么才能成为优秀的前端工程师？”我觉得很有必要把这个问题从面试房间里拿出来讨论一下。
首先，前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需频繁地寻求别人的帮助。
优秀的前端工程师应该具备快速学习能力。推动Web发展的技术并不是静止不动的，没错吧？我甚至可以说这些技术几乎每天都在变化，如果没有快速学习能力，你就跟不上Web发展的步伐。你必须不断提升自己，不断学习新技术、新模式；仅仅依靠今天的知识无法适应未来。Web的明天与今天必将有天壤之别，而你的工作就是要搞清楚如何通过自己的Web应用程序来体现这种翻天覆地的变化。
计算机科学这个大门类下面的许多分支在人们眼中实际上都不外乎科学。但是，我们所说的前端不是什么科学，而是艺术。艺术家不仅要掌握谋生的技术，还要懂得如何运用。对同一个问题的解决方案在这种情况适用，在另一种情况下可能就不适用。对Web应用程序的前端而言，解决同一问题的方案经常会有很多。没有哪个方案是错的，但其中确实有一些是更合适的。优秀的前端工程师应该知道在什么情况下使用哪种方案更合适，而在什么情况下应该重新选择。
优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关。在任何情况下，前端工程师至少都要满足下列四类客户的需求。
- 产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求，以及怎样通过他们设计的模式赚到钱（但愿如此）。一般来说，这些人追求的是丰富的功能。
- UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。
- 项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点，无外乎正常运行时间（uptime）——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化，以及不在升级更新时引入新问题。
- 最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道，但他们的反馈意见至关重要；没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能，以及竞争性产品所具备的功能。
那么，前端工程师应该最关注哪些人的意见呢？答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期，然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上，因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能，必须删繁就简，你怎么跟产品经理解释？再比如，假设某个设计如果不改回原方案可能会给应用程序造成负面影响，你怎么才能说服UI设计师？作为前端工程师，你必须了解每一类人的想法从何而来，必须能拿出所有各方都能接受的解决方案。从某种意义上说，优秀的前端工程师就像是一位大使，需要时刻抱着外交官的心态来应对每一天的工作。
我告诫新来的前端工程师最多的一句话，就是不要在没有作出评估之前就随便接受某项任务。你必须始终记住，一定先搞清楚别人到底想让你干什么，不能简单地接受“这个功能有问题”之类的大概其的说法。而且，你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理，问一问这个按钮有什么用处，然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师，这种沟通至关重要。
无论从哪个方面讲，我都觉得前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了，为了在多种平台中使用，多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术，涉及到广阔而复杂的领域，这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门，但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力，才会真正让你变得优秀。
延伸阅读
Nicholas C. Zakas的书
 |
 |
 |
 |
为之漫笔（李松峰），本博客专注于Web前后端技术、移动平台开发技术、交互设计和技术翻译。声明一下，因为时常需要外出审稿，而且基本不带笔记本，所以有时可能会迟一点回复大家的留言。
[...] 怎样才能成为优秀的前端工程师 [...]
[...] 特别提示：由于目前正在抓紧时间翻译Professional JavaScript, 2nd，预计春节之前没有时间翻译CSS之父的论文了。对自己，也对大家，更对“CSS之父”说声抱歉吧！ 前一篇： Nicholas C. Zakas如何面试前端工程师 后一篇：Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 [...]
此文说得非常不错，值得阅读。
同时非常感谢为之漫笔的翻译，为国内的前端工程师也算指引了一条路吧。
@裕波，多谢支持
请问大侠
javaScript 高级程序设计 第二版和第一版相比 主要增加了哪些内容?
@lingcarlos
内容基本上重写了，具体的你比较一下目录就知道了。
[...] 最后是一篇文章Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 [...]
前端，只是html/css/js么？
翻译这么长的文章，真是辛苦了，我要窃用你的成果了，呵呵。
[...] 中文翻译：http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer… 上一篇: 如何像大佬一样高价出售域名 本文链接: 怎样才能成为优秀的前端工程师 版权所有: Hi Winter, 转载请注明本文出 cT="1";nc="#0033CC";nBgc="#FFEEE6";nBorder="#FF9966";tc="#FFFFFF";tBgc="#FE1923";tBorder="#B11418";tDigg="";tDugg="";defaultItemUrl="WEB_URL";defaultFeedUrl ="http://feed.bbon.cn/"; [...]
@maqingxi：前端，只是html/css/js么？
Maybe so.
@maqingxi:我要窃用你的成果了
莫忘“盗亦有道”啊，呵呵
[...] 特别提示：由于目前正在抓紧时间翻译Professional JavaScript, 2nd，预计春节之前没有时间翻译CSS之父的论文了。对自己，也对大家，更对“CSS之父”说声抱歉吧！ 前一篇： Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 [...]
阅读后豁然开朗，受益匪浅，非常感谢朋友的翻译，希望这样文章可以让更多的前端们看到并学习。
努力成为优秀的
很不错，这方面的译文多多益善。
很不错！
前端工程师的指路灯，让人有滴壶灌顶的感觉。多些这样的文章做为指引，并且让更多的人看到，相信我们的前端道路会发展的很快。真是非常感谢为之漫笔同学。
@ Y.Jiajia
不客气。乍一看你的站点，还以为是YSlow呢。
[...] 本文转载于：为之漫笔 [...]
[...] 感觉他掌握的知识面很广，了解的很细腻，这正是优秀前端开发人员的必备能力，引用《Nicholas C. Zakas谈怎样才能成为优秀的前端工程师》一文中所述： [...]
[...] 6: 微软雅黑的设计 7: 深底色页面设计指南 8: HTTP Headers 入门 9: Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 10: Mobile [...]
[...] 9: Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 [...]
楼主辛苦了,天天更新日记,天天关注淘宝特卖.谢谢楼主了.http://www.taobao30.com
互利共赢
淘宝商城.谢谢楼主了.http://www.taobao30.com
“HTML、CSS和JavaScript。”还不够，实际是多多益善，不懂后端技术还是要麻烦别人。
豁然开朗的文章，谢谢博主的分享。
[...] Original Post：What makes a good front end engineer? Nicholas C. Zakas，2007年8月15日 本文转自：via [...]
[...] 原文链接：http://www.cn-cuckoo.com/2010/01/10/nicholas-c-zakas-talk-about-what-makes-a-good-front-end-engineer… [...]
我告诫新来的前端工程师最多的一句话，就是不要在没有作出评估之前就随便接受某项任务。 这句话很赞 前端的沟通是最复杂的 需要打通整个产品线 完全做到信息无障碍
nice post,thanks for sharing this
Great information you got here. I’ve been reading about this topic for one week now for my papers in school and thank God I found it here in your blog. I had a great time reading this.
reading about this topic for one week now for my papers in school and thank God I found it here in your blog. I had a great time reading this.
I searched for something completely different, but found your website! And have to say thanks. Nice read. Will come back.true religion jeans
That specific bomber-length coat provides your frequent healthy along with regard to be able to higher overall flexibility about activity. ANY coyote pelt ruff is all around any two-way variable lid using regard for you to excellent safety while in the features. In which tempest flap within the two-way locking entry zipper is actually anchored by simply using covered switches to aid maintain ones frosty in addition to be able to blowing wind at a distance.
do the best for the moncler product in china market
Effort to build a world-class jacket MONCLER 2010-07-03 effort to build a world-class Down Down was a look MONCLER monlcer keynote nine cattle also could not pull back the tough guy. In 1992, encouraged by the leadership of southern tour speech.yangchengbin/201111
Hi, the article is so wonderful, I am interested in it. I will pay attention to your articles.
Thank you for your articles
Your post is worth reading.Thank for sharing and keep blogging.very good doudoune moncler.
We provide hospitality consulting companies to help developers, traders for their projects. Consulting companies rendered through the previous 24 many years to 84 accommodation projects, 41.800 beds in complete in Turkiye, Russia, Poland, Turkmenistan, Uzbekistan and Ukraine. Please spend a visit to us.
I am usually to running a blog and i actually recognize your content. The article has really peaks my interest. I am going to bookmark your website and hold checking for brand new information.caiyifang/comment201111
Devin Hester is an American football wide receiver and return specialist for the Chicago Bears of the National Football League. Hester began his professional football career with the Chicago Bears, who drafted him in the second round of the 2006 NFL Draft. He quickly made an impact as a kick returner, and later became one of the team’s starting wide receivers. He holds the NFL record for most all-time kick and punt return touchdowns.> Love him, buy Devin Hester Chicago Bears Jersey!yangchengbin/201112
Buy the cheapest Dallas Cowboys Dez Bryant Jersey from our shop, we are cutting price on high quality Dallas Cowboys jerseys , These are 104% high quality and Fast Delivery!ressel was pushed out at Ohio State following an investigation into improper benefits by his players, which consists of quarterback Terrelle Pryor. Pryor lately was used by Oakland in the NFL’s supplemental draft and will discover a five-game suspension in the NFL.yangchengbin/201112