-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
398 lines (380 loc) · 21.3 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
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jose Andrade</title>
<meta name="description" content="The HTML5 Herald">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<style>
.navbar {
border-bottom: 1px solid black;
}
.jumbotron {
background-image: url("img/code.jpg");
background-size: cover;
color: #ffffff;
padding-top: 10%;
padding-bottom: 10%;
}
.card {
margin-bottom: 20px;
}
#pic {
box-shadow: 10px 10px 5px #8a8a8a;
margin: -120px 0px 0px 0px;
position:absolute;
z-index:100;
width:200px;
}
@media screen and (max-width: 768px) {
#pic { display: none; }
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-sm fixed-top navbar-light" style="background-color: #ffffff;">
<a class="navbar-brand mb-0 h1" href="#">Jose Andrade</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#offer">Hire-me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#experience">Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#technologies">Technologies</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">About</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<a name="home"></a>
<div class="jumbotron text-center">
<div class="container">
<br>
<br>
<h1 class="jumbotron-heading">Jose Andrade</h1>
<h4>Technology. Infrastructure. Software Development. Communications.</h4>
<p>
<a href="https://www.linkedin.com/in/jmandrade/" style="color: #ffffff"><i class="fa fa-linkedin-square fa-4x" aria-hidden="true"></i></a>
<a href="https://twitter.com/jandrade/" style="color: #ffffff"><i class="fa fa-twitter-square fa-4x" aria-hidden="true"></i></a>
<a href="#contact" style="color: #ffffff"><i class="fa fa-envelope fa-4x" aria-hidden="true"></i></a>
</p>
</div>
</div>
<div class="col-md-2 offset-md-8">
<img src="img/jose.jpg" class="img-thumbnail" id="pic" class="d-none d-md-block">
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<a name="summary"></a>
</div>
</div>
<br>
<br>
<div class="row">
<div class="col-md-12">
<h2>Intro</h2>
<p>I'm a technology professional with extensive experience planning, designing, developing, installing and supporting solutions and services for small, coporate, and enterprise size environments. I have a strong background in infrastructure services (on-prem and cloud), software development, solutions and software architecture, information security, compliance, management and customer relationship. I have experience with SRE and DevOps practices, as well as Agile/Scrum methodologies. I am bilingual (English and Spanish), and I am able to adapt quickly to demanding and high-pressure situations.</p>
<p>If you want to talk about technology or just say "Hi"; send me <a href="#contact">a message</a>.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="offer"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Why me</h2>
<p>Besides my <a href="#experience">extensive technical experience</a> and <a href="#education">advanced education</a>, I have great people skills. I am able to explain <a href="https://www.engadget.com/2015/02/24/what-you-need-to-know-about-http-2/">complicated technical topics</a> and solve problems using effective methods, simple language, and good examples. Not only that, but I can do it equally well in English and Spanish.</p>
<p>I am great at:</p>
<ul>
<li><b>Learning new skills</b></li>
<p>I'm a fast learner. I have a number of degrees and technical certifications, including Professional Cloud Architect, Networking Engineer, DevOps Engineer and Cloud Developer, as well as Cybersecurity and Web Development.</p>
<li><b>Problem-solving.</b></li>
<p>When developing new applications or troubleshooting infrastructure issues, one has to possess great problem-solving skills. Over the years I've learned to create effective applications and inventive solutions to solve complex problems in global environments.</p>
<li><b>Building and maintaining relationships.</b></li>
<p>I've been part of sales teams, as well as a customer. I've interacted with potential customers and have reached successful sales, making sure the customers are happy and satisfied with their purchases. I've helped solve problems for users who are upset or under huge amounts of stress by keeping calm and making sure things get done properly.</p>
<li><b>Time and program management.</b></li>
<p>I've managed complex programs with several workstreams, unclear expectations, conflicting timelines and in demanding environments, always with successful outcomes.</p>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="education"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Education</h2>
<ul>
<li><b>Master’s Degree</b>
<br>Information Management Systems, Honors, Harvard University.
<br><br>
</li>
<li><b>Bachelor of Science Degree</b>
<br>Management Information Systems, Summa Cum Laude, Liberty University.
<br><br>
</li>
<li><b>Associate in Science Degree</b>
<br>Computer Science - Network Technology, Los Angeles Pierce College.
<br><br>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="certifications"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Certifications</h2>
<ul>
<li>Professional Cloud Architect, Google.</li>
<li>Professional Cloud Developer, Google.</li>
<li>Professional Cloud DevOps Engineer, Google</li>
<li>Professional Cloud Network Engineer, Google</li>
<li>Cybersecurity, Harvard University.</li>
<li>Web Technologies, Harvard University.</li>
<li>ITIL Foundation.</li>
<li>A+, CompTIA.</li>
<li>Networking Technologies, LA Pierce.</li>
<li>Web Design and Development, LA Pierce.</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="experience"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Experience</h2>
<br>
<ul>
<li>
<h5>Enterprise Infrastructure Customer Engineer, Google Cloud</h5>
<p>2020 - Present</p>
<p>Assess, plan, and execute data center migrations in a global scale.</p>
<p>Lead for the CE SRE team.</p>
<p>Infrastructure subject matter expert with deep knowledge about compute and storage solutions.</p>
</li>
<li>
<h5>Infrastructure Cloud Consultant/Technical Program Manager/Regional Practice Lead (Migrations), Google</h5>
<p>2018 - 2020</p>
<p>Managed multiple teams implementing Google Cloud for customers all over the world. Projects have ranged from initial foundations setup to complex implementations of large and globally available solutions.</p>
<p>Certified SRE Consultant for Google Cloud's Professional Services Organization.</p>
<p>Regional Practice Lead for the Americas Migration Practice.</p>
</li>
<li>
<h5>Senior Solutions Architect, Yale University</h5>
<p>2015 - 2018</p>
<p>As a Solutions Architect I've selected and introduced new technologies to Yale. I was part of the team who implemented AWS and is currently implementing Azure.</p>
<p>I am also a member of a team developing an infrastructure automation and self-service platform. I developed the main web interface for the platform and implemented the business rules.</p>
<p>I constantly interact with faculty, researchers and staff reviewing their requirements and offering suggestions for solutions that will meet their needs.</p>
</li>
<li>
<h5>Founding Editor, Engadget</h5>
<p>2005 - 2018</p>
<p>I started Engadget Spanish in 2005 as a way to interact with the Spanish speaking community of tech enthusiasts. Over the years I've helped the site grow from zero to millions of page views. I've managed a team of technology reporters and managed the relationship with the readers and technology companies. I've written thousands of articles in English and Spanish. I've hosted hundreds of podcasts, been interviewed on TV, radio and written media. I've been a speaker and judge in multiple conferences and panels.</p>
</li>
<li>
<h5>Systems Programmer, Yale University</h5>
<p>2012 - 2015</p>
<p>As a Systems Programmer for the Neuroscience department I worked closely with Researchers developing and maintaining solutions for cutting edge research. I've been exposed to science that can change the course of humanity, while maintaining strict confidentiality about research being performed.</b>
</li>
<li>
<h5>Freelance Web Developer</h5>
<p>2005 - 2015</p>
<p>While I no longer develop web applications for external clients, over the years I've had the privilege to work with insurance agencies, doctor's offices, construction companies and business in many other fields, developing software to be used privately or with their customers.</p>
</li>
<li>
<h5>Software Developer, U.S. District Courts</h5>
<p>2009 - 2012</p>
<p>As a sole and first Programmer for the District of Connecticut, I developed the first application framework to interact with the federal courts application (PACER). I then developed several applications to help administer, analyze and execute on the Court's data.</p>
</li>
<li>
<h5>Project Manager/Lead Engineer, CompuCom</h5>
<p>2005 - 2009</p>
<p>At CompuCom I helped managing complicated projects that required hundreds of Technicians working in multiple states. I also helped identify new sales opportunities and improved processes to save money to customers while increasing revenue for the company.</p>
</li>
<li>
<h5>Network Administrator, Guardian Insurance</h5>
<p>2003 - 2005</p>
</li>
</ul>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<a name="technologies"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Technologies I'm familiar with</h2>
<p>I possess different levels of expertise (from advanced to familiar) with the following technologies. Now, of course the list is not fully comprenhensive (very few people will care about my experience with CM/ECF), but if you're wondering whether I've used something, please ask.</p>
</div>
</div>
<div class="row">
<div class="col-md-10 offset-md-1">
<table class="table table-striped table-bordered">
<tr>
<th width="50%">Infrastructure Technologies</th>
<th>Programming Languages</th>
</tr>
<tr>
<td>GCP, AWS, Azure, VMware, OpenStack.</td>
<td>JavaScript, PHP, Perl, Python, Java, C, C++, Go, Bash, PowerShell, ASP, VB.Net, etc.</td>
</tr>
<tr>
<th>Server Operating Systems</th>
<th>Frameworks</th>
</tr>
<tr>
<td>Windows Server, RHEL (Red Hat Enterprise Linux), CentOS, Debian, Ubuntu - Docker, Kubernetes.</td>
<td>Laravel, NodeJS, Angular, Rails, JDK, IntelliJ, .NET, Xcode, Bootstrap, Foundation, JQuery, etc.</td>
</tr>
<tr>
<th>Networking</th>
<th>Methodologies</th>
</tr>
<tr>
<td>Layer 3 and Layer 2 nodes (routers and switches), SDNs</td>
<td>Agile, Scrum, ITIL.</td>
</tr>
<tr>
<th>Server services</th>
<th>Applications built</th>
</tr>
<tr>
<td>Web, mail, identity and access, database, file, print, backup, schedulers, monitoring, etc.</td>
<td>Web, local, RESTful APIs.</td>
</tr>
</table>
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="contact"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>Contact</h2>
</div>
</div>
<div class="row">
<div class="col-md-8 offset-md-2">
<form id="contactForm">
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="emailInput" aria-describedby="emailHelp" placeholder="Your email address" required>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" id="messageInput" placeholder="Your message" required></textarea>
</div>
<button type="submit" class="btn btn-primary"><i class="fa fa-envelope" aria-hidden="true"></i> Send!</button>
</form>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row">
<div class="col-md-12">
<a name="about"></a>
</div>
</div>
<br>
<hr>
<div class="row">
<div class="col-md-12">
<h2>About this site</h2>
<p>This is a "serverless" static site. I wrote the code using <a href="https://getbootstrap.com">Bootstrap 4</a> and <a href="http://jquery.com/"> JQuery</a>, and it's being hosted on an <a href="https://cloud.google.com/storage">GCP Google Cloud Storage bucket</a>. To send the information provided when using the Contact form I use AWS API Gateway and AWS Lambda. There's no server for me to support (including updates and troubleshooting). The content is provided securely (encrypted using TLS over HTTP) by using a GCP Global Load Balancer.</p>
</div>
</div>
<br>
<hr>
</div> <!-- /container -->
</main>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script>
$('#contactForm').submit(function (event) {
event.preventDefault()
var data = {
email: $('#emailInput').val(),
message: $('#messageInput').val()
}
$.ajax({
type: 'POST',
url: 'https://t5qatgt83l.execute-api.us-east-1.amazonaws.com/jandrade_me/contact',
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify(data),
success: function () {
var result = `<div class="alert alert-success" role="alert">
<h4 class="alert-heading">Message sent!</h4>
<p>Your message has been successfully submitted. I'll get back to you.</p>
</div>`;
$('#contactForm').html(result);
},
error: function () {
var result = `<div class="alert alert-danger" role="alert">
<h4 class="alert-heading">Unable to send message</h4>
<p>The system was unable to send the message. You may try contacting me through <a href=="https://twitter.com/jandrade">Twitter</a>.</p>
</div>`;
$('#contactForm').html(result);
}
})
})
</script>
</body>
</html>