-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcerts.html
More file actions
574 lines (537 loc) · 24.8 KB
/
certs.html
File metadata and controls
574 lines (537 loc) · 24.8 KB
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
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
name="viewport"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Jefe the Pug</title>
<!-- PyScript Stylesheet-->
<link href="https://pyscript.net/releases/2024.1.1/core.css" rel="stylesheet"/>
<!-- Custom Stylesheets-->
<link href="static/css/style.css" rel="stylesheet"/>
<link href="static/css/nav_style.css" rel="stylesheet"/>
<link href="static/css/projects.css" rel="stylesheet"/>
<link href="static/css/cert.css" rel="stylesheet"/>
<!-- GitHub Icon -->
<link rel="stylesheet" type='text/css' href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css"/>
<!-- Nav Icons -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
<!-- PyScript -->
<script type="module" src="https://pyscript.net/releases/2024.10.1/core.js"></script>
</head>
<script type="module">
document.addEventListener('DOMContentLoaded', function () {
const labels = document.querySelectorAll('label.buffer');
const sensors = Array.from(document.querySelectorAll('input[type="checkbox"]')).filter(sensor => sensor.id !== 'menu');
sensors.forEach(sensor => {
sensor.addEventListener('change', () => {
if (sensor.checked) {
sensors.forEach(s => {
if (s !== sensor) {
s.checked = false;
}
});
}
});
});
labels.forEach(label => {
const h1 = label.querySelector('h1.expand');
const gameDiv = label.querySelector('.cert');
function getAfterPosition() {
const rect = gameDiv.getBoundingClientRect();
return {x: rect.right - 150, y: rect.bottom - 50};
}
label.addEventListener('click', function (event) {
if (event.target === h1) return;
const afterPosition = getAfterPosition();
const isAfterArea = event.clientY >= afterPosition.y && event.clientX >= afterPosition.x;
if (!isAfterArea) event.preventDefault();
});
});
});
</script>
<body>
<header>
<svg style="height:200px;width:200px" id="pug">
<use href="static/img/logo.svg#jefe"></use>
</svg>
<img alt="Jefe the Pug" id="jefe-pug" src="static/img/jefe_name.png"/>
<div id="nav-box">
<nav class="nav">
<input id="menu" type="checkbox">
<label for="menu" onclick="colors()">Menu</label>
<ul class="menu">
<li>
<a href="index.html">
<span>Home</span>
<i class="fas fa-house fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="games.html">
<span>Games</span>
<i class="fas fa-gamepad fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="projects.html">
<span>Projects</span>
<i class="fas fa-code fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="certs.html">
<span>Certificates</span>
<i class="fas fa-list-check fa-beat" style="--fa-animation-duration: 2s;"
aria-hidden="true"></i>
</a>
</li>
<li>
<a href="contact.html">
<span>Contact</span>
<i class="fas fa-envelope fa-beat" style="--fa-animation-duration: 2s;" aria-hidden="true"></i>
</a>
</li>
</ul>
</nav>
</div>
</header>
<dialog id="loading">
<div id="spinCircle">
<svg id="jefeSpin" style="height:100px;width:100px;" viewBox="0 0 300 250">
<use href="static/img/logo.svg#jefe"></use>
</svg>
<h1 id="load">Loading<span id="dots">...</span></h1>
</div>
</dialog>
<div class="small-glass">
<p>Verifiable certificates are available, with name and certificate number, upon request.</p>
</div>
<h1 class="title">Courses</h1>
<div class="courses container">
<input type="checkbox" id="python_ud"/>
<div class="small-glass">
<label class="buffer" for="python_ud">
<h1 class="expand">
Python Course (Udemy)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/python_ud.png" alt="Python Course Certificate"/>
<ul class="points">
<li>
<span class="b">Basic Syntax</span>: Understanding Python syntax, variables, functions,
arguments, scope, and data types.
</li>
<li>
<span class="b">Modules</span>: Importing and using modules, writing custom modules.
</li>
<li>
<span class="b">File I/O</span>: Reading from and writing to files.
</li>
<li>
<span class="b">Error Handling</span>: Using try-except blocks, raising exceptions.
</li>
<li>
<span class="b">Object-Oriented Programming</span>: Creating classes, inheritance,
polymorphism.
</li>
<li>
<span class="b">Advanced Features</span>: Decorators, generators, context managers.
</li>
<li>
<span class="b">Libraries</span>: Using popular libraries like NumPy, Pandas, Matplotlib.
</li>
<li>
<span class="b">Web Scraping</span>: Extracting data from websites using the requests module,
BeautifulSoup and Selenium.
</li>
<li>
<span class="b">Automation</span>: Automating tasks with Python scripts.
</li>
<li>
<span class="b">GUI Development</span>: Creating graphical user interfaces with
Jupyter Notebooks widgets.
</li>
<li>
<span class="b">PIL</span>: Working with images using the Python Imaging Library (Pillow).
</li>
<li>
<span class="b">Content</span>: Three real-world project assignments and numerous tests and
quizzes.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="sql_ud"/>
<div class="small-glass">
<label class="buffer" for="sql_ud">
<h1 class="expand">
SQL Course (Udemy)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/sql_ud.png" alt="SQL Course Certificate"/>
<ul class="points">
<li>
<span class="b">Introduction to SQL</span>: Understanding SQL syntax and writing basic queries.
</li>
<li>
<span class="b">Database Management</span>: Types of databases and database management systems,
focusing on PostgreSQL.
</li>
<li>
<span class="b">CRUD Operations</span>: Create, Read, Update, Delete operations in SQL.
</li>
<li>
<span class="b">Data Analysis</span>: Using SQL for data analysis with real-world examples.
</li>
<li>
<span class="b">Advanced Queries</span>: Running advanced queries with string operations,
comparison operations, and logical operators.
</li>
<li>
<span class="b">Aggregate Functions and Joins</span>: Analyzing data using aggregate functions
with GROUP BY commands. Performing joins to combine data from multiple tables.
</li>
<li>
<span class="b">Subqueries</span>: Using subqueries to retrieve data from one or more tables.
</li>
<li>
<span class="b">Database Design</span>: Designing and optimizing databases for performance.
</li>
<li>
<span class="b">Content</span>: Mock questions and tips to ace SQL interviews and application
of SQL skills to real-world projects.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="docker_ud"/>
<div class="small-glass">
<label class="buffer" for="docker_ud">
<h1 class="expand">
Docker Course (Udemy)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/docker_ud.png" alt="Docker Certificate"/>
<ul class="points">
<li>
<span class="b">Docker Fundamentals</span>: Introduction to Docker and containerization
concepts.
</li>
<li>
<span class="b">Container Management</span>: Managing Docker containers using the CLI.
</li>
<li>
<span class="b">Docker Objects and Commands</span>: Understanding and using the most common
Docker objects and commands.
</li>
<li>
<span class="b">Dockerfile Writing</span>: Writing Dockerfiles to build images.
</li>
<li>
<span class="b">Docker Image Creation and Management</span>: Creating, managing, and pushing
Docker images to Docker Hub.
</li>
<li>
<span class="b">Docker Container Creation and Management</span>: Creating, starting, stopping,
and managing Docker containers.
</li>
<li>
<span class="b">Docker Network Creation and Management</span>: Configuring Docker networks and
managing container networking.
</li>
<li>
<span class="b">Docker Volume Creation and Management</span>: Using Docker volumes to manage
container data.
</li>
<li>
<span class="b">Real-World Projects</span>: Applying Docker skills to real-world projects.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="cs50"/>
<div class="small-glass">
<label class="buffer" for="cs50">
<h1 class="expand">
Harvard's CS50
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/cs50.png" alt="CS50 Certificate"/>
<ul class="points">
<li>
<span class="b">Abstraction</span>: Learning to break down complex problems and systems into
smaller, more manageable parts. This includes understanding how abstraction applies to both
algorithms and data.
</li>
<li>
<span class="b">Algorithms</span>: Designing and analyzing algorithms for efficiency and
effectiveness. You'll delve into concepts like sorting and searching, and the trade-offs between
different algorithmic approaches. Time and Space complexity.
</li>
<li>
<span class="b">Data Structures</span>: Exploring essential data structures such as arrays,
linked lists, stacks, queues, hash tables, and tries, and understanding how they are used to
store and organize data efficiently.
</li>
<li>
<span class="b">Encapsulation</span>: Grasping the principles of encapsulation in programming,
which involves bundling data with the methods that operate on that data, and understanding why
it's crucial for writing maintainable code.
</li>
<li>
<span class="b">Resource Management</span>: Learning how to manage computer resources like
memory and processing power. This includes understanding memory allocation, pointers, and
dynamic memory management.
</li>
<li>
<span class="b">Security</span>: Introduction to computer security, covering basic principles
like cryptography, network security, and the importance of writing secure code to protect
against vulnerabilities.
</li>
<li>
<span class="b">Web Development</span>: Basics of web development using HTML, CSS, and
JavaScript. Web frameworks like Flask are covered with how to build dynamic web applications.
</li>
<li>
<span class="b">Programming Languages</span>: Familiarity with multiple programming languages
such as C, Python, SQL, and JavaScript, each used to demonstrate different concepts and solve
various types of problems.
</li>
<li>
<span class="b">Problem-Solving</span>: Developing strong problem-solving skills through
algorithmic thinking and structured approaches to tackling complex challenges.
</li>
<li>
<span class="b">Real-World Projects</span>: Applying learned concepts to practical projects that
mimic real-world problems, reinforcing the theoretical knowledge with hands-on experience.
</li>
<li>
<span class="b">Final Project</span>: Creating and presenting a final programming project that
showcases understanding of course materials and the ability to apply them in a practical
context.
</li>
</ul>
</div>
</label>
</div>
</div>
<h1 class="title">Skill Completion</h1>
<div class="courses container">
<input type="checkbox" id="python_hr"/>
<div class="small-glass">
<label class="buffer" for="python_hr">
<h1 class="expand">
Python Skill Test (HackerRank)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/python_hr.png" alt="Python Certificate"/>
<ul class="points">
<li>
<span class="b">Scalar Types and Operators</span>: Understanding basic data
types and operators.
</li>
<li>
<span class="b">Control Flow</span>: Using if-else, loops, and conditionals to
control flow.
</li>
<li>
<span class="b">Strings</span>: Manipulating and working with strings.
</li>
<li>
<span class="b">Collections and Iteration</span>: Working with lists, dictionaries,
sets, and tuples.
</li>
<li>
<span class="b">Modularity</span>: Writing functions and organizing code into modules.
</li>
<li>
<span class="b">Objects and Classes</span>: Understanding object-oriented programming
concepts, including creating and using classes.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="sql1_hr"/>
<div class="small-glass">
<label class="buffer" for="sql1_hr">
<h1 class="expand">
SQL Skill Test Beginner (HackerRank)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/sql1_hr.png" alt="SQL Basic Certificate"/>
<ul class="points">
<li>
<span class="b">Basic SQL Queries</span>: Writing simple SELECT queries to
retrieve data from single tables.
</li>
<li>
<span class="b">Filtering and Sorting</span>: Using WHERE clauses, ORDER BY,
and LIMIT to filter and sort query results.
</li>
<li>
<span class="b">Aggregations</span>: Applying functions like COUNT, SUM, AVG,
MIN, and MAX to aggregate data.
</li>
<li>
<span class="b">Joins</span>: Performing simple joins (INNER JOIN) to combine
data from multiple tables.
</li>
<li>
<span class="b">Group By and Having</span>: Grouping data and filtering groups
using the GROUP BY and HAVING clauses.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="sql2_hr"/>
<div class="small-glass">
<label class="buffer" for="sql2_hr">
<h1 class="expand">
SQL Skill Test Intermediate (HackerRank)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/sql2_hr.png" alt="SQL Intermediate Certificate"/>
<ul class="points">
<li>
<span class="b">Advanced Joins</span>: Mastering more complex joins such as
LEFT JOIN, RIGHT JOIN, and FULL OUTER JOIN.
</li>
<li>
<span class="b">Subqueries</span>: Writing subqueries to perform more complex
data retrievals and manipulations.
</li>
<li>
<span class="b">Set Operations</span>: Using UNION, UNION ALL, INTERSECT, and
EXCEPT to combine results from multiple queries.
</li>
<li>
<span class="b">Aggregations and Window Functions</span>: Advanced use of
aggregation functions and introduction to window functions for more complex
calculations.
</li>
<li>
<span class="b">Data Modifications</span>: Writing INSERT, UPDATE, and DELETE
statements to modify data in tables.
</li>
<li>
<span class="b">Indexing and Performance Tuning</span>: Understanding basic
indexing and how to optimize query performance.
</li>
</ul>
</div>
</label>
</div>
</div>
<h1 class="title">Examinations</h1>
<div class="courses container">
<input type="checkbox" id="sql3_hr"/>
<div class="small-glass">
<label class="buffer" for="sql3_hr">
<h1 class="expand">
SQL Skill Test Advanced (HackerRank)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/sql3_hr.png" alt="SQL Advanced Certificate"/>
<ul class="points">
<li>
<span class="b">Joins and Set Operations</span>: Mastery of complex joins
(like CROSS JOIN) and set operations (UNION, INTERSECT, EXCEPT) to
manipulate data across tables.
</li>
<li>
<span class="b">Subqueries</span>: Using advanced subqueries, including
correlated subqueries, to solve intricate querying needs.
</li>
<li>
<span class="b">Query Optimization</span>: Enhancing performance through
query optimization and analysis.
</li>
<li>
<span class="b">Common Table Expressions (CTEs)</span>: Simplifying
complex queries and handling recursive queries with CTEs.
</li>
<li>
<span class="b">Window Functions</span>: Utilizing functions like
ROW_NUMBER and RANK for advanced row-by-row calculations.
</li>
</ul>
</div>
</label>
</div>
<input type="checkbox" id="sei_hr"/>
<div class="small-glass">
<label class="buffer" for="sei_hr">
<h1 class="expand">
Software Engineer Intern (HackerRank)
</h1>
<div class="cert">
<img class="certificate" src="static/img/certs/sei_hr.png" alt="Software Engineer Intern Certificate"/>
<ul class="points">
<li>
<span class="b">Problem-Solving:</span> solve coding problems using
various algorithms and data structures.
</li>
<li>
<span class="b">SQL:</span> knowledge of SQL, including writing
queries, database design, normalization, and optimization techniques.
</li>
<li>
<span class="b">Code Quality:</span> coding style, readability, and
adherence to best practices.
</li>
<li>
<span class="b">Technical Communication:</span> ability to explain
thought processes and solutions, demonstrating the ability to
communicate technical concepts clearly.
</li>
</ul>
</div>
</label>
</div>
</div>
<footer>
© JefeThePug 2024
<svg id="pawprint" style="height:70px;width:70px;transform:rotate(36deg);">
<use href="static/img/logo.svg#paw"></use>
</svg>
</footer>
<script>
function colors() {
const colors = [
'#FFC15A', '#FFD9E7', '#FFDD02',
'#C8B6E8', '#F5B3FF', '#D8FDFB',
'#FAF9A4', '#EAC6C4', '#FFA7E4',
'#BDE0FE', '#C3FDB8', '#FFDFBA'
];
document.querySelectorAll('.menu li a').forEach(item => {
const randomIndex = Math.floor(Math.random() * colors.length);
const selectedColor = colors[randomIndex];
item.style.backgroundColor = selectedColor;
colors.splice(randomIndex, 1);
item.addEventListener('mouseover', () => {
const icon = item.querySelector('i');
if (icon) {
icon.style.color = selectedColor;
console.log(icon.parentElement)
item.classList.add('hover');
}
});
item.addEventListener('mouseout', () => {
const icon = item.querySelector('i');
if (icon) {
icon.style.color = '';
item.classList.remove('hover');
}
});
});
}
</script>
</body>
</html>