内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

前端简历解读:要不要做个页面

2016-12-07 14:55 出处:清屏网 人气: 评论(0

(图文无关,就是单纯的推荐一下这部剧...)

最近因为做几篇关于前端学习的回答,有很多年轻的前端发简历来让我帮忙看看。

因为个人精力也比较有限,所以希望能够在一些普遍问题上帮助到更多的人,在征得当事人同意之后,我打算写一篇文章(如果一直有简历投稿的话,可以做成系列文章)来聊聊写简历这个话题。

首先

我并不是一个擅长写简历的人。

从毕业之后,并没有换过太多工作,也从来没有海投过简历。通常情况都是投了一份,然后被录取了,或者朋友说要不要过去上班,然后聊了一下就去上班了。

但是我还算是看过些简历的。

而且因为要考虑学生的毕业事宜,也花了很多精力去阅读各种简历,以及进行过很多对初级程序员的面试。所以这篇文章应该是比较针对1~3年的年轻前端来写的。

案例

传统形式的简历大概是使用word编写,保存的doc文件或者pdf。对于前端的同学来说,可以考虑markdown导出pdf。

markdown可以帮助大家摆脱不必要的对排版的纠结,直接用标记语言来书写结构清晰的内容。同时markdown非常容易和css结合,一份漂亮的markdown简历本身就呈现了你对设计的理解和CSS的基本功。

再进阶一点的形式是做一个独立的个人介绍页面,但其实我并不是太推荐这种方式。不是说这种方式不好,而是因为想要做好太难了。

比如这份简历( web前端开发简历 

首页的头像发生了变形。

解决的办法包括但不限于:指定义单边长度;使用background-image;提前裁切图片。

所以这一个地方就暴露出:

1. 可能不能正确掌握图片固定比例显示的方法。

2. 一定缺少对审美的要求。

一下子就出现了两个减分项。

专业技能页面用了黑色,并且折叠了内容

这里面也有两个问题:

1. 深色背景用黑色字,不太清楚,同样体现出了审美要求不够。

2. 技能内容折叠,炫技,但是不利于信息展示,体现出产品意识不够。在页面没有空间承载信息的时候,不得已才需要折叠,而简历这种巴不得别人一眼都看完的东西,还要折叠起来,就很不合适了。

学习经历页面同样也是这个问题,用了轮播,但是向右翻页按钮和背景颜色非常接近,难以看清。

我的作品页面依然是把重点信息做了折叠,一眼看过去有效信息很少。

另外就是整站的屏宽适配不好,一部分做了适配,一部分做了定宽,而背景被压缩变形了。

所以年轻的前端同学希望以这样一份简历表达出自己掌握了各种特效,但是实际的效果是,表现出了非常多的不成熟。无论是设计的短板,用户体验考虑欠佳,排版布局不合理,或者一点点细节处理的不完美,都会非常明显的凸现出来。

我看到的不是一个会轮播图,会CSS的同学,而是一个各方面都有待加强的同学,你说我要不要给你面试的机会呢?

另一份简历就好玩一点了( XX的个人主页 

我不确定这个页面是不是完全是自己策划搭建开发的,乍一看还是很有意思,但是细看之后还是觉得做的比较粗糙,对比一下同类的作品( http://www. rleonardi.com/interacti ve-resume/ ),如果能做成这样,我干嘛还要面试,你直接来上班就好。

另外对于好像大家都喜欢做的技能条,我一直有一个疑问:这个条满了会怎么样...

第三个案例比较好玩( 太阳神在打瞌睡 

虽然内容层级比较深,但是因为形式有趣,所以并不觉得难受。

非常多的交互细节打磨的很精致,淡入淡出效果和动画效果都很棒

第四个案例是( 加力士 

这个页面槽点就比较多了:背景图片平铺;底部的空白条;无美感的布局;不合适的字号和动画...

第五个案例没有在线地址,因为需要PHP环境,我的电脑自从重装之后就没有再配了,只是看了一下源码。

这个内联样式非常的业余,很显然要使用class来定义样式。不过从另一面来看,的确也是很努力,如果是我的话,可能复制不到这么多行就已经放弃了。

这一段CSS写法同样很有问题,任何一段代码一旦被复制粘贴一次都意味着可以被提取出来复用,而如果复制粘贴了四次,那显然是设计有问题了。

随便截取了一点js,同样是不合适的写法,类似的形式反复出现,就算不该变这个思路,我们也可以提取出来一个函数,或者直接拼接DOM的字符串。

可以看到大多数同学还是非常的努力,但是往往这种努力,尤其是自己觉得克服了很大困难做出来的东西,往往是克服了一个自己不必要面对的困难。为什么我们说这样写HTML,CSS和JS不好。不是因为它们的结果错了,而是写起来太辛苦,太麻烦,也容易出错,这样写代码就完全体会不到编程的乐趣了。

所以要不要做个页面?

我在之前的一个问题中回答说,建议大家不要做个人站作为简历,因为哪怕是你特别用力做出来的东西,多半也会丑的可怕。

因为以你的能力难以驾驭对整站方方面面的把握,多半会把注意力放在炫技上。加上不合时宜的折叠,轮播,特效,这就是我们在不成熟的年纪喜欢的杀马特嘛。

所以要不要做个页面?

当然还是可以做的。不过要做的朴素一点,以文字为主,加上图表辅助,可以考虑使用时间轴,或者饼图,折线图一类的方式表现技能构成以及技术学习曲线,给你们看一个正面例子( Wendy Shijia Design & Develop 

大家可能有一个误区,我要在页面中尽可能的表现出自己的最高技术水平,我最高的技术水平就是掌握了复杂的交互。其实对于一个页面来说,最高的技术水平体现在合适的布局,合适的颜色,合适的字体。保证排版不错位,图片不变形,配色不混淆就需要耗费很多精力了。

就好比你打算开一家小吃店,是一家看起来干净整洁但是食物普通的点更容易招揽顾客,还是脏兮兮的美味更吸引人呢?

至于写过的组件或者其他代码,可以加一些简介和链接,不一定非要强行做到界面中。企业招聘是希望找一个可以把任务妥当完成的人,不是招杂技演员,展示酷炫组件的前提是,可以把看似平常的事情做好。

等你真的开始做了就会发现,从80%到100%中间还差着80%.

分享给小伙伴们:
本文标签: 简历CSSMarkdown

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号