如何做好一份前端工程师的简历?

春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事,节后收到很多简历,加之HR通过专业招聘网站得到的简历和朋友同事推荐的简历,数量上是相当的多,把这些简历一一看完真是一个漫长而幸苦的体力活,何况我还要仔细认真的去提取和核查有用信息评估其能力,尽量不错过任何一个埋藏在大量简历中合适的人,这绝大部分时间并不是一个相当愉悦的过程。所以,我感觉有必要来谈谈:如何做好一份前端工程师的简历。

一、你是前端工程师

虽然简历都会有一些常规信息,但职业决定了这份简历核心内容和求职成败。所以,这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engineering》,前端工程师应该关注的内容可以从克军总结的“前端工程师应该关注什么”的思维导图中窥出一二,学习内容聚合可以看看陈成总结的《前端开发大众手册(包括工具、网址、经验等)》

毫无疑问,前端工程师应该知道如何用简历体现其专业技能和职业精神,这是每个应聘者应该考虑的问题。

二、内容为王

  1. 个人信息
    1. 姓名 (必需)
    2. 性别 (必需)
    3. 年龄 (必需)
    4. 联系电话 (必需)
    5. 学历及学位 (必需)
    6. 薪资期望
    7. 个人照片
    8. 邮箱
    9. Blog
    10. 外语能力
  2. 职业技能
    1. HTML、CSS、JavaScript/ActionScript等
    2. Web标准、可用性、可访问性
    3. 一门非前端脚本的语言(Java、PHP、Python、C#等)
    4. 任何有利于前端开发的技能和兴趣
  3. 职业和教育经历
    1. 起始时间、单位名、职位(学位)和收获
    2. 简而精
    3. 按照时间倒序排列
  4. 代表作品
    1. 能体现自己现在前端技能或者重要经历的作品
    2. 简而精,且可以简要附上自己在这个作品中的收获
    3. 和别人合作的作品要注明自己具体完成的内容
    4. 在线链接要测试以保证可用,如果有其他人的变更应注明,较大变更就无需提交了
    5. 提供附件要注明与之对应的文件名
    6. 按完成时间倒序排列

依据实际情况,代表作品也完全可以直接融入到职业技能和经历中体现。当然内容不仅仅是这些,可以任意增加能体现前端工程师职业素质的信息。

三、Web是平台

毫无疑问,Web才是真正的平台,当这个平台的后端逐步被云所统治时(Amazon的很多服务和Google App Engine都初见端倪),那么云端的用户代理(比如浏览器)就是前端工程师的战场。前端工程师是可以长期从事且有前途的职业。

简历作为前端工程师迈向新征途而提交的第一份作品,应该毫不迟疑的用它来体现其专业技能和职业精神,所以Web页面是前端工程师简历的最好载体。它能体现前端工程师诸多专业素质:

  1. 知道为什么选择的DTD是下面中的一个而不是其他,这是对HTML标准的理解和思考 。
    1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    4. <!DOCTYPE HTML>
  2. 针对内容选择合适的HTML标签,合理的id和class命名,尝试使用微格式,这是对语义化的理解和思考。
  3. 至少兼容YUI中列出的A-grade浏览器,这是对跨浏览器和CSS Hacks的理解和思考 。
  4. 虽然Web性能在大访问量下才比较容易凸显,但把尝试把YAHOO性能团队的34条最佳实践应用上,一定会小中见大且受益终生的 。
  5. JavaScript的应用
    1. 简历的信息结构一般很简单,但是这并不意味着无法使用JavaScript来增强它的交互。找出其JavaScript技能和简历相互结合的地方。
    2. 可以尝试使用某种框架(YUIjQueryPrototypeMootools等),很明显框架能提高我们的开发速度,掌握至少一种优秀的框架能增强我们的价值。
    3. 可以利用JavaScript做出几个彩蛋在简历里面么?
    4. 实现结构、样式和行为的分离。
    5. 理解和体现DOM Scripting预留退路(Graceful Degradation)渐进增强(Progressive Enhancement )无侵入的JavaScript(Unobtrusive Javascript)等思想。 空帷翻译的《理解“渐进增强(Progressive Enhancement)”》是篇这方面的好文章。
  6. 可访问性,在这上面每一步的深入研究和应用都值得赞赏。
  7. HTML5CSS3SVGCanvas甚至离线技术、安全技术都可以和我们的简历结合起来。列表When can I use…提供了一些新技术在主流浏览器的支持情况。
  8. 打印样式,很明显前端简历不仅仅是其主管看,还有HR和大老板看,所以准备打印样式是很重要的,这不仅仅是技能问题,更是一种前端开发的素质。你需要知道,打印样式应该是黑字白底,且尽量少的装饰图片,因为现在的绝大部分办公打印机还是黑白的,且黑色更费墨,所以当你的简历是黑色背景时更应该注意这点。
  9. 简单设计,千万不要把你的简历搞一团糟,设计虽然不是前端工程师最重要的技能,但是良好的视觉设计更能体现前端工程师的价值,所以审美其实也是前端工程师的基础素质。如果对视觉设计感到困惑,你可以从看《推荐给大家看的设计书》开始。

四、细节决定体验

  1. 标识性的文件名,比如“秦歌的简历”、“秦歌的作品”,而不是“个人简历”、“我的作品”。
  2. 发完信后记得检查一下发件箱,确保没有忘记发附件。
  3. 简历和众多作品整体打一个包。不要一个大包里面无数个小包。且整个包应该整理过,去掉垃圾,不应该太大。
  4. 不要重复发邮件,特别是拒绝以后,还发一个同样的邮件,除非一段时间后你有较大进步。
  5. 检查链接有效性,无效链接很伤感情的,可以使用Firefox的插件LinkCheckerPinger

实际上,前端工程师的工作成果是直接面向千万用户的,他直接决定了最终的用户体验,所以每个细节都至关重要,就像JavaScript编程一样,只要我们掌握良好的风格要素,我们就能避免很多错误,实际上这个思想贯穿整个前端开发的始终,包括制作简历。

我很喜欢有个人blog的应聘者,因为通过其blog不仅仅可以看出他的前端技能、工作积累、职业素质和分享精神,同时他通过维护blog可以贯穿一个简单开发的始终,从内容、交互、视觉、前端一直到后端维护,而这些角色都是前端在开发过程中的上下游,需要经常协作,这种经历能使前端更高效的沟通和更务实的换位思考。同样,当我推荐前端的简历应该是以Web页面为载体时,也是基于这个想法,并适当的给出一些相关知识以备有兴趣的朋友朝这个方向走下去。虽然我的建议偏向于“HTML+CSS+JavaScript”方向的前端工程师,但实战中肯定有更多能够在简历中体现前端的技能和创意,这本身就是抛砖引玉,这仅仅是一个开始。

简历很重要,但人品、职业精神和专业的前端技能更重要,最重要的是这两者是相辅相成的。虽然很羡慕兄弟团队淘宝UED支付宝UED阿里巴巴B2B国际站UED能有创意、时间和精力搞出那么精致的招聘站点,但我更希望我未来的同事用技能、创意、时间和精力整出一个巨牛的前端工程师简历来震住我(kaven.yan@yahoo.com)吧。

标签:, ,

作者:秦歌,时间:2009-02-17 0:25,归纳于:web2.0 & so on, 杂事杂想杂感,订阅:RSS 2.0,引用:Trackback

有评论 43 条,发表一条新评论 »

柠檬园主说:2009-02-17 8:57 #1

最后一段竟然没用比较流行的”雷”来”雷”住你….哈哈.

pligg.com说:2009-02-17 9:35 #2

如何做好一份前端工程师的简历?…

虽然简历都会有一些常规信息,但职业决定了这份简历核心内容和求职成败。所以,这份简历应该尽可能体现你自己是一个合格的前端工程师。专业的前端工程师是什么可以看看去年Nate Koechley的演讲《Professional Frontend Engineering》

毫无疑问,前端工程师应该知道如何用简历体现其专业技能和职业精神,这是每个应聘者应该考虑的问题。…

匿名说:2009-02-17 9:38 #3

黑底白字看得眼睛很累哦

怿飞说:2009-02-17 9:40 #4

赞,超级有用的一篇文章,也说出了我们到底想找怎样的一个同事,很受用!

Mag说:2009-02-17 10:24 #5

终于有人了解查看简历的苦了!

秦歌说:2009-02-17 10:32 #6

@ #2 呵呵,有点个人喜好,不好意思了,如果你想看白底黑字委屈一下可以使用打印预览来看。

santong说:2009-02-17 11:43 #7

很实在,很好用,很前端

yanglei说:2009-02-17 12:17 #8

精辟,收藏了,才晓得给你们发的简历为啥没信了,哈哈。

稻草说:2009-02-17 13:08 #9

很有用的文章,总结的很棒:)
学习

酸酸说:2009-02-17 13:46 #10

很实用!写了很多好的建议给应聘者!
同样,我也要和楼上的Mag一样狠狠感慨一下,“终​​于​​有​​人​​了​​解​​查​​看​​简​​历​​的​​苦​​了​​!”
用心良苦啊!

雨无形说:2009-02-17 16:32 #11

很好的建议,发现自己需要走的路还很长,链接的这些网站让我又找到不少学习的东西

easyQuery说:2009-02-17 16:42 #12

借鉴,学习了。

Nasawz说:2009-02-17 18:01 #13

很实用的文章

黑底白字我倒是很喜欢 :)

ZZZzzz说:2009-02-17 20:05 #14

非常棒!做程序的,最重要的是条理,连简历都乱七八糟就没办法了

guang说:2009-02-18 11:07 #15

很棒,受用

xiaorsz说:2009-02-18 16:21 #16

真的很好的文章,认真读了好几遍!

目前是一名即将毕业的大学生,虽然自己读的是材料类的相关专业,但很想从事前端开发方面的工作!!因为我发现自己现在对前端的一些技术是越来越感兴趣了!但毕竟没有相关的专业知识,现在仍在不断的自学当中!!

你的文章给了很大的启发!!也许有时间,有好的创意后我会好好搞一个以 WEB 为载体的简历,相信的确会增色不少!在此表示感谢!!

F说:2009-02-18 17:52 #17

写的很棒,在做技术做的压抑,迷茫的时候,过来看你的文章真的很受用。

hsiang_chieh说:2009-02-18 21:00 #18

实在不好意思,一时忘记了,没有经过你同意就转载了。我现在删掉

秦歌说:2009-02-18 21:08 #19

@hsiang_chieh:欢迎任意转载,但是不欢迎随意修改原文和不注明出处。谢谢。

hsiang_chieh说:2009-02-18 21:22 #20

以注明出处,全文转载,没有修改

永明则名 » Blog Archive » 09年,第一博说:2009-02-19 0:17 #21

[...] 09年就业形势继续严重,写好简历可谓是找工作第一步,秦歌说,如何做好一份前端工程师的简历? [...]

colinivy说:2009-02-19 10:09 #22

很实用的文章。
谢谢!

三斤说:2009-02-21 18:02 #23

现在还不清楚,前端这连个字怎么理解,我非技术性人才。

樱桃小丸子说:2009-02-22 23:24 #24

瓦。秦歌做领导拉。。con

baljeans说:2009-02-25 2:14 #25

还招实习生吗老大 顺便提一下这个back to top比较特别哦

Linda in Beijing说:2009-03-02 14:07 #26

感觉很受用,谢了

剑心说:2009-03-06 13:20 #27

讲这么详细确实让人清楚不少,但你为什么不顺便写个样本让大家参考下呢?

秦歌说:2009-03-06 16:22 #28

@剑心:其实多年前我毕业的时候已经是这样做了,由此我得到一次面试机会,成功了,那也是我毕业时唯一一次面试。本来有Demo计划,不过计划的事情太多,且不在求职中,所以就向后拖了,我想成为前端工程师的人不应该总把目标放在参考上,学会创造从无到有。其实我收到的简历中已经有不少这样成功的作品了。

等四说:2009-03-09 13:57 #29

牛人……

闲耘.博客 » Blog Archive » 淘宝应聘后感说:2009-03-11 1:29 #30

[...] 前段时间在北京做项目,期间看到一篇关于”如何做好一份前端工程师的简历?“,又在blueidea看到一些感兴趣的招聘帖,就参照着简要写了一份简历,并随手投了一些。 [...]

雾雨风说:2009-03-13 16:35 #31

不错!有思想!有内涵!

Dismory说:2009-04-02 12:16 #32

不错的guide,拿来悟一悟.

BABLE说:2009-04-14 22:19 #33

受教了。

两全其美 - Devigner « fuhei.net Lucars’ Blog说:2009-04-21 1:31 #34

[...] 其实在日常的工作当中,由于商业指标和用户需求的双重压力,前端开发工程师可能已经背负许多交互设计的工作,而一直处于被动设计的状态。如果你时而在产品会议当中参与探讨页面的实现或者提出建议,那么你已经以一种主人翁的态度去主动设计了。不管是主动还是被动,这时的你就已经被要求了新的技能——Design,或多或少这已经成为了前端开发工程师们不可缺少的职业技能。张克军的思维导图可能还是过于关注于技术的实现而缺少了对交互设计的详细描述,同时尽管交互(ID)与设计(UI)密不可分,但切切实实是两个方向,他将他们并在一起其实并不妥当。当然上面这张图还是很吓人的,其实仅仅需要简单的几步就可以做好前端开发工程师的敲门砖。 第三届D2论坛发送的Devigner贴纸 [...]

Efin说:2009-05-15 14:45 #35

刚刚开始进入公司的UED团队,学习了,顺便转给还在飘着的朋友看看.

Siemon说:2009-07-30 10:15 #36

我也是做前端开发,和博主交个朋友。本人的主要方向是基于JQuery的widget开发。

匿名说:2009-08-11 10:45 #37

嗯,有道理。但我是那种一天宁愿花5、6个小时去工作也不愿花5、6个小时去讲话的人。

华晨说:2009-09-25 22:08 #38

很有用呀!呵呵,不过我要做全能王,HOHO~~

小葱说:2009-10-31 8:45 #39

很好,给我的学习指出一条道!谢谢

Joel说:2009-12-13 20:20 #40

感谢感谢 有指明了方向

如何做好一份前端工程师的简历? | 我是UED说:2009-12-18 20:47 #41

[...] 原文:http://dancewithnet.com/2009/02/17/how-to-make-a-resume-of-f2e/ [...]

justinw说:2009-12-27 19:30 #42

受益匪浅,转载收藏了
http://www.cnblogs.com/justinw/archive/2009/12/27/1633499.html

匿名说:2010-01-10 15:51 #43

uibai

发表一条评论

您可以在下面评论内容中使用下列XHTML标签:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


回到页眉