跳至主要内容

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

春节前在蓝色理想上发了个"雅虎口碑招聘前端工程师 "的启事, 节后收到很多简历,加之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等),很明显框架能提高我们的开发速度,掌握至少1中优秀的框架能增强我们的价值。
    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能有创意、时间和精力搞出那么精致的招聘站点,但我更希望我未来的同事用技能、创意、时间和精力整出一个巨牛的前端工程师简历来震住我

评论

此博客中的热门博文

面试二代:二逼大猜谜

    Sent to you by Gang.Rock via Google Reader:     面试二代:二逼大猜谜 via 译言-精品外文翻译 by rose-tattoo on 11/29/08 译者: rose-tattoo   几年前,微软发现在资源上出了点乱子,说白了吧,是人力资源上出了乱子。其实是这个样子滴: 招聘的大门常打开,应聘的人也不少来,可是来应聘的人跟岗位怎么看也对不上号啊。于是他们觉得该重新设计面试方法了。          按照老路子,面试就确定俩事儿:一个是这个人能不能胜任工作,二是这个人不能太各色,要能融入组织。微软的面试2。0呢,除了这俩条,还加了一个:冷不丁的给应聘的一个根本不靠谱的问题,甚至是让人摸不找头脑,极其二B的提问,看看他们怎么个反映。         一般来说吧,一个应聘的如果本来就爱玩文字游戏,他(她)在面试的时候也会乐于解答二b问题。换句话说,如果应聘人爱吃烙饼,那他面试的时候也会爱吃。看明白了么?这个大猜谜跟面试程序员跟本他妈的挨不上边儿。       如果你还不知道面试2。0都有什么样的问题,我给你展一眼。   波音747有多重? 有个暗盒子,里面仨灯泡,外面仨开关,线全接好了后盒子只能开一次,你怎么知道那个开关开那个灯? 你和仨人在峡谷里要过一个破桥,你一分钟能过去,另外哪仨人得分别用二,五,十,分钟才能过去。过桥得用手电,你们只有一个,你们怎么才能用最快的时间过去?      其实吧,这样的问题都是扯淡,你要是非用常识和实践方法去解答那就更二了。就拿我来说吧,我肯定过不了这些问题,而且非常有可能答成这个操性:         那我得问问波音公司。。。什么?我不能问他们?啊。。。那我就问图书馆里的人儿,你想啊,他们一天到晚就查书啊,他们就是干这个的啊! 这是谁他妈的弄的破盒子啊?你放心,我肯定能弄好,不过我还没看见这盒子什么样儿呢,你怎么知道我弄不好啊??? 太明显了。我们必须扔...

看看资本主义是如何“充分剥夺”员工的剩余价值的

初中那阵子学的"资本主义如何剥削员工的剩余价值"我一直记忆犹新,老师说:他们通虚伪的福利和看上去不错的工作环境来拉拢员工、掩盖他们的丑陋行为,这 些都是资本家用来更大程度地榨取员工的剩余价值的无耻的方法。当时真是痛恨这些资本家,发誓今后一定要去解放哪些受苦受难的员工,虽然放学回家还不知道有 没有饭吃饱。今天在网上看到一些google的瑞士苏黎世的办公室环境图片,不由得佩服恩师啊,他说得太JB正确了,google就是用如下图的糖衣炮弹 来麻醉他的员工,让员工一辈子被榨取剩余价值。 还是我朝那些在自由落体公司的员工好啊,没有糖衣炮弹的腐蚀、生活在民族大企业的环境里,无论男女都喜欢玩极限运动----自由落体运动。 好了,上图吧!

20余个漂亮的图标包下载

关于图片/图标下载的文章,已经写过很多篇了,比如 科幻壁纸下载 和 Firefox性感壁纸 等等。那些图标或壁纸都十分漂亮,让人爱不释手。 今天从 Smashing Magazine 看到了一组难以置信那么漂亮的图标。这些图标包含两部分,一部分是网页设计之用,另一部分是文件的图标。 用以网页设计的图标 1、 Bagg & Box Telecharger Icon Pack 70个高质量的免费图标,全部遵循CC协议,自由取用。 2、 Mammoth Icons 4个非常可爱的小象图标,用以装饰博客也许不错。 3、 Dino Icons 有象怎能没有恐龙呢?这是6个漂亮的恐龙图标,那头暴龙也太可爱了吧? 4、 Cemagraphics Icons 这个网站提供大量的图标,比如下面展示的这些,图像格式为png和ico,大小分别为512px, 256px, 128px, 64px and 32px。   5、 Wifun Icons 一些网站导航图标。 6、 City Icons City Icon包里包含16个高像素的城市生活图标。              7、 Irish Icon Pack 26个爱尔兰风格的图标。 8、 Simpsons Mail Icons 阿森一族的邮票图标,如果你喜欢,还可以在这里 制作你的阿森一族头像 。 9、 Knob Buttons Toolbar Icons 39个与工具栏和导航相关的图标。 10、 Monofactor Free Vector Icon Set 同样也是工具栏和导航的图标,但相对上面的来说更漂亮一些。 11、 Polaroid Icon 人造偏光板? 12、 Apple Mail Icons 含有苹果邮戳的邮票图标。 13、 Sticky Pack 38个很黄不暴力的图标。 14、 Feedicons 2 33个别具风格的Feed图标。 15、 Users Icon Set 11个用户功能图标,有点像WLM那个小绿人。 16、 RSS-icons 这组F...