网络编程
位置：首页>> 网络编程>> 网页设计>> 如何做好一份前端工程师的简历？

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

作者：三七　来源：koubei.com　发布时间：2009-02-17 12:52:00　

标签：前端工程师,简历,JavaScript,blog

春节前在蓝色理想上发了个“雅虎口碑招聘前端工程师 ”的启事，节后收到很多简历，加之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. 可以尝试使用某种框架（YUI、jQuery、Prototype、Mootools等），很明显框架能提高我们的开发速度，掌握至少1中优秀的框架能增强我们的价值。

    3. 可以利用JavaScript做出几个彩蛋在简历里面么？

    4. 实现结构、样式和行为的分离。

    5. 理解和体现DOM Scripting、预留退路（Graceful Degradation）、渐进增强（Progressive Enhancement ）、无侵入的JavaScript（Unobtrusive Javascript）等思想。 空帷翻译的《理解“渐进增强(Progressive Enhancement)》是篇这方面的好文章。

  6. 可访问性，在这上面每一步的深入研究和应用都值得赞赏。

  7. HTML5、CSS3、SVG、Canvas甚至离线技术、安全技术都可以和我们的简历结合起来。列表When can I use…提供了一些新技术在主流浏览器的支持情况。

  8. 打印样式，很明显前端简历不仅仅是其主管看，还有HR和大老板看，所以准备打印样式是很重要的，这不仅仅是技能问题，更是一种前端开发的素质。你需要知道，打印样式应该是黑字白底，且尽量少的装饰图片，因为现在的绝大部分办公打印机还是黑白的，且黑色更费墨，所以当你的简历是黑色背景时更应该注意这点。

  9. 简单设计，千万不要把你的简历搞一团糟，设计虽然不是前端工程师最重要的技能，但是良好的视觉设计更能体现前端工程师的价值，所以审美其实也是前端工程师的基础素质。如果对视觉设计感到困惑，你可以从看《推荐给大家看的设计书》开始。

四、细节决定体验

  1. 标识性的文件名，比如“秦歌的简历”、“秦歌的作品”，而不是“个人简历”、“我的作品”。

  2. 发完信后记得检查一下发件箱，确保没有忘记发附件。

  3. 简历和众多作品整体打一个包。不要一个大包里面无数个小包。且整个包应该整理过，去掉垃圾，不应该太大。

  4. 不要重复发邮件，特别是拒绝以后，还发一个同样的邮件，除非一段时间后你有较大进步。

  5. 检查链接有效性，无效链接很伤感情的，可以使用Firefox的插件LinkChecker或Pinger。

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

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

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

0
投稿

猜你喜欢

  • 在一般的情况下，使用批量fetch的几率并不是很多，但是Oracle提供了这个功能我们最好能熟悉一下，说不定什么时候会用上它。declare
  • 为了更好的说明问题，首先引出下面的题目//请说明下面变量 a-d 的值 var a = [[1][1]]; var b = [['a
  • 在进行数据库的查询时，会经常遇到这样的情况：例如想在一个用户数据库中查询他的用户名和他的密码，但恰好该用户使用的名字和密码中有特殊的字符，例
  •  在一群里有朋友发问,有时间,也就看看了,不多说了,看图了:用一般的 select .... order 排序出来,就如下图了,是
  • 浏览器经常Cache你的页面，这是一个很麻烦的问题，下面先提出几种方案来解决一般的问题：（把下面的代码加入到asp程序的最开始位置）<
  • 方法来源于土豆网的导航，在这里纪录一下实现的思路。主要是利用 position 属性的 absolute 和 relative 配
  • asp中怎么替换最后一个逗号为空字符串？举例 aaa,bbb,ccc,eee, 这个字符串怎么让最后一个逗号变没，其他的不变啊 ？问题补充：
  • 把昨天做的高级查询界面完善了一下，支持动态添加多个查询条件、定义逻辑关系，支持整形、浮点、字符串、日期、布尔值、自定义选择列表的录入，通过E
  • 经常使用到有关数据库的操作。包括连接代码、SQL命令等等，又不曾刻意去记忆它们（我本人是不愿意去记这东东），所以常常在用到的时候又去查书本，
  • 如何制作一个安全的页面？随后，让我们来编程：manage.asp' 登录页面<％@ Language=VB
  • 随着网络的发展，网速和机器速度的提高，越来越多的网站用到了丰富客户端技术。而现在Ajax则是最为流行的一种方式。JavaScript是一种解
  • 以下是引用片段：Function c2u(myText) Dim i c2u = "" For i = 1 to Len
  • 如何让你的CSS代码更具有组织性和易维护性，为什么你的样式表总是臃肿和混乱的？有些时候是源于一开始书写时的混乱和草率，有时候也是因为后期的维
  • 一、IE透明度问题在IE的高度超过某一阀值时，会产生透明度不时失效的问题，这现象比较奇怪，（会有的时候全黑，有的时候全白）你有可能无法复现。
  • SQL Server 2005数据库中增加了XML类型，在创建表的时候可以指定某一列为XML类型，示例如下：CREATE TABL
  • 要向数据库中添加超级链接，要经过两个步骤，一是在表中定义字段类型为“超级链接”，一是向此字段中添加数据。要在表中定义字段类型为“超级链接”，
  • MySql5.0以后均支持存储过程，最近有空，研究了一下这个格式：CREATE PROCEDURE 过程名 ([过程参数[,...]])[特
  • 以前写过《 10条影响CSS渲染速度的写法与建议》，今天放些数据出来，供参考；首先说明一点，CSS对网页的最后渲染出来的速度影响非
  • 以下示例显示如何在 XPath 查询中指定轴。这些示例中的 XPath 查询都在 SampleSchema1.xml 中所包含的映射架构上指
  • 不论是企业网站、个人博客，或者购物网站、游戏网站，我们都希望能吸引访问者并且给他们留下愉快的访问体验。可用性是用户体验的一种度量，它可以用访
手机版 网络编程 asp之家 www.aspxhome.com