forked from DIYgod/Resume
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
307 lines (305 loc) · 18.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>范文杰的简历</title>
<meta name="description" content="我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位,希望借此机会为贵司献上我的一点绵薄之力,快招我到碗里来吧!">
<meta name="keywords" content="范文杰,DIYgod,前端,工作,简历">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="dist/css/style.min.css">
<link rel="stylesheet" href="dist/css/fontello.min.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48084758-4', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<aside>
<ul>
<li>
<a href="https://github.com/DIYgod/Resume" target="_blank">源代码</a>
</li>
<li>
<a href="前端工程师-范文杰.pdf" target="_blank">PDF 下载</a>
</li>
<li>
<a href="https://www.anotherhome.net" target="_blank">Blog</a>
</li>
<li>
<a href="https://www.github.com/DIYgod" target="_blank">GitHub</a>
</li>
</ul>
</aside>
<div class="container">
<div class="sidebar">
<div class="title">
<img src="img/head.png">
<h1>范文杰的简历</h1>
<h2>"Write the Code. Change the World."</h2>
</div>
<ul class="side-info">
<li class="someRight">
<dt><i class="icon-bookmark"></i>Contact. 联系方式</dt>
<dd><i class="icon-mail-alt"></i>邮箱: <a href="mailto:i@html.love" target="_blank">i@html.love</a></dd>
<dd><i class="icon-wechat"></i>微信: DIYgod</dd>
<dd><i class="icon-qq"></i>QQ: <a href="http://wpa.qq.com/msgrd?v=3&uin=306578968&site=qq&menu=yes" target="_blank">306578968</a></dd>
</li>
<li class="someRight">
<dt><i class="icon-bookmark"></i>Application. 应聘岗位</dt>
<dd>前端工程师</dd>
</li>
<li class="skill">
<dt><i class="icon-bookmark"></i>Tech. 技能点</dt>
<dd>
<div class="skill-name">JavaScript</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 80%"></div>
</div>
</dd>
<dd>
<div class="skill-name">HTML</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 75%"></div>
</div>
</dd>
<dd>
<div class="skill-name">CSS</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 72%"></div>
</div>
</dd>
<dd>
<div class="skill-name">C</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 70%"></div>
</div>
</dd>
<dd>
<div class="skill-name">Python</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 70%"></div>
</div>
</dd>
<dd>
<div class="skill-name">Java</div>
<div class="skill-bar-wrap">
<div class="skill-bar" style="width: 65%"></div>
</div>
</dd>
</li>
</ul>
<div class="note">
<p>我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。</p>
<p>我目前正在寻找前端工程师岗位,希望借此机会为贵司献上我的一点绵薄之力,快招我到碗里来吧!</p>
</div>
</div>
<div class="main">
<ul class="main-info">
<li class="someRight">
<dt><i class="icon-bookmark"></i>Basic info. 基本信息</dt>
<dd><span>个人信息:</span> 范文杰 / 男 / 20岁</dd>
<dd><span>教育经历:</span> 本科 / 武汉理工大学计算机系 / 2016年应届生</dd>
<dd><span>英语水平:</span> CET-6</dd>
<dd><span>常用ID:</span> DIYgod</dd>
<dd><span>Blog:</span> <a href="https://www.anotherhome.net" target="_blank">www.anotherhome.net</a></dd>
<dd><span>GitHub:</span> <a href="https://www.github.com/DIYgod" target="_blank">www.github.com/DIYgod</a></dd>
</li>
<li>
<dt><i class="icon-bookmark"></i>Experience. 项目与工作经验</dt>
<h3>武汉深之度科技有限公司(2015.7 - 2015.11)</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>深度商店项目</h4>
<p>参与 Linux Deepin 深度商店V4.0 的前端开发工作,根据设计图完成项目的大部分样式,完成了首页、搜索列表、软件详情、软件分类、专题、关于等页面,其中有评论交互、三个不同的轮播图、侧边栏左右拖动、搜索交互等内容,项目采用 WebApp 的形式,运行在 Qt WebKit 上,后端与 deepin 操作系统深度整合,支持一键安装、更新和卸载软件</p>
<p>使用 AngularJS 框架 和 Sass 预处理器 来实现前端组件及数据交互,使用 Gulp Bower 改进工作流</p>
<img src="img/dstore.png">
</li>
</ul>
<h3>个人项目</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>
APlayer(2015.11)
<a href="https://github.com/DIYgod/APlayer" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/APlayer/" target="_blank"><i class="icon-link"></i>Demo</a>
</h4>
<p>炒鸡好看的 HTML5 音乐播放器,GitHub 热门榜(GitHub Trending repositories)前八,npm 下载量 4k+,GitHub 上 Star 615 Fork 103</p>
<img src="img/aplayer.png">
</li>
<li>
<div class="circle"></div>
<h4>
Anotherhome个人博客(2014.2 - 至今)
<a href="https://github.com/DIYgod/Amativeness" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net" target="_blank"><i class="icon-link"></i>Demo</a>
</h4>
<p>Wordpress主题修改,内容维护,现日均浏览量 1000+</p>
<img src="img/anotherhome.png">
</li>
<li>
<div class="circle"></div>
<h4>
百度IFE前端技术学院课程(2015.4 - 2015.6)
<a href="https://github.com/DIYgod/ife-work" target="_blank"><i class="icon-link"></i>源代码</a>
</h4>
<p>学习百度IFE前端技术学院春季班课程,并独立完成其中的任务</p>
<ul class="efe">
<li>
<h5>
Task 0001
<a href="https://github.com/DIYgod/ife-work/tree/master/task0001" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/ife/task0001/" target="_blank"><i class="icon-link"></i>Demo</a>
</h5>
<p>实现了一个个人博客网站的首页、文章、作品、关于等静态页面,合理运用HTML语义化标签,并实现了多栏布局、瀑布流布局、时间轴等布局样式。</p>
<img src="img/task0001.png">
</li>
<li>
<h5>
Task 0002
<a href="https://github.com/DIYgod/ife-work/tree/master/task0002" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/ife/task0002/task0002_1.html" target="_blank"><i class="icon-link"></i>Demo</a>
</h5>
<p>实现了一个微型JS库,其中包括对原生 JavaScript 数据类型及语言基础、DOM、事件、BOM、Ajax等的操作和封装,并运用这个JS库实现了表单输入交互、倒计时工具、轮播图、输入提示框、界面拖拽交互</p>
<img src="img/task0002.png">
</li>
<li>
<h5>Task 0003 0004
<a href="https://github.com/DIYgod/ife-work/tree/master/task0004" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/ife/task0004/" target="_blank"><i class="icon-link"></i>Demo</a>
</h5>
<p>实现了一个 GTD Tools (个人任务管理系统),支持任务两级分类、增删查改、标记、根据日期分类等功能,并实现了一个独立的移动版本</p>
<p>使用 localStorage 来保存用户的任务数据,处理了可能出现的 XSS 安全隐患,使用 原生JavaScript Less预处理器 来实现前端组件及数据交互,使用 Yeoman Grunt 改进工作流</p>
<img src="img/task0003.png">
<img src="img/task0004.png" height="97px">
</li>
</ul>
</li>
<li>
<div class="circle"></div>
<h4>
HTML.LOVE 个人简历(2015.8 - 至今)
<a href="https://github.com/DIYgod/Resume" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="http://html.love/" target="_blank"><i class="icon-link"></i>Demo</a>
</h4>
<p>设计优雅、内容完善的静态简历页面,可以用浏览器直接生成合适尺寸的PDF,使用 Gulp 改进工作流,GitHub 上 Star 133 Fork 33</p>
<img src="img/resume.png">
</li>
<li>
<div class="circle"></div>
<h4>
jCarrousel(2015.8)
<a href="https://github.com/DIYgod/jCarrousel" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/jCarrousel/" target="_blank"><i class="icon-link"></i>Demo</a>
</h4>
<p>一个3D轮播图 jQuery 插件,实现了3D轮播效果,可以自适应宽度、自适应图片数量,有方便的切换按钮,另外实现了播放、停止、切换到任意一张图片的API</p>
<img src="img/jCarrousel.jpg">
</li>
<li>
<div class="circle"></div>
<h4>
Do-you-like-me(2015.9)
<a href="https://github.com/DIYgod/Do-you-like-me" target="_blank"><i class="icon-link"></i>源代码</a>
<a href="https://www.anotherhome.net/file/like/" target="_blank"><i class="icon-link"></i>Demo</a>
</h4>
<p>一个简单有趣的 UI 点赞组件,后端使用 NodeJS + MongoDB 实现,用 mongoose 操作 MongoDB,实现了对 MongoDB 数据库简单的增删查改</p>
<img src="img/Do-you-like-me.png">
</li>
<li>
<div class="circle"></div>
<h4>
EasyGoAgent
<a href="https://github.com/DIYgod/EasyGoAgent" target="_blank"><i class="icon-link"></i>源代码</a>
</h4>
<p>开箱即用 & 在线更新的GoAgent,GitHub 上 Star 209 Fork 70</p>
</li>
<li>
<div class="circle"></div>
<h4>
Show Me the Code Python version
<a href="https://github.com/DIYgod/python/tree/master/DIYgod" target="_blank"><i class="icon-link"></i>源代码</a>
</h4>
<p>一系列Python小程序,包括 图像处理 数据库 文件操作 正则式 等内容</p>
</li>
<li>
<div class="circle"></div>
<h4>
Simple-C Compiler
<a href="https://github.com/DIYgod/Compiler" target="_blank"><i class="icon-link"></i>源代码</a>
</h4>
<p>一个用C编写的简单类C语言编译器,目前完成了 词法分析 语法分析 阶段,使用了 Lex Yacc 两个工具</p>
</li>
<li>
<div class="circle"></div>
<h4>
WHUTNews
<a href="https://github.com/DIYgod/WHUTNews" target="_blank"><i class="icon-link"></i>源代码</a>
</h4>
<p>Python 编写的爬取教务处公告,判断是否有新通知,并把新通知发邮件提醒的简单 Python 爬虫程序</p>
</li>
</ul>
</li>
<li>
<dt><i class="icon-bookmark"></i>Skill. 技能清单</dt>
<h3>Web前端</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>HTML / CSS</h4>
<p>能够编写语义化的 HTML,模块化的 CSS,完成较复杂的布局</p>
<p>熟悉 Less / Sass / Autoprefixer 等CSS预处理和后处理方法、工具</p>
</li>
<li>
<div class="circle"></div>
<h4>JavaScript</h4>
<p>熟悉原生Javascript,能脱离jQuery等类库编码</p>
<p>能运用模块化、面向对象的方式编程</p>
<p>了解 RequireJS jQuery AngularJS 的使用</p>
</li>
<li>
<div class="circle"></div>
<h4>其他</h4>
<p>熟悉 Yeoman Bower Grunt Gulp 前端自动化工具</p>
<p>了解前端安全、性能优化方面的一些知识</p>
</li>
</ul>
<h3>后端</h3>
<ul class="exp">
<li>
<div class="circle"></div>
<h4>环境</h4>
<p>熟悉 Linux 开发环境、 Linux 服务器环境搭建部署,两年 Linux 日常使用经验</p>
<p>了解 Apache Nginx web服务器,一年多建站经验</p>
</li>
<li>
<div class="circle"></div>
<h4>语言</h4>
<p>了解 Python,能够实现简单的爬虫、数据及图像处理工具、自动化脚本</p>
<p>了解 C,读过《C Primer Plus》,能编写简单的解释器</p>
<p>了解 Java,能进行简单的网络编程和多线程编程</p>
</li>
</ul>
<h3>其他</h3>
<ul class="exp">
<li>
<p>是一个有趣的人,博客日均浏览量 1000+,GitHub Followers 550+,微博粉丝 780+,微信公众号关注用户 460+</p>
<p>严重强迫症,不能忍受界面一个像素的偏差,同样不能忍受代码格式一个空格的偏差</p>
<p>学习能力强,以上绝大多数的技能都是大三转专业之后自学修得的</p>
<p>掌握 Vim Git 等开发工具的使用</p>
<p>能够熟练使用 Markdown 进行写作</p>
</li>
</ul>
</li>
</ul>
</div>
</div>
<footer>
<p>Theme by <a href="https://github.com/DIYgod/Resume" target="_blank">DIYgod</a>. Made with <i class="icon-heart throb" style="color: #d43f57;"></i> by DIYgod. 最后更新于2016年3月1日</p>
</footer>
</body>
</html>