-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
315 lines (312 loc) · 15 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
308
309
310
311
312
313
314
315
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Dylan Sheffer - Senior Front-end Engineer in Charlottesville, Virginia. Specialty in Accessibility, Component Libraries, and JavaScript.">
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="styles/normalize.css" />
<link rel='stylesheet' href='//cdn.jsdelivr.net/npm/[email protected]/build/web/hack-subset.css'>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap" rel="stylesheet" />
<link rel="icon" href="favicon-32x32.png" />
<link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png" />
<link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png" />
<link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png" />
<link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png" />
<link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png" />
<link rel="stylesheet" href="styles/styles.css" />
<title>Dylan Sheffer - Resume</title>
</head>
<body>
<div class="container">
<h1 class="header"><img src="/img/logo.png" alt="Dylan Sheffer" /></h1>
<section class="contact">
<h2 class="visibly-hidden">Contact Information</h2>
<ul class="contact-info card-list">
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="https://www.dylansheffer.com">www.dylansheffer.com</a></li>
</ul>
</section>
<section class="skills">
<h2>Skills</h2>
<ul>
<li><em>JavaScript</em></li>
<li><em>React</em></li>
<li><em>CSS/SASS</em></li>
<li><em>Accessibility Remediation</em></li>
<li>Vue.js</li>
<li>Component Libraries</li>
<li>Typescript</li>
<li>styled-components</li>
<li>WAI-ARIA</li>
<li>VoiceOver Screen Reader</li>
<li>Inclusive Design</li>
<li>Figma</li>
</ul>
</section>
<section class="experiences">
<h2>Experience</h2>
<ul class="experience-list card-list">
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Senior Front-end Engineer, <em>Everactive</em></h3>
<div class="spacer"></div>
<aside class="location-date">Charlottesville, VA — February 2021 - Present</aside>
</div>
<ul>
<li>Leading the company's <em>accessibility compliance initiative</em> (WCAG 2.1 AA)</li>
<li>Collaborating with the UX team in creating an accessible <em>component library</em> with <em>Vue.js</em> and <em>Storybook</em>
</li>
<li>Main front-end engineer on EverCloud: Everactive's front-end cloud interface that is used by
some of largest manufacturing companies such as 3M, Anheuser-Busch, and Hershey.
</li>
<li>Writing performant <em>Vue.js</em> code that can consume and visualize thousands of data points from
hundreds of <em>battery-less IoT sensors</em>.</li>
</ul>
</article>
</li>
<ul class="experience-list card-list">
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Software Engineer, <em>Skafos.ai</em></h3>
<div class="spacer"></div>
<aside class="location-date">Remote — June 2020 - February 2021</aside>
</div>
<ul>
<li>Created a <em>themeable and reusable component library</em> to be used in all Skafos interfaces
using
React, styled-components, and Storybook</li>
<li><em>Lead the front-end initiative</em> for the microservice architecture refactor project. The
application went from a complex
Ruby application to statically built React micro-front-ends.</li>
</ul>
</article>
</li>
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Course Instructor, <em><a
href="https://www.coursera.org/instructor/dylansheffer">Coursera</a></em></h3>
<div class="spacer"></div>
<aside class="location-date">Remote — July 2020 - August 2020</aside>
</div>
<ul>
<li>Taught two guided projects on <em>web accessibility</em> with over 2000 different learners with a
minimum 4.7 star rating</li>
<li>First project was on <a
href="https://www.coursera.org/projects/testing-for-web-accessibility-with-accessibility-insights">Testing
for Web Accessibility using Microsoft Accessibility Insights</a></li>
<li>Second project was an <a
href="https://www.coursera.org/projects/introduction-to-accessible-web-development">Introduction to
Accessible Web Development</a> covering <em>semantic HTML</em> and writing custom accessible
components with <em>WAI-ARIA</em></li>
</ul>
</article>
</li>
<li>
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Solutions Engineer, <em>ChartIQ</em></h3>
<div class="spacer"></div>
<aside class="location-date">Charlottesville, VA — September 2019 - April 2020</aside>
</div>
<ul>
<li>Integrated 3rd party applications and <em>time series data feeds</em> into ChartIQ's <a
href="https://blog.chartiq.com/bondcliq-chartiq-a-new-way-to-view-bond-data">financial charting</a>
and application interoperability
platforms using <em>Javascript</em> and <em>Typescript</em>.</li>
<li>Implemented and proposed improvements to the <a href="https://fdc3.finos.org/">FDC3
Specification</a>:
an open standard for interoperability of financial applications.</li>
<li>Collaborated on a 5 person team focusing on <em>cross-departmental</em> strategic initiatives for the
company.
</li>
</ul>
</article>
</li>
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Full Stack Engineer, <em>Michael Haynes, PLC</em></h3>
<div class="spacer"></div>
<aside class="location-date">Charlottesville, VA — December 2018 - September 2019</aside>
</div>
<ul>
<li>Designed and implemented our product's <em>component architecture</em> using <em>Angular</em>, <em>Figma</em>, and <em>GraphQL</em>.</li>
<li><em>Primary liaison</em> between the the Subject Matter Experts and Development Team.</li>
</ul>
</article>
</li>
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Full Stack Developer, <em>Swift Kick</em></h3>
<div class="spacer"></div>
<aside class="location-date">Remote — March 2018 - November 2018</aside>
</div>
<ul>
<li>Utilized <em>React</em>, <em>Redux</em>, <em>ASP.NET Core</em>, and the Stripe API to create a ticket
sales
web application.</li>
<li>
Architected <em>REST APIs</em> using <em>ASP.NET Core</em>, wrote migrations from a legacy Access database
to a <em>SQL Server</em> database, and created a UI in <em>Vue.js</em>.
</li>
</ul>
</article>
</li>
<li>
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Software Developer, <em>Atlas Systems</em></h3>
<div class="spacer"></div>
<aside class="location-date">Virginia Beach, VA — June 2016 - March 2018</aside>
</div>
<ul>
<li>Standardized Atlas' <em>Accessibility</em> guidelines and testing procedures to maintain ADA
compliance.
</li>
<li>Developed custom integrations between our client's library catalogs and our products using <em>3rd
party APIs</em>
and <em>Web Scraping</em>.</li>
</ul>
</article>
</li>
<li class="noprint">
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Programming Instructor, <em>iDTech</em></h3>
<div class="spacer"></div>
<aside class="location-date">Williamsburg, VA — Summer 2015</aside>
</div>
<ul>
<li>Created lesson plans, taught, tutored and mentored students: <em>Java</em>, <em>Python</em>, and
<em>Mobile
Game Development</em>.
</li>
</ul>
</article>
</li>
<li class="noprint">
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">WordPress Consultant, <em>Open Vault</em></h3>
<div class="spacer"></div>
<aside class="location-date">Staunton, VA — Summer 2014</aside>
</div>
<ul>
<li>Collaborated with chief company executives and developed Open Vault's Company Website.</li>
</ul>
</article>
</li>
<li class="noprint">
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">Web Design Intern, <em>City of Staunton</em></h3>
<div class="spacer"></div>
<aside class="location-date">Staunton, VA — Summer 2013 and 2012</aside>
</div>
<ul>
<li>Developed an intranet prototype using <em>WordPress</em> and created the <em>front-end user
interface</em>
for a GIS website.</li>
</ul>
</article>
</li>
<li style="display: none;">
<article class="experience">
<div class="card-title-container">
<h3 class="card-title">College Internships</h3>
<div class="spacer"></div>
<aside class="location-date">Summers 2012 - 2015</aside>
</div>
<ul>
<li>
<h4 class="inline-heading">Programming Instructor, <em>iDTech (2015)</em></h4>Created lesson plans,
taught, tutored and mentored students: <em>Java</em>, <em>Python</em>, and <em>Mobile Game Development</em>.
</li>
<li>
<h4 class="inline-heading">WordPress Consultant, <em>Open Vault (2014)</em></h4>Collaborated with chief
company executives and developed Open Vault's Company Website.
</li>
<li>
<h4 class="inline-heading">Web Design Intern, <em>City of Staunton (2012 and 2013)</em></h4>Developed an
intranet prototype using <em>WordPress</em> and created the <em>front-end user interface</em> for a GIS
website.
</li>
</ul>
</article>
</li>
</ul>
</section>
<section class="education">
<h2>Education</h2>
<ul class="card-list">
<li>
<article class="education-item">
<h3>Christopher Newport University, Newport News, VA — May 2016</h3>
<p>Bachelor of Science in Information Science — Minor in Business Administration</p>
</article>
</li>
</ul>
</section>
<section class="projects-certifications">
<h2>Certifications / Speaking</h2>
<ul class="card-list">
<li>
<article class="certification-item">
<div class="card-title-container">
<h3 class="card-title"><a href="https://www.accessibilityassociation.org/cpacccertification">CPACC
Certification</a>, <em>International Association for Accessibility Professionals</em></h3>
<div class="spacer"></div>
<aside class="location-date">October 2020 - October 2023</aside>
</div>
<ul>
<li>The Certified Professional in Accessibility Core Competencies certification is the IAAP's foundational
certification, representing <em>cross-disciplinary conceptual knowledge about disabilities</em>,
<em>accessibility and universal design</em>, and accessibility-related <em>standards, and laws</em>
</li>
<li>One of about 1,600 other certified professionals in the world holding a CPACC certification</li>
</ul>
</article>
</li>
<li>
<article class="certification-item">
<div class="card-title-container">
<h3 class="card-title">HR Dev Fest 2018, <em><a
href="https://hrdevfest.org/speakers/dylan_sheffer/">Featured Speaker</a></em></h3>
<div class="spacer"></div>
<aside class="location-date">November 2018</aside>
</div>
<ul>
<li>Spoke about <em>web accessibility</em> at HR Dev Fest 2018; a language agnostic software development
conference in Norfolk, VA.</li>
</ul>
</article>
</li>
<li>
<article class="certification-item">
<div class="card-title-container">
<h3 class="card-title">Microsoft 70-483 Certification, <em>Programming in C#</em></h3>
<div class="spacer"></div>
<aside class="location-date">February 2017</aside>
</div>
<ul>
<li>Topics included <em>Managing Program Flow</em>, <em>Creating and Using Types</em>, <em>Debugging</em>, and
<em>Implementing Data Access.</em>
</li>
</ul>
</article>
</li>
</ul>
</section>
</div>
</body>
</html>