整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
于一名想找工作的前端开发工程师而言，简历直接关系到面试概率甚至薪资水平，其重要性已不用多说。在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小时内与您取得联系。
