-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (128 loc) · 7.81 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
<!DOCTYPE HTML>
<html>
<head>
<title>Joshua Woodward</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="inner">
<h1>Joshua Woodward</h1>
<p>Full Stack Engineer - <a href="https://developers.google.com/experts/people/joshua-woodward">Google Developer Expert</a></p>
</div>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Banner -->
<section id="intro" class="main">
<span class="icon fa-code major"></span>
<h2>Summary</h2>
<p>I have 10+ years experience as a software engineer. I have worked on full stack development in a majority of my roles. Server side languages include Node.js and PHP. On the frontend I have worked with HTML5, CSS3 and JavaScript (frameworks include jQuery, Twitter Bootstrap, Angular JS and Angular Material). I am also skilled in database technologies MySQL and MongoDB. For my work in these areas, and my contributions to the community, I was recognized by Google as a Google Developer Expert in Web Technologies.
</p>
<ul class="actions">
<li><a href="https://docs.google.com/a/woodwardmedia.net/document/d/1PAwOk8DdkAkcmjJdDxR2gXGcFj_onh5LJ7cdISlP0aM/edit?usp=sharing" class="button big" target="_blank">Learn More</a></li>
</ul>
</section>
<!-- Items -->
<section id="cta" class="main special">
<h2>Projects</h2>
</section>
<section class="main items">
<article class="item">
<header>
<a href="https://developer.zoom.us/" target="_blank"><img src="images/img01.jpg" alt="" /></a>
<h3>developer.zoom.us</h3>
</header>
<p><a href="https://zoom.us" target="_blank">Zoom</a>'s developer portal lacked the flexibility to make changes rapidly and the User Interface looked like it was something out of the late 90's. I implemented a wordpress site making it easy for non-developers to make changes, the previous site was all static HTML. I also updated the look and feel to bring it current, while also making the website responsive.</p>
<ul class="actions">
<li><a href="https://developer.zoom.us/" class="button" target="_blank">View</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="https://zoom.github.io/api/" target="_blank"><img src="images/img02.jpg" alt="" /></a>
<h3>Zoom API Docs</h3>
</header>
<p>I implemented the OpenAPI spec (formally known as Swagger) to document the Zoom API, giving developers the ability to use tools they are familiar with to read and interact with the API. Also open sourced the documentation, allowing the community to provide feedback and changes.</p>
<ul class="actions">
<li><a href="https://zoom.github.io/api/" class="button" target="_blank">View</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="https://dataworkssummit.com/" target="_blank"><img src="images/img03.jpg" alt="" /></a>
<h3>DataWorks Summit</h3>
</header>
<p>As the sole developer, I created an event management system for DataWorks Summit. It included (but not limited too): A marketing site with conference details and agenda. User Registration including integration with Stripe to accept payments and invoicing. Integration with Attendify for mobile conference app. Speaker Management. On-site check in and badge printing. So much more...</p>
<ul class="actions">
<li><a href="https://dataworkssummit.com/" class="button" target="_blank">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="https://jwmdb.firebaseapp.com/" target="_blank"><img src="images/img04.jpg" alt="" /></a>
<h3>Angular Material</h3>
</header>
<p>I have a large movie collection. Sometimes I forget if I already own a movie or not. Using Angular Material I built my own movie database app where I could keep track of the movies I own and in which formats I own them.</p>
<ul class="actions">
<li><a href="https://jwmdb.firebaseapp.com/" class="button" target="_blank">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="http://joshuawoodward.github.io/magicdeck/" target="_blank"><img src="images/img05.jpg" alt="" /></a>
<h3>Magic Deck</h3>
</header>
<p>One of my favorite things growing up was magic. I had one favorite card trick. Three rows of cards, you pick one card from any row and only tell me which row your card is in. After a few shuffles, I can guess your card every time. I decided to write an app for it, utilizing HTML5, CSS3 (animations) and JavaScript.</p>
<ul class="actions">
<li><a href="http://joshuawoodward.github.io/magicdeck/" class="button" target="_blank">More</a></li>
</ul>
</article>
<article class="item">
<header>
<a href="https://joshuawoodward.github.io/puzzle/" target="_blank"><img src="images/img06.jpg" alt="" /></a>
<h3>HTML5 Canvas</h3>
</header>
<p>This is a fun little puzzle using HTML5 Canvas and Firebase. This is a puzzle that you can complete with a friend in real-time. Take turns moving the pieces around on an HTML5 Canvas and both sides will see the updates in real-time thanks to Firebase.</p>
<ul class="actions">
<li><a href="https://joshuawoodward.github.io/puzzle/" class="button" target="_blank">More</a></li>
</ul>
</article>
</section>
<!-- CTA -->
<!--<section id="cta" class="main special">-->
<!--<h2>Etiam veroeros lorem</h2>-->
<!--<p>Phasellus ac augue ac magna auctor tempus proin<br />-->
<!--accumsan lacus a nibh commodo in pellentesque dui<br />-->
<!--in hac habitasse platea dictumst.</p>-->
<!--<ul class="actions">-->
<!--<li><a href="#" class="button big">Get Started</a></li>-->
<!--</ul>-->
<!--</section>-->
<!-- Main -->
<!--
<section id="main" class="main">
<header>
<h2>Lorem ipsum dolor</h2>
</header>
<p>Fusce malesuada efficitur venenatis. Pellentesque tempor leo sed massa hendrerit hendrerit. In sed feugiat est, eu congue elit. Ut porta magna vel felis sodales vulputate. Donec faucibus dapibus lacus non ornare. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eget neque id metus gravida tristique ac quis erat. Aenean quis aliquet sem. Ut ut elementum sem. Suspendisse eleifend ut est non dapibus. Nulla porta, neque quis pretium sagittis, tortor lacus elementum metus, in imperdiet ante lorem vitae ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</section>
-->
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://twitter.com/joshuadev" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/joshuawoodward8/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>