This repository has been archived by the owner on Feb 4, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (251 loc) · 18.1 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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Chris van der Ploeg | Résumé</title>
<meta name="description" content="Hire this guy! Chris van der Ploeg's pretty cool Résumé">
<meta name="author" content="Chris van der Ploeg">
<meta name="viewport" content="width=device-width">
<!-- Built with less and compiled -->
<link rel="stylesheet" href="css/style.css">
<!-- Google web fonts -->
<link href='http://fonts.googleapis.com/css?family=Average|Abril+Fatface' rel='stylesheet' type='text/css'>
<!-- Best Practice is to compile these, but I left the references here so you can poke around if you like. Big props to twitter bootstrap -->
<!--<link rel="stylesheet/less" href="less/style.less">
<script src="js/libs/less-1.3.0.min.js"></script>-->
<script src="js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
<!-- I'm watching you -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21023779-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<!--
This site is what I would consider undesigned. There were no designers involved and it relies heavily on open source projects for its looks.
The idea is to provide great usability and interaction and then let a designer put on the icing, but I thought I would leave it like this to demonstrate what I bring to a website.
View it on github https://github.com/chrisvdp/Resume
-->
</head>
<body>
<div id="fb-root"></div>
<div class="container">
<div class="row">
<div class="span3 hide-print">
<ul id="main-nav" class="nav nav-list affix">
<li class="nav-header">Chris van der Ploeg</li>
<li><a href="mailto:[email protected]?subject=We want to hire you!" target="_blank" class="animate-icon"><i class="icon-envelope"></i><span itemprop="email">[email protected]</span></a></li>
<li class="divider"></li>
<li><a href="#home">Home</a></li>
<li><a href="#qualifications">Qualifications</a></li>
<li><a href="#work-experience">Work Experience</a></li>
<li><a href="#education">Education</a></li>
</ul>
</div>
<div class="span9">
<div id="main">
<div class="staple"></div>
<div id="second-staple" class="staple"></div>
<header id="home" class="page-header clearfix" itemscope itemtype="http://schema.org/Person">
<h1 class="pull-left"><span itemprop="name">Chris van der Ploeg</span> <small itemprop="jobTitle">Web Developer</small></h1>
<div id="contact" class="pull-right">
<!-- Yeah, they shake. CSS3 animations. -->
<address>
<a href="mailto:[email protected]?subject=We want to hire you!" target="_blank" class="animate-icon"><i class="icon-envelope"></i><span itemprop="email">[email protected]</span></a>
</address>
</div>
</header>
<div class="row-fluid" id="qualifications">
<div class="span12">
<h2>Summary of Qualifications</h2>
<ul>
<li>Bachelor of Applied Computer Information Systems and Business from Mount Royal College</li>
<li>Created multiple websites using technologies including HTML, JavaScript, CSS, Various APIs.</li>
<li>A strong understanding of modern web development best practices and how to implement them</li>
<li>Wireframed and developed <abbr title="User Interface">UIs</abbr> based on user needs and feedback</li>
<li>Worked with and created server side and build applications using Node.JS</li>
<li>Excellent working knowledge of PCs and Macs and their software, experience with XP, Vista, 7, macOS, and various Linux distributions, as well as familiarity with all major web browsers</li>
</ul>
</div>
<div id="technical-qualifications">
<div class="span12">
<h3>Technical Qualifications</h3>
<ul>
<li>Applied Degree in Computer Information Systems</li>
<li>JavaScript
<dl class="dl-horizontal well">
<dt>Frameworks</dt>
<dd>Ember, Angular, jQuery, Backbone</dd>
<dt>Build Systems</dt>
<dd>Grunt, Broccoli, Bower</dd>
<dt>Node.JS</dt>
<dd>NPM, Express</dd>
<dt>Testing</dt>
<dd>Mocha, Chai, QUnit, Karma, Testem</dd>
<dt>General</dt>
<dd>ES6, Coffeescript, Ajax, <abbr title="Application programming interface. A handy way for 3rd parties to exchange information.">API</abbr> Integration, <abbr title="They spell it wrong on purpose">Moderinzr</abbr></dd>
</dl>
</li>
<li>HTML, CSS
<dl class="dl-horizontal well">
<dt>HTML5</dt>
<dd>Handlebars</dd>
<dt>CSS3</dt>
<dd>LESS, SCSS, <abbr title="Go ahead, resize your browser!">Responsive Websites (Media Queries)</abbr></dd>
</dl>
</li>
</ul>
</div>
</div>
<div id="business-qualifications">
<div class="span12">
<h3>Business Qualifications</h3>
<ul>
<li>Applied Degree in Business</li>
<li>Worked directly with end-users to create products that made their lives easier</li>
<li>Gathered user requirements and created wireframes based on results</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="row-fluid" id="work-experience">
<div class="span12">
<h2>Work Experience</h2>
<div class="row-fluid image-rotate" itemscope itemtype="http://schema.org/Organization">
<div class="span12">
<dl class="dl-horizontal">
<dt>
<div><abbr title="Synopsys (Coverity BU)" itemprop="name">Synopsys (Coverity BU)</abbr></div>
<a href="http://coverity.com" class="hide-print" target="_blank"><img src="img/coverity.jpg" alt="Coverity Logo" height=80 width=80 itemprop="image" /></a>
</dt>
<dd>Senior II Frontend Software Engineer</dd>
<dd><em>November 2012 - Present</em></dd>
<dd>Building the Frontend of an Enterprise Single Page Web Application using cutting edge technologies.</dd>
<dd>Building public facing SaaS solution, <a href="https://ondemand.coverity.com">https://ondemand.coverity.com</a></dd>
<dd>Ember with Ember-CLI</dd>
<dd>Angular</dd>
<dd>Javascript Testing - Mocha, Chai, QUnit, Karma, and Testem</dd>
<dd>Backbone.js</dd>
<dd>jQuery</dd>
<dd>Frontend build tools and CLI Automation with Grunt and Broccoli</dd>
<dd>Frontend package management with NPM and Bower</dd>
<dd>ES6, Coffeescript</dd>
<dd>CSS expert, implementing with LESS and SCSS</dd>
<dd>Node.js server with Express.js</dd>
</dl>
</div>
</div>
<div class="row-fluid image-rotate" itemscope itemtype="http://schema.org/Organization">
<div class="span12">
<dl class="dl-horizontal">
<dt>
<div><abbr title="Support Services Unlimited" itemprop="name">SSU</abbr></div>
<a href="http://ssulive.com" class="hide-print" target="_blank"><img src="img/ssu_circle.jpg" alt="Support Services Unlimited Logo" height=80 width=80 itemprop="image" /></a>
</dt>
<dd>Web Developer</dd>
<dd><em>March 2011 - September 2012</em></dd>
<dd>Developed modern websites using various frameworks</dd>
<dd>Created products based on end-user, client and organization requirements</dd>
<dd>Developed requirements based on user interaction and feedback</dd>
<dd>Helped to establish paradigms to allow existing code base to be used in a modern way</dd>
</dl>
</div>
</div>
<div class="row-fluid image-rotate" itemscope itemtype="http://schema.org/Organization">
<div class="span12">
<dl class="dl-horizontal">
<dt >
<div itemprop="name">DigABand</div>
<img class="hide-print" src="img/DigABand.png" alt="Digaband Logo" itemprop="image" />
</dt>
<dd>Web Developer, IIS & MSSQL Admin, UI/UX Specialist</dd>
<dd><em>August 2009 - March 2011</em></dd>
<dd>Developed front and back-end functionality for use by bands for self marketing</dd>
<dd>Developed best practices for deploying Application and SQL to test and live servers</dd>
<dd>Worked with IIS, MS SQL Server, jQuery, AJAX and other technologies </dd>
<dd>Helped design functionality and user interface to create an optimal user experience</dd>
<dd>Interfaced with major social networking and order processing sites</dd>
</dl>
</div>
</div>
<div class="row-fluid image-rotate" itemscope itemtype="http://schema.org/Organization">
<div class="span12">
<dl class="dl-horizontal">
<dt itemprop="name">
<div>Clarity.ca</div>
<a href="http://www.clarity.ca" target="_blank" class="hide-print"><img src="img/clarityLogo.png" alt="Clarity Logo" height=80 width=80 itemprop="image" /></a>
</dt>
<dd>Jr. Developer</dd>
<dd><em>January 2009 - May 2009</em></dd>
<dd>Developed sites in ASP and ASP.NET for clients using Clarity's proprietary CMS</dd>
<dd>Maintained existing sites in ASP and ASP.NET</dd>
<dd>Applied skills to troubleshoot problems with website and related issues</dd>
<dd>Worked with IIS, MS SQL Server, jQuery, AJAX and other technologies to create an optimal user experience</dd>
</dl>
</div>
</div>
</div>
</div>
<hr>
<div class="row-fluid" id="education">
<div class="span12" itemscope itemtype="http://schema.org/EducationalOrganization">
<h2>Education</h2>
<dl class="dl-horizontal">
<dt itemprop="name">Mount Royal College</dt>
<dd itemprop="name">Bachelor of Applied Computer Information Systems and Business</dd>
<dd><em>September 2005 - December 2008</em></dd>
<dd>Achieved Cumulative GPA of 3.56/4.0 over 8 semesters in the Computer Information Systems and Business Degree</dd>
<dd>Earned Dean's Honour Roll distinction multiple times, and was placed on the President's Honour Roll</dd>
<dd>Spent time on exchange studying in Helsinki, during which time I learned to communicate through language barriers and experienced life within a different culture</dd>
</dl>
<dl class="dl-horizontal">
<dt>Awards</dt>
<dd>President's Honour Roll - Awarded to students who have achieved a GPA over 3.75 over a full school year</dd>
<dd>Dean's Honour Roll - Awarded to students with a GPA higher than 3.5</dd>
<dd>Multiple Scholarships and bursaries including MRC Computer Science Department Scholarship, Dr. George W. Kerby Scholarship, and Agrium Computer Information Systems Scholarship</dd>
</dl>
</div>
</div>
<hr>
<footer class="clearfix">
<p class="pull-left">© Chris van der Ploeg <span class="current-year"></span></p>
<div class="pull-right">
<div class="hide-print">
<div style="display: block;" class="fb-like" data-href="http://resume.chrisvdp.com" data-send="true" data-layout="button_count" data-width="190" data-show-faces="false" data-action="recommend" data-colorscheme="dark" data-font="segoe ui"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="I want to hire you!" data-via="whatchrisdrinks" data-count="none" data-dnt="true">Tweet</a>
<script type="IN/Share"></script>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
<!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/script.js"></script>
<script>
//facebook
(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
//twitter
!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");
</script>
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script>
if (window.console) {
console.log("Like to look at the code? Me too.");
}
</script>
<!-- end scripts-->
</body>
</html>