Koubei UED

Just another WordPress weblog

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

%e5%a6%82%e4%bd%95%e5%81%9a%e5%a5%bd%e4%b8%80%e4%bb%bd%e5%89%8d%e7%ab%af%e5%b7%a5%e7%a8%8b%e5%b8%88%e7%9a%84%e7%ae%80%e5%8e%86%ef%bc%9f

春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事,节后收到很多简历,加之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)吧。

Tags: , ,

40 Responses to “如何做好一份前端工程师的简历?”

  1. cuikai 说:

    学历是弱势…… 所以一直没填过学历…………囧

  2. 阿肆 说:

    工作经验是弱势

  3. 阿肆 说:

    “可以利用JavaScript做出几个彩蛋在简历里面么? ”
    用人方会有精力在众多的简历中找出某个简历作品中的彩蛋?

    p.s:口碑UED还招人么?应届的要么?

  4. Nullzy 说:

    我就是被拒绝了不过继续努力。受教了

  5. none-w 说:

    koubei.com在ff下很多的错位…页面乱了。

  6. 三七 说:

    @none-w :我们会逐步来排查这样的页面,另外如果有可能请把出错的页面URL和你所用的浏览器写信告诉我们kaven.yan@yahoo.com,因为我简单的找了一下,没有发现你说的情况,非常感谢。

  7. rainoxu 说:

    三七说的很有道理,学习了,单是一篇简历的博文中还介绍了那么多相关的知识,不管是对于应聘者还是对于小菜鸟,都是很有学习的价值的。很多细小的,基础的东西太容易被我们忽略掉。

  8. 秦歌 说:

    @none-w :非常感谢你的热心及时把截图发给我。

    这个问题的确是我造成的,主要原因我们控制网页布局的CSS涉及了一些可用性问题,即实现让Firefox2、Safari和Chrome能随字体大小进行缩放。这样做的原因可以看是时候不用考虑基于字体大小(em)的设计了。但我们在模块制作的时候,由于设计和进度的压力,并没有全部实现基于字体的设计,导致了在基于字体缩放的时候会出现错位问题。这个问题主要出现在Firefox、Safari、Chrome、Opera使用文本缩放功能时,全屏缩放功能则不会有任何问题。

    之所以你的浏览器默认状态下就出现这个问题,是因为你使用了中文版的Firefox,它的默认字体设置是简体中文,并在某种特殊情况下导致你的最小字体设置变成了12px,默认状态是none,所以出现了你看到的页面错乱现象。目前最快的解决方案是请你把“工具》选项》字体和颜色》高级》最小字体大小”设置为“无”即可。

    我们很早已经意识到这个问题,正在着手解决,因为涉及到底层CSS控制切换问题,所以显得有点缓慢。再次感谢。

  9. 三七 说:

    @阿肆:很遗憾雅虎口碑前端暂时没有实习生的名额,但是如果你准备好了,你可以把简历发给我,只要合适,我会尽量推荐给集团或其他公司的前端主管。谢谢。

  10. 酷狗2009 说:

    工作经验是弱势

  11. clover 说:

    无独有偶 我的简历也是做成了WEB页面的 我的副标题是 It’s not a rusume, isnot it? 遵循的原则大部分也跟三七说的一样 附打印样式表, 保证可访问性, 页面保证简洁 从不多用一个字节. 等等:) 不过在作品上整理的不够好
    我在接到第一个电话后说让等面试电话 就一直等到现在了 :( 看来招聘确实是挺忙或人的 – -||

  12. 沙漠 说:

    应聘的要求不低!

  13. ※潇洒※ 说:

    看来要学的东西还很多。谢谢~

  14. eddie 说:

    十分感谢三七的文章,看完的感受是受益匪浅。
    看了这篇文章后我看到了自己与一个合格前端工程师的差距,特别是一些细节方面。
    例如css的打印版
    而且也发现了一些很有用的文章链接
    很谢谢你

  15. 我以前作过网络电视的,感觉工作经验是弱势

  16. [...] 在浏览微格式的时候,找到了这篇口碑网UED关于如何做好一份前端工程师的简历,虽然原文仅是从如何写好一篇简历的角度去阐述,但对于其中的某些技能的描述和要求很适合一个立志于做一个优秀的前端工程师的初学者去借鉴,有点“按需求培养”的意思。 [...]

  17. 麦克疯 说:

    文章很好,受益匪浅

  18. 看了这篇文章后我看到了自己与一个合格前端工程师的差距,特别是一些细节方面。我很喜欢,希望多写点这样的文章

  19. 网络赚钱 说:

    工作经验是弱势

  20. 李宁鞋 说:

    好文章 不错 我喜欢

  21. 5jun 说:

    很好的文章,很有帮助。对于应聘者来说,简历是第一印象,很重要。

  22. spc 说:

    真恨没早点看到这篇文章

  23. 清馨感觉 说:

    请问老大还要人吗,刚刚看到这篇文章,是不是太晚了啊?

  24. 三七 说:

    暂时没有名额,但是如果你准备好了,可以把简历发过来,我可以帮你推荐。

  25. Funly 说:

    请问今年10月份你们会去西安开校园招聘招前端人员吗?本人2010年应届生,非常向往也很努力在学习…

  26. 三七 说:

    @Funly:暂时还不确定,但是有没有校园招聘并不影响你投简历的,期望你的好消息,谢谢。

  27. Yellow 说:

    学习了,受益丰富

  28. Funly 说:

    你们在蓝色上招实习生,我发简历了,但是做的不太好。希望你们也能仔细看看大三学生的…虽然能力现在不够,但是能看到我的努力和潜力

  29. [...] 在这3个月内,只去了两次招聘会,总共投了两份关于前端的工作。第一份是网易邮件部页面构架,那是我决定走前端的引子,没有任何准备;第二份就是现在5月开始实习的轻软。3到5月份中间,毕业论文,以及准备前端的知识(简历,重构),了解前端的发展,整合自己的网络应用,并尝试着去写一些关于前端自己尚未成熟的理解。 [...]

  30. 康夫 说:

    从所列的知识结构来看,可以看出口碑确实想招很牛的人。这样横扫上面知识的人,不用说国内,就算国外也不多见。仰视之!

    怀着受教的心情和无比鸡东的神情问下:还招人吗?自己只是一个普通的前端。

  31. 三七 说:

    谢谢你的肯定,如果有兴趣,可以把简历投递到kaven.yan@yahoo.com

  32. moondy 说:

    很想试一试,自我感觉条件也不错。不过想问一问,是一定要把简历做成WEB格式么?

  33. leesenz 说:

    学习了!~~

  34. [...] 在这3个月内,只去了两次招聘会,总共投了两份关于前端的工作。第一份是网易邮件部页面构架,那是我决定走前端的引子,没有任何准备;第二份就是现在5月开始实习的轻软。3到5月份中间,毕业论文,以及准备前端的知识(简历,重构),了解前端的发展,整合自己的网络应用,并尝试着去写一些关于前端自己尚未成熟的理解。 [...]

  35. hzhjun 说:

    个人对各种资料的优先显示顺序:基本资料>求职信息>职业技能>工作经历(包括项目经验和成品展示)>教育信息>其他信息>自我评价等。

  36. legend 说:

    真的很感谢你,我真的发现我的差距还不小。我一直学习书法,我一直都对平面设计非常感兴趣,记得以前经常为了做学校社团的某个logo或者和同学们合作的网站熬到晚上三四点钟,我心里一直暗示自己我爱这个,我本科是学通信工程专业的,就在一周之前吧,我放弃了考研,做我最喜欢的事情,我想这样才会干出很好成绩。我在程序方面学过C++和.net,现在我在学习javascript和php,mysql、一步一个脚印,不知道我这样的想法对不对,谢谢您的指导

  37. cc 说:

    不知道收不收应届生,没看到校园招聘,就要毕业了,心里只惦记着ued呀。。

Leave a Reply