如何做好一份前端工程師的簡歷？
看簡歷真是一個漫長而幸苦的體力活，何況我還要仔細(xì)認(rèn)真的去提取和核查有用信息評估其能力，盡量不錯過任何一個埋藏在大量簡歷中合適的人，這絕大部分時間并不是一個相當(dāng)愉悅的過程。所以，我感覺有必要來談?wù)劊喝绾巫龊靡环?strong>前端工程師的簡歷。
一、你是前端工程師
雖然簡歷都會有一些常規(guī)信息，但職業(yè)決定了這份簡歷核心內(nèi)容和求職成敗。所以，這份簡歷應(yīng)該盡可能體現(xiàn)你自己是一個合格的前端工程師。專業(yè)的前端工程師是什么可以看看去年Nate Koechley的演講《Professional Frontend Engineering》，前端工程師應(yīng)該關(guān)注的內(nèi)容可以從克軍總結(jié)的“前端工程師應(yīng)該關(guān)注什么”的思維導(dǎo)圖中窺出一二，學(xué)習(xí)內(nèi)容聚合可以看看陳成總結(jié)的《前端開發(fā)大眾手冊(包括工具、網(wǎng)址、經(jīng)驗(yàn)等)》。
毫無疑問，前端工程師應(yīng)該知道如何用簡歷體現(xiàn)其專業(yè)技能和職業(yè)精神，這是每個應(yīng)聘者應(yīng)該考慮的問題。
二、內(nèi)容為王
1.個人信息
a.姓名 （必需）
b.性別 （必需）
c.年齡 （必需）
d.聯(lián)系電話 （必需）
e.學(xué)歷及學(xué)位 （必需）
f.薪資期望
g.個人照片
h.郵箱
i.Blog
j.外語能力
2.職業(yè)技能
a.HTML、CSS、JavaScript/ActionScript等
b.Web標(biāo)準(zhǔn)、可用性、可訪問性
c.一門非前端腳本的語言(Java、PHP、Python、C#等)
d.任何有利于前端開發(fā)的技能和興趣
3.職業(yè)和教育經(jīng)歷
a.起始時間、單位名、職位（學(xué)位）和收獲
b.簡而精
c.按照時間倒序排列
4.代表作品
a.能體現(xiàn)自己現(xiàn)在前端技能或者重要經(jīng)歷的作品
b.簡而精，且可以簡要附上自己在這個作品中的收獲
c.和別人合作的作品要注明自己具體完成的內(nèi)容
d.在線鏈接要測試以保證可用，如果有其他人的變更應(yīng)注明，較大變更就無需提交了
e.提供附件要注明與之對應(yīng)的文件名
f.按完成時間倒序排列
依據(jù)實(shí)際情況，代表作品也完全可以直接融入到職業(yè)技能和經(jīng)歷中體現(xiàn)。當(dāng)然內(nèi)容不僅僅是這些，可以任意增加能體現(xiàn)前端工程師職業(yè)素質(zhì)的信息。
三、Web是平臺
毫無疑問，Web才是真正的平臺，當(dāng)這個平臺的后端逐步被云所統(tǒng)治時（Amazon的很多服務(wù)和Google App Engine都初見端倪），那么云端的用戶代理（比如瀏覽器）就是前端工程師的戰(zhàn)場。前端工程師是可以長期從事且有前途的職業(yè)。
簡歷作為前端工程師邁向新征途而提交的第一份作品，應(yīng)該毫不遲疑的用它來體現(xiàn)其專業(yè)技能和職業(yè)精神，所以Web頁面是前端工程師簡歷的最好載體。它能體現(xiàn)前端工程師諸多專業(yè)素質(zhì)：
1.知道為什么選擇的DTD是下面中的一個而不是其他，這是對HTML標(biāo)準(zhǔn)的理解和思考 。
a.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
b.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
c.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
d.<!DOCTYPE HTML>
2.針對內(nèi)容選擇合適的HTML標(biāo)簽，合理的id和class命名，嘗試使用微格式，這是對語義化的理解和思考。
3.至少兼容YUI中列出的A-grade瀏覽器，這是對跨瀏覽器和CSS Hacks的理解和思考 。
4.雖然Web性能在大訪問量下才比較容易凸顯，但把嘗試把YAHOO性能團(tuán)隊(duì)的34條最佳實(shí)踐應(yīng)用上，一定會小中見大且受益終生的 。
5.JavaScript的應(yīng)用
a.簡歷的信息結(jié)構(gòu)一般很簡單，但是這并不意味著無法使用JavaScript來增強(qiáng)它的交互。找出其JavaScript技能和簡歷相互結(jié)合的地方。
b.可以嘗試使用某種框架（YUI、jQuery、Prototype、Mootools等），很明顯框架能提高我們的開發(fā)速度，掌握至少一種優(yōu)秀的框架能增強(qiáng)我們的價值。
c.可以利用JavaScript做出幾個彩蛋在簡歷里面么？
d.實(shí)現(xiàn)結(jié)構(gòu)、樣式和行為的分離。
e.理解和體現(xiàn)DOM Scripting、預(yù)留退路（Graceful Degradation）、漸進(jìn)增強(qiáng)（Progressive Enhancement ）、無侵入的JavaScript（Unobtrusive Javascript）等思想。 空帷翻譯的《理解“漸進(jìn)增強(qiáng)(Progressive Enhancement)”》是篇這方面的好文章。
6.可訪問性，在這上面每一步的深入研究和應(yīng)用都值得贊賞。
7.HTML5、CSS3、SVG、Canvas甚至離線技術(shù)、安全技術(shù)都可以和我們的簡歷結(jié)合起來。列表When can I use…提供了一些新技術(shù)在主流瀏覽器的支持情況。
8.打印樣式，很明顯前端簡歷不僅僅是其主管看，還有HR和大老板看，所以準(zhǔn)備打印樣式是很重要的，這不僅僅是技能問題，更是一種前端開發(fā)的素質(zhì)。你需要知道，打印樣式應(yīng)該是黑字白底，且盡量少的裝飾圖片，因?yàn)楝F(xiàn)在的絕大部分辦公打印機(jī)還是黑白的，且黑色更費(fèi)墨，所以當(dāng)你的簡歷是黑色背景時更應(yīng)該注意這點(diǎn)。
9.簡單設(shè)計，千萬不要把你的簡歷搞一團(tuán)糟，設(shè)計雖然不是前端工程師最重要的技能，但是良好的視覺設(shè)計更能體現(xiàn)前端工程師的價值，所以審美其實(shí)也是前端工程師的基礎(chǔ)素質(zhì)。如果對視覺設(shè)計感到困惑，你可以從看《推薦給大家看的設(shè)計書》開始。
四、細(xì)節(jié)決定體驗(yàn)
1.標(biāo)識性的文件名，比如“秦歌的簡歷”、“秦歌的作品”，而不是“個人簡歷”、“我的作品”。
2.發(fā)完信后記得檢查一下發(fā)件箱，確保沒有忘記發(fā)附件。
3.簡歷和眾多作品整體打一個包。不要一個大包里面無數(shù)個小包。且整個包應(yīng)該整理過，去掉垃圾，不應(yīng)該太大。
4.不要重復(fù)發(fā)郵件，特別是拒絕以后，還發(fā)一個同樣的郵件，除非一段時間后你有較大進(jìn)步。
5.檢查鏈接有效性，無效鏈接很傷感情的，可以使用Firefox的插件LinkChecker或Pinger。
實(shí)際上，前端工程師的工作成果是直接面向千萬用戶的，他直接決定了最終的用戶體驗(yàn)，所以每個細(xì)節(jié)都至關(guān)重要，就像JavaScript編程一樣，只要我們掌握良好的風(fēng)格要素，我們就能避免很多錯誤，實(shí)際上這個思想貫穿整個前端開發(fā)的始終，包括制作簡歷。
我很喜歡有個人blog的應(yīng)聘者，因?yàn)橥ㄟ^其blog不僅僅可以看出他的前端技能、工作積累、職業(yè)素質(zhì)和分享精神，同時他通過維護(hù)blog可以貫穿一個簡單開發(fā)的始終，從內(nèi)容、交互、視覺、前端一直到后端維護(hù)，而這些角色都是前端在開發(fā)過程中的上下游，需要經(jīng)常協(xié)作，這種經(jīng)歷能使前端更高效的溝通和更務(wù)實(shí)的換位思考。
同樣，當(dāng)我推薦前端的簡歷應(yīng)該是以Web頁面為載體時，也是基于這個想法，并適當(dāng)?shù)慕o出一些相關(guān)知識以備有興趣的朋友朝這個方向走下去。雖然我的建議偏向于“HTML+CSS+JavaScript”方向的前端工程師，但實(shí)戰(zhàn)中肯定有更多能夠在簡歷中體現(xiàn)前端的技能和創(chuàng)意，這本身就是拋磚引玉，這僅僅是一個開始。
簡歷很重要，但人品、職業(yè)精神和專業(yè)的前端技能更重要，最重要的是這兩者是相輔相成的。雖然很羨慕兄弟團(tuán)隊(duì)淘寶UED、支付寶UED和阿里巴巴B2B國際站UED能有創(chuàng)意、時間和精力搞出那么精致的招聘站點(diǎn)，但我更希望我未來的同事用技能、創(chuàng)意、時間和精力整出一個巨牛的前端工程師簡歷來震住我吧。
原文鏈接：http://dancewithnet.com/2009/02/17/how-to-make-a-resume-of-f2e/
【編輯推薦】
