整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
于一名想找工作的前端開發工程師而言，簡歷直接關系到面試概率甚至薪資水平，其重要性已不用多說。在HR快速篩選簡歷的情況下，你的簡歷要脫穎而出，就得在短時間內將自己的亮點展示給招聘方。具體怎么做？黑馬程序員前端與移動開發學院的就業指導老師來教你！
第一步：知己知彼，百戰不殆
不看工作要求直接寫簡歷是很危險的。前文提到，要在簡歷中突出自己的亮點，所謂的“亮點”就是對于招聘方來說最具價值的能力。所以我們在撰寫簡歷之前一定要了解這個崗位的職責是什么。
在招聘網站的崗位介紹上一般都會寫清楚工作職責與任職要求，請認真閱讀清楚。如果是公司的內部推薦，那么和推薦你的朋友聊一聊崗位職責是最好不過的。
第二步：根據崗位的要求準備簡歷
通過第一步，我們已經了解到了招聘方想招什么樣的人，接下來我們就要有針對性的準備簡歷，并在簡歷上體現我們符合這個崗位的高價值。前端技術涉及的范圍很廣，不同的公司對于前端工程師的要求也是不盡相同的，通常有Node.js、HTML5研發工程師、Hybrid、架構和業務研發、全棧開發等工作方向。那么我們在寫簡歷的時候就要根據崗位的需求，重點突出自己相應的能力，也就是說我們要準備多份簡歷來匹配不同的工作方向，千萬不要做好一份簡歷就開始海投！
第三步：簡歷的具體撰寫
再接下來，我們就具體說說如何完成一份完整的簡歷。前端工程師的簡歷可以從這五個方面來寫：個人信息、工作經歷、職業技能、作品展示、加分項。
A 個人信息
個人信息一般需要填寫的有姓名、年齡、性別、電話、學歷、郵箱、工作年限等等。這一部分的信息主要供HR判斷你的條件是否滿足某些硬性要求。
B 工作經歷
工作經歷是一個非常重要的模塊，值得好好琢磨。工作經歷可以通過這幾個方面來寫：
1、介紹一下公司名稱和在職時間；
2、用精煉的語言介紹項目背景、過程；
3、說說你做這個項目的結果如何。
很多前端工程師對于如何描述項目表示很頭疼，以下給出一個小范例，可以參考：
“我做了 XX 項目重構，用了 XX 技術方案，克服了 XX 的困難，最終XX這類需求變更可以短平快的被消化，極速研發、快速上線，且數據采集也做到了標準化，研發成本大大降低，數據積累增長迅速。比如 XX ，最后在 XX 產品線中開始推廣。”
這種描述，在面試的時候很容易引出有針對性的話題來聊，也正因為簡歷里有了這些鋪墊，可以節省大量的面聊時間，讓HR更快做出判斷。
但是如果你這樣描述的話，效果就不會太好：
“XX 項目前端研發，用了 AngularJS，整個項目獨立完成，包括整個 Boss系統的受理收費、有線電視代收費、商品零售、小靈通短信群發、營業點結賬等模塊。”
這段描述只傳達出一個信息：你用過 AngularJS。至于當時面臨多少種技術選型？如何做出取舍選擇了 AngularJS？有沒有涉及前端架構？AngularJS 用的有多深？項目成員分工怎樣？如何并行研發？遇到過哪些你認為有價值的問題并提出了怎樣的應對方案？是代碼解決還是組織解決等等問題，就要靠面試的時候問答很久才能搞清楚。問不出來的，基本上也就跳過了，面試者的能力也得不到充分的發掘。
C職業技能
在以上的工作經歷部分，我們可以通過項目來展示自己的綜合能力。現在我們要用一個專門的模塊來重點介紹自己的技術水平。
如今前端所涉及的知識面很廣，要對每個方向都做出深入的研究確實不太容易。能做到全棧開發當然是很好的，如果不能的話，也最好擅長其中的某一個或幾個方面。因此你要在簡歷里重點標出自己的強項，這樣也方便在以后的面試中引導面試官來問你擅長的那一部分，更有利于你揚長避短。注意千萬不要把前端所有的技術都羅列一遍，然后全部來一個“精通”。
（網絡上一位前端同學的簡歷截圖，很直觀的展示技能的方法）
D 作品展示
你在“工作經歷”、“職業技能”中展現出來的能力如何向HR證明呢？你可以將自己的作品或者相關案例上傳到GitHub，在簡歷中附上鏈接地址，讓HR方便查看。在之后面試中可以著重講講你擅長的部分，比如你擅長Node.js，就將在 NPM 上提交的模塊下載下來演示一下，講講核心模塊；如果是一個組件，就講講設計封裝思路；如果是一套腳手架工具，可以直接畫架構圖，講原理和適用場景。
E加分項
作為前端開發工程師，如果你喜歡在博客或者GitHub上寫總結、發技術文章的話就是不錯的加分項。如果某個總結能和簡歷里做的項目結合起來就更好了，請在簡歷中加上博客或者GitHub的鏈接。
最后講講關于將簡歷包裝成個人小站這件事
作為前端工程師，有的同學想發揮自身的技術優勢，將簡歷做成作品提交給HR。比如以下就是將簡歷包裝成了一個minisite，這種簡歷確實會給人不錯的印象。
但是有一點要注意：務必要同時提交 word 或 pdf 格式的簡歷。很多公司的招聘系統對 word 和 pdf 格式的文件支持最好，HR在錄入系統時，上傳完附件后很多字段直接就可以被系統讀出來。
好了，前端工程師簡歷的撰寫方法與技巧，主要就是以上這些方面了。當然，要想寫出一封優秀的簡歷，光靠技巧是不夠的，更重要的是你得有真才實學。黑馬程序員前端與移動開發學院，專注前端培訓，致力于打造優秀的全棧開發工程師。學院成立以來，已有超過1500名學員入學，就業平均薪資10734！（數據統計時間：2016年7月15日）。如果你也想成為優秀的前端工程師，馬上關注黑馬程序員前端與移動開發學院吧！
歷是敲門磚。作者建議你根據自己要找的公司、職位、職位描述，寫一份有針對性的簡歷。特別是個人技能和項目(實習)經歷要根據崗位要求來寫，以增加被邀請面試的機會。
比如我朋友在百度地圖推薦你做高級網絡前端工程師，給你發了一份職位描述(JD)，里面有需要的技能，使用的技術，獎勵項目。那么你在寫簡歷的時候就要考慮自己是否具備這些技能，至少你應該知道地圖部門必須做一些與地圖相關的工作。如果你剛好之前學過地圖定位，知道HTML5地理定位接口，可以在簡歷里提一下。
很多時候，我們不知道簡歷會被誰看到，也不知道朋友/獵頭會把簡歷發給哪個公司或職位。那么這樣的簡歷應該是“通用簡歷”。所謂的普通簡歷，要和你要找的職位和你期望的水平相匹配。例如，如果你想找一份T4級別的網絡前端工作，你應該在簡歷中注明你的技能可以達到T4的水平。不要用一兩年前的簡歷找工作。前端這兩年發展很快。一兩年前你可能找不到簡歷上只有“熟練熟悉”的數據庫和框架的工作。
所以，寫簡歷也是個技術活。
一 心得體會
今天的任務是利用HTML制作一份在線簡歷，先不考慮樣式，只從結構和語義化方面著手。對于已經有了前端b編程經驗的我來說挺簡單的，但是我還是當作我是一個剛入門的菜鳥，在學習過程中發現其實還有很多基礎知識被我忽略了，例如meta的強大功能，HTML5表單新增的輸入類型，列表標簽dl、dt、dd等，這提醒這我不要眼高手低，要潛心學習，穩固基礎。
二 相關知識點
問題1 HTML是什么，HTML5是什么？
問題2 HTML文檔是什么？
HTML文檔其實就是我們看到的網頁，其包含HTML標簽和純文本。
問題3 HTML元素、標簽、屬性都是什么概念？
問題4 文檔類型是什么概念，起什么作用？
HTML經歷過多個版本的更新，每個版本中元素不盡相同，那么我們如何才能使計算機準確知道當前的版本并正確顯示HTML頁面呢？為了解決這個問題，引進了文檔類型的概念。在HTML文檔首行使用<!DOCTYPE>來聲明該HTML文檔的版本，如果版本為HTML5，那么聲明代碼為<!DOCTYPE html>；如果為HTML4，那么聲明代碼為<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"。目前創建新網頁都盡量使用HTML5的文檔類型，維護舊網頁可以沿用舊網頁的文檔類型。
問題5 meta標簽都用來做什么的？
meta標簽位于HTML頭部，攜帶元信息，不顯示在頁面上，對于計算機是可讀的。其主要作用有以下幾點：
<!--聲明文檔使用的字符編碼--> <meta charset="utf-8">
<!--告訴計算機6s后跳轉相應地址-->注：http-equiv的屬性值content-language, content-type, set-cookie已經棄用，請查看最新文檔使用替代方案
示意代碼如下：
< Meta HTTP-EQUIV="refresh" content="6; url=地址" >
<!--以下為常用屬性值-->示意代碼如下：
<!--標注作者--> < Meta name="author" content="前端嘮嘮嗑" > <!--攜帶關鍵字，便于搜索網站收錄，提高搜索排名--> < Meta name="keyword" content="關鍵字" > <!--文檔描述，便于搜索網站收錄，提高搜索排名--> < Meta name="descript" content="描述內容" >
問題6 Web語義化是什么，是為了解決什么問題
我理解的語義化有兩方面：1. 便于計算機識別HTML內容，降低其處理難度，提高效率，與此同時還能搜索程序更好更快的搜索到此文檔；2. 便于程序員理解代碼以及后期維護——結構良好，語義明確的代碼利于閱讀和維護。
問題7 鏈接是什么概念，對應什么標簽？
超鏈接的含義是一個點擊跳轉相應文檔的字，詞或者圖像。對應的為<a>標簽。其使用方式如下。
<a href="地址">跳轉到相應的地址</a>
<!--通過name屬性創建文檔內的錨點--> <a name="tips">設定的錨點</a> <!--通過href屬性跳轉文檔內的錨點--> <a href="#tips">跳轉錨點</a>
<a href="地址#tips">另一個文檔的錨點</a>
問題8 常用標簽都有哪些，都適合用在什么場景？
問題9 表單標簽都有哪些，對應著什么功能，都有哪些屬性？
表單一般包裹在<form>標簽下，主要用于用戶輸入，獲取用戶輸入的信息并傳輸給服務器。其輸入類型有以下幾種：
2.密碼（輸入的字符會做掩碼處理） <input type="password">
<input type="radio" name="sex" value="male" checked>Male <input type="radio" name="sex" value="female">Female
<input type="checkbox" name="vehicle" value="Bike">I have a bike <input type="checkbox" name="vehicle" value="Car">I have a car
<input type="button" onclick="alert('Hello World!')" value="Click Me!">
<input type="submit" value="Submit">
注釋：老式 web 瀏覽器不支持的輸入類型，會被視為輸入類型 text。
問題10 ol, ul, li, dl, dd, dt等這些標簽都適合用在什么地方，舉個例子
ol搭配li構建有序列表，ul搭配li構建無序列表，dl，dd，dt不常用，看了一下介紹dl類似于ol和ul，屬于最外層標簽；dd類似于li，表示項目內容；而dt類似于序號，只不過內容可以自定義。由以上可以看出dl，dd，dt挺適合做菜單類列表，dt表示菜名，dd表示相應菜品的介紹。
?
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
