如何寫一份好的前端面試簡歷?

wscats發表於2022-03-16
專案地址: https://github.com/Wscats/CV
體驗地址: http://wscats.github.io/CV/om...

簡歷的本質

在寫簡歷之前,我們必須清楚的瞭解一件事情,那就是簡歷是什麼?
它不是人生履歷,不是專案清單,也不是技能大放送。
簡歷的存在只有一個目的 —— 幫你約到面試。只要能達到這個目的,簡歷可以是一段視訊,一個開源專案,一張照片,甚至是一行字,比如:

I wrote javascript

當然,絕大部分簡歷的形式,就是我們所熟知的,是一篇文章。即使你通過其他方式獲得了面試,當你入職的時候,還是要有這麼一份紙質簡歷的,所以不要想著偷懶。

其實簡歷不只是表現自己,更是傳遞以下三個資訊,增強通過率。

  • 是什麼(你能做什麼?,擅長什麼?)
  • 比別人好在哪些地方(相比其他同行,你的優勢?)
  • 如果僱傭你,招聘方會得到什麼好處 (能不能為企業帶來效益?)

正如你抉擇跳槽,思考要不要留在這個公司的時候,你也可能考慮下面三點

  • 待遇(給的錢夠不夠?福利好不好)
  • 環境(同事nice不?老闆好不好?事少離家近?工作開心與否?是否帥哥美女多?嗯哼)
  • 個人(有晉升機會不?能否再進步?)

當然企業和你的相互選擇其實正如上面幾點中的考量和博弈,當然面試是平等的,是相互選擇的結果,所以有你對企業的考量,也有企業對你的考量

迴歸到寫簡歷,和很多人在大學寫議論文寫作文是不同的,過分的論證會顯得自誇,反而容易引起反感,所以要點到為止。這裡的技巧是,提供論據,把論點留給閱讀簡歷的人自己去得出。放論據要具體,最基本的是要數字化,好的論據要讓人印象深刻。

舉個例子,下邊內容是虛構的:

2015年(時間可以具體到年月,或者經歷的專案週期),我共同(一般都是團隊開發了,單幹就別寫了,除非你個人能力非常突出)參與了XX新聞網站後端釋出系統的開發(這部分是大家都會寫的)。作為團隊裡面的核心程式設計師,我不但完成了網站介面、功能邏輯的開發工作,更提出了高效的元件化和模組化開發方案,通過模組化開發讓團隊成員較少編寫程式碼時候的衝突,通過元件化讓團隊成員分工合作,各善其職,有效的提升了系統的的開發效率。(這部分是很多人忘掉的,記得寫出你在這個專案中具體負責的部分,以及你貢獻出來的價值。)在該系統上線後,Web前端效能從10QPS提升到200QPS,伺服器由10臺減少到3臺( 通過量化的數字來增強可信度 )。2016年我升任WAPCMS專案負責人,帶領一個3人小組支援著每天超過2億的PV( 這就是你自身的優勢。你能帶給舊企業的價值,也就是你能帶給新企業的價值。 )。

有同學問,如果我在專案裡邊沒有那麼顯赫的成績可以說怎麼辦?講不出成績時,就講你的成長。因為學習能力也是每家公司都看中的東西。你可以寫你在這個專案裡邊遇到了一個什麼樣的問題,別人怎麼解決的,你怎麼解決的,你的方案好在什麼地方,最終這個方案的效果如何。

具體、量化、有說服力,是技術簡歷特別需要注重的地方。

(以上內容在寫完簡歷後,對每一段進行評估,完成後再刪除)


聯絡方式

(HR會列印你的簡歷,用於在面試的時候聯絡,所以聯絡方式放到最上邊會比較方便)

  • 頭像(如果你覺得自己長得可以,你可以放哈)
  • 手機:139如果是外地手機,可註明。如經常關機,要寫上最優聯絡時間
  • Email:wscats@gmail.com雖然我覺得QQ郵箱無所謂,不過有些技術人員比較反感,建議用163,gmail也可以
  • QQ/微訊號:7*提供一個通過網路可以聯絡到你的方式

個人資訊

  • 易佳夢/女/1990
  • 本科/XX大學計算機系
  • 工作年限/經驗:3年
  • 技術部落格:https://wscats.github.io/blog ( 使用GitHub Page對映頁面會顯得的逼格較高 )
  • Github:https://github.com/Wscats ( 原創repo+多star的Github帳號會極大的提升你的個人品牌 )
  • 期望職位:Web前端程式設計師/工程師
  • 期望薪資:稅前月薪15k~20k,特別喜歡的公司可例外
  • 期望城市:廣州

工作經歷

工作經歷按逆序排列,最新的在最前邊
因為HR更多的是瞭解你在上一家公司或者近幾年你的工作情況,我建議實際工作小於半年的你也可以不寫當然(IT行業跳槽如此平凡~),因為短的在職經歷會讓HR覺得你不夠穩定,存在錄用後的風險,還有工作經歷最好有層次感,比如你剛開始第一份前端工作你用的技術比較簡單,你可以寫你自己負責切圖,用jQuery寫邏輯,用sass寫樣式,然後再下一份工作你可能技術加強了,你就可以寫你用vue,angular來開發了一個單頁面應用,還負責寫了部分後端介面,這樣可以讓面試官覺得你有自我學習,不斷進步的習慣。

123公司 ( 2016年9月 ~ 2017年9月 )

456專案

我在此專案負責了哪些工作,分別在哪些地方做得出色/和別人不一樣/成長快,這個專案中,我最困難的問題是什麼,我採取了什麼措施,最後結果如何。這個專案中,我最自豪的技術細節是什麼,為什麼,實施前和實施後的資料對比如何,同事和領導對此的反應如何。

789專案

我在此專案負責了哪些工作,分別在哪些地方做得出色/和別人不一樣/成長快,這個專案中,我最困難的問題是什麼,我採取了什麼措施,最後結果如何。這個專案中,我最自豪的技術細節是什麼,為什麼,實施前和實施後的資料對比如何,同事和領導對此的反應如何。

其他專案

(每個公司寫2~3個核心專案就好了,如果你有非常大量的專案,那麼按分類進行合併,每一類選一個典型寫出來。其他的一筆帶過即可。)


根據上面的模板你可以這樣來寫

廣州XX有限公司(2016.09 ~ 2017.03)技術部-前端工程師
這個專案目的主要以成人學歷為主線開發,有大專、本科、資格證等線上銷售的教育培訓產品。
我在此專案負責了前期介面研究,做出原型設計,原型切圖,配合後臺開發人員設計介面與開發功能,並負責框架開發,封裝公共元件,以及根據需要引進第三方外掛。
我在專案中遇到的最大困難是實現產品前端介面效果與設計圖紙在某些介面上難以絕對統一
我採用Vue+jQuery開發方案,在細節上我運用了jwplayer.js、jquery.KinSlideshow來實現幻燈片輪播效果,增強使用者體驗更好等。

自我評價

最好突出自己的優勢,比如學習能力,解決問題能力,帶隊能力,溝通能力和技術能力等等
想簡單點可以這樣寫:

1.喜歡學習新技術,有良好的文件編寫和程式碼書寫規範,耐心打磨使用者體驗和使用者介面
2.有良好的溝通能力和團隊合作能力,性格隨和,認真負責,自學能力強

詳細的你也可以這樣來

1. 對前端技術具有濃厚的興趣,喜歡逛CSDN,部落格園等技術論壇;
2. 具備良好的審美能力,有良好的程式碼程式設計習慣;(說好的審美,可以和設計師好好玩耍)
3. 學習適應能力強,願意不斷學習新知識豐富自己;(學習能力大企業最看重)
4. 抗壓能力強,有信心在不同的工作強度下進行開發工作;(抗壓技能點加上,去常加班的公司有獨特優勢,額)
5. 性格隨和,具有良好的團隊合作精神。(性格最好能適應團隊)

開源專案和作品

選取你自己Github上的某個開源專案即可,當然開源專案最好寫清楚文件,比如安裝方法,核心程式碼的分析(這一段用於放置工作以外的、關鍵來證明你的能力的材料,也可以理解為其他工程師或者開源社群對你的認可度)

開源專案

(對於程式設計師來講,沒有什麼比Show me the code能有說服力了)

  • Piano:?用鍵盤8個鍵演奏一首蒲公英的約定送給自己或月亮代表我的心送給她(專案的簡要說明,Star和Fork數多的可以註明)
  • Articles:?分享我的學習片段和與你的回憶(專案的簡要說明,Star和Fork數多的可以註明)

技術文章

(挑選你寫作或翻譯的技術文章,好的文章可以從側面證實你的表達和溝通能力,也幫助招聘方更瞭解你)

技能清單

(我一般主張將技能清單寫入到工作經歷裡邊去。不過很難完整,所以有這麼一段也不錯)
以下均為我熟練使用的技能

  • 後端開發:PHP/Node
  • 後端框架:ThinkPHP/CodeIgniter
  • 前端框架:ReactJS/VueJS/AngularJS/Omi/EmberJS/Cocos2dJS/Ionic
  • 前端樣式庫:WeUI/Bootstrap/AntDesign/ElementUI/AmazeUI
  • 前端工具庫:jQuery/Zepto/Lodash/Axios
  • 前端除錯:Postman/Charles/Vue(React) Dev Tools
  • 前端外掛:Swiper/Iscroll
  • 前端模組工具:Webpack/Gulp/RequireJS/Fis/Grunt
  • 預編譯語言:Typescript/Sass/Less/Pug/Jade
  • Native開發:Weex/React Native/Cordova/Uni App
  • 小程式相關:Mpvue/Taro/Kbone/Wepy
  • 資料庫相關:MySQL/MongoDB/PgSQL/PDO/SQLite
  • 版本管理、文件和自動化部署工具:SVN/Git
  • 單元測試:PHPUnit/SimpleTest/Qunit/Mocha
  • 雲和開放平臺:SAE/BAE/AWS/微博開放平臺/微信應用開發

例如你可以這樣寫,當然你得根據自己的個人情況進行修改

1、熟練使用合理的結構和樣式編寫相容主流瀏覽器的頁面;
2、能適當運用CSS3使頁面在現代瀏覽器上效果更佳;
3、熟練運用rem單位和flex佈局實現不同瀏覽器寬度下的整頁縮放;
4、熟練使用photoshop軟體進行簡單的圖片處理,能根據圖片特徵儲存成最優的格式;
5、熟練使用原生javaScript以及常用javaScript庫,如jQuery、zepto;
6、能運用模組化、物件導向的方式程式設計;
7、瞭解http協議,能夠根據http請求報文、響應報文和狀態碼排查問題;
8、熟練運用ajax實現非同步資料傳遞,熟悉JSON等資料交換格式;瞭解php和資料庫;
9、瞭解如何使用node.js搭建本地server模擬介面返回資料測試ajax介面;
10、能使用Bootstrap、WeUI、Ionic等前端樣式庫和框架進行開發;
11、熟練運用AngularJS,VueJS進行模組開發,瞭解雙向資料繫結原理,熟練編寫控制器、服務、元件、過濾器等
12、熟練使用Gulp對程式碼進行壓縮合並;熟悉使用Git和SVN進行程式碼管理和版本控制;

當然再舉個例子(精通慎用!熟悉可以多用,不夠自信就用瞭解吧,額哼)

1、熟練HTML、DIV+CSS的頁面佈局,能根據設計圖完成頁面製作
2、熟練響應式佈局、彈性盒佈局,熟悉基於HTML5的WebApp開發以及移動端適配
3、熟練主流瀏覽器的相容性以及相應的適配技術,完成頁面的完整相容
4、熟練掌握HTML5、CSS3新增功能,瞭解Canvas動畫製作
5、熟悉掌握原生JavaScript,熟悉jQuery,瞭解Zepto
6、熟練Bootstrap、AngularJS等前段框架,瞭解MUI、Vue框架
7、熟練使用AJAX進行資料互動,協助後端開發工程師完成專案
8、熟練JSON資料的使用以及處理方式
9、熟練LocalStorage、SessionStorage、Cookie等本地儲存
10、熟悉使用Swiper、Font-awesome、jQueryUI以及jQuery外掛等前端外掛
11、熟練使用Cordova外掛將WebApp打包成安卓App,實現混合App開發
12、熟練使用Visual Studio Code、SublimeText、HBulider、Git、Gulp、Scss、Photoshop 等開發工具

這裡儘量不要重複敘述相同的技能點,保持好每一條都是獨特的,每一條描述出現的英文技能點關鍵詞儘量保持大小統一,比如Bootstrap、WeUI、Ionic,這樣寫沒問題,但是不要個別大寫個別小寫bootstrap、WeUI、ionic,遇到強迫症的HR就尷尬了,不過有些還是例外的比如jQuery,還是第二個字母大寫吧(...額,不解釋),還有這裡不要出現一些“感性“的描述,比如熟悉使用PHP,能跟後端工程師愉快的合作(什麼鬼),這些句子就不要出現了

參考技能關鍵字

本技能關鍵字列表是在簡歷和招聘資訊中統計出來的高頻詞。如果您的簡歷要投遞給有機器(簡歷篩選系統)和非機器(不懂技術的HR)篩選簡歷環節的地方,請一定從下邊高頻關鍵詞中選擇5~10個適合你自己的。

SkillSkillSkillSkillSkillSkill
webjavascripthtml5css3H5js
ajaxw3cdivcsshtmlES6
vueangularreactbackbonejQueryzepto
jsonxmlxhtmlbomdomsvg
uiphotoshopweuibootstrapionicflex
atomvisual studio codehbuildersublime textfirebugdreamweaver
aspjspjavarubypythonphp
psmobilemvcmvvmmvpwww
httphttpsftpsslwebsocketseo
sasslessAMDCMDrequirejsseajs
githubstackoverflowsegmentFaultcodingcsdn
linuxmacwindowsiosandroid
gulpgruntwebpackgitsvn
flashjssdkphonegapcordovahybrid
firefoxchromesafaricharles
expressnodejskoa
semanticfoundationyui
actionscriptcoffeescripttypescript
mysqlwebapp
物件導向閉包繼承元件化模組化資料結構
正規表示式相容性安全性重構互動效能
微信小程式微信公眾號阿里雲知乎

簡歷注意項

  • 檢查標點符號(不要中英文符號混著用)
  • 檢查字母大小寫(首字母該大寫就統一,不要大小寫混著來)
  • 檢查專業詞彙拼寫(不要拼錯單詞,少用簡寫)
  • 檢查錯別字(用詞愜當,語句通順連貫)
  • 檢查排版(格式工整整齊,排版統一,文字甚於圖表,少用斜體、大寫、下劃線)
  • 檢查真實性(不要子虛烏有也不要浮誇,因為撒了一個謊就需要更多的謊言來彌補,如果由於自身的不足沒自信,那提高自身比撒謊走得更遠)
  • 檢查列印紙質油墨(如果可以的話)

在投簡歷之前必須檢查大小寫字母是否統一,中英文標點符號要統一,專業詞彙是否正確,是否有錯別字,細節決定成敗,態度決定一切,投簡歷之前不檢查清楚會讓面試管覺得你不尊重面試,這會輕易被淘汰!

由於現在比較少手寫紙質版簡歷,但如果需要自己用筆來寫的內容(比如簽名,筆試題)不要潦草塗亂,字跡要工整,因為字是代表你的形象,也是面試官心情的起點。

面試表現

千言萬語總結為三條

  • 態度比技術重要
  • 做人比做事重要
  • 公平謙虛和樂觀

面試是平等的,不是上下級的彙報,也不只是簡單的一問一答(對方的設問,你也可以有疑問)
如果對方不是主動提問者,那自己要活躍一點,化被動為主動,一般面試官在前三道問題配合簡歷足夠建立對你的印象(包括,技術,人品,溝通和態度等)
技術不行表現態度,遇到問題不懂別簡單說不知道(面試官更傾向於你彰對這個問題的見解而不是準確答案),遇到不懂問題可以主動先說完自己的理解,剩餘部分你可以嘗試跟他留個聯絡方式(QQ,Facebook,Wechat,Email等)等你面試完回去再回復Ta一個答案(能彰顯學習能力,態度與決心),有時候這不失是一個很好的機會,做不成同事也可以做朋友,還有給面試官紙質簡歷的時候,最好雙手放過去,鋪墊些禮貌的開場白。

面試題參考

這裡收錄了142多張現場紙質面試題集合,來自於不同面試者應聘不同公司的真實記錄

面試前學習片段和筆記


其他參考

ArticleArticle
前端程式設計師經常忽視的一個JavaScript面試題怎樣才是一份好的技術簡歷?
初級前端面試需要帶什麼作品?——知乎)如何面試前端工程師?——知乎
寫給前端面試者如何寫好一份前端簡歷
寫給前端面試者(大漠,淘寶)談談面試與面試題、談談面試與面試題 II (winter,淘寶)
網際網路公司技術崗實習/求職經驗(實習內推+簡歷+面試+offer篇)(張秋怡,阿里巴巴)史上最全 前端開發面試問題及答案整理
前端開發面試題(馬雲雲,ZTE)收集的前端面試題和答案(邱德清,阿里媽媽)
web前端面試相關的知識點(王文傑,樂視雲)一道常被人輕視的前端JS面試題(滄海)
常見前端面試題及答案(默語,騰訊)前端工作面試問題(一)(Ruipeng Zhang,哈工大)

特別鳴謝

最後

最近比較忙,後面有時間繼續整理,感謝您花時間閱讀,期待你能找到一份不錯的前端工作,加油!謝謝。如果本文能帶您一絲幫助或者啟發,請不要吝嗇你的贊和Star,你的肯定是我前進的最大動力?

相關文章