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应用程序的前端而言,解决同一问题的方案经常会有很多。没有哪个方案是错的,但其中确实有一些是更合适的。优秀的前端工程师应该知道在什么情况下使用哪种方案更合适,而在什么情况下应该重新选择。

优秀的前端工程师需要具备良好的沟通能力,因为你的工作与很多人的工作息息相关。在任何情况下,前端工程师至少都要满足下列四类客户的需求。

  1. 产品经理——这些是负责策划应用程序的一群人。他们能够想象出怎样通过应用程序来满足用户需求,以及怎样通过他们设计的模式赚到钱(但愿如此)。一般来说,这些人追求的是丰富的功能。
  2. UI设计师——这些人负责应用程序的视觉设计和交互模拟。他们关心的是用户对什么敏感、交互的一贯性以及整体的好用性。他们热衷于流畅靓丽但并不容易实现的用户界面。
  3. 项目经理——这些人负责实际地运行和维护应用程序。项目管理的主要关注点,无外乎正常运行时间(uptime)——应用程序始终正常可用的时间、性能和截止日期。项目经理追求的目标往往是尽量保持事情的简单化,以及不在升级更新时引入新问题。
  4. 最终用户——当然是应用程序的主要消费者。尽管我们不会经常与最终用户打交道,但他们的反馈意见至关重要;没人想用的应用程序毫无价值。最终用户要求最多的就是对个人有用的功能,以及竞争性产品所具备的功能。

那么,前端工程师应该最关注哪些人的意见呢?答案是所有这四类人。优秀的前端工程师必须知道如何平衡这四类人的需求和预期,然后在此基础上拿出最佳解决方案。由于前端工程师处于与这四类人沟通的交汇点上,因此其沟通能力的重要性不言而喻。如果一个非常酷的新功能因为会影响前端性能,必须删繁就简,你怎么跟产品经理解释?再比如,假设某个设计如果不改回原方案可能会给应用程序造成负面影响,你怎么才能说服UI设计师?作为前端工程师,你必须了解每一类人的想法从何而来,必须能拿出所有各方都能接受的解决方案。从某种意义上说,优秀的前端工程师就像是一位大使,需要时刻抱着外交官的心态来应对每一天的工作。

我告诫新来的前端工程师最多的一句话,就是不要在没有作出评估之前就随便接受某项任务。你必须始终记住,一定先搞清楚别人到底想让你干什么,不能简单地接受“这个功能有问题”之类的大概其的说法。而且,你还要确切地知道这个功能或设计的真正意图何在。“加一个按钮”之类的任务并不总意味着你最后会加一个按钮。还可能意味着你会找产品经理,问一问这个按钮有什么用处,然后再找UI设计师一块探讨按钮是不是最佳的交互手段。要成为优秀的前端工程师,这种沟通至关重要。

无论从哪个方面讲,我都觉得前端工程师是计算机科学职业领域中最复杂的一个工种。绝大多数传统的编程思想已经不适用了,为了在多种平台中使用,多种技术都借鉴了大量软科学的知识和理念。成为优秀前端工程师所要具备的专业技术,涉及到广阔而复杂的领域,这些领域又会因为你最终必须服务的各方的介入而变得更加复杂。专业技术可能会引领你进入成为前端工程师的大门,但只有运用该技术创造的应用程序以及你跟他人并肩协同的能力,才会真正让你变得优秀。

延伸阅读

Nicholas C. Zakas的书

Professional JavaScript for Web Developers, 2nd Edition Professional Ajax, 2nd Edition Even Faster Web Sites



朋友们的留言

  1. 裕波 | 01月 10th, 2010 at 17:27

    此文说得非常不错,值得阅读。

    同时非常感谢为之漫笔的翻译,为国内的前端工程师也算指引了一条路吧。

  2. 为之漫笔 | 01月 10th, 2010 at 20:54

    @裕波,多谢支持 :)

  3. lingcarlos | 01月 11th, 2010 at 19:28

    请问大侠

    javaScript 高级程序设计 第二版和第一版相比 主要增加了哪些内容?

  4. 为之漫笔 | 01月 11th, 2010 at 20:47

    @lingcarlos

    内容基本上重写了,具体的你比较一下目录就知道了。

  5. 01-10-2010/Zen-Coding/Axure RP Pro 5.6 « imdonkey | 01月 12th, 2010 at 15:29

    [...] 最后是一篇文章Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 [...]

  6. weilaixu | 01月 13th, 2010 at 14:19

    前端,只是html/css/js么?

  7. maqingxi | 01月 13th, 2010 at 18:30

    翻译这么长的文章,真是辛苦了,我要窃用你的成果了,呵呵。

  8. 怎样才能成为优秀的前端工程师 | Hi Winter | 01月 14th, 2010 at 02:32

    [...] 中文翻译: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/"; [...]

  9. 为之漫笔 | 01月 14th, 2010 at 10:25

    @maqingxi:前端,只是html/css/js么?

    Maybe so.

    @maqingxi:我要窃用你的成果了

    莫忘“盗亦有道”啊,呵呵

  10. 大踏步走 | 03月 22nd, 2010 at 10:15

    阅读后豁然开朗,受益匪浅,非常感谢朋友的翻译,希望这样文章可以让更多的前端们看到并学习。

  11. amanda | 03月 23rd, 2010 at 15:34

    努力成为优秀的

  12. 崔凯 | 03月 30th, 2010 at 20:28

    很不错,这方面的译文多多益善。

  13. denisdeng | 04月 13th, 2010 at 09:47

    很不错!

  14. Y.Jiajia | 04月 26th, 2010 at 17:56

    前端工程师的指路灯,让人有滴壶灌顶的感觉。多些这样的文章做为指引,并且让更多的人看到,相信我们的前端道路会发展的很快。真是非常感谢为之漫笔同学。

  15. 为之漫笔 | 04月 26th, 2010 at 22:49

    @ Y.Jiajia

    不客气。乍一看你的站点,还以为是YSlow呢。

  16. [转]Nicholas C. Zakas谈怎样才能成为优秀的前端工程师 « C&F Studio | 05月 10th, 2010 at 23:54

    [...] 本文转载于:为之漫笔 [...]

我来说两句儿

可以在留言中使用以下标签 :<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>