-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
226 lines (205 loc) · 11.4 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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Jessie Black - Portfolio</title>
<link rel="shortcut icon" href="images/favicon-sm.png"/>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html"><img class = "headerlogo" src="images/favicon-sm.png"/> Jessie Black</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="resume.html">View Resume</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon"><i class="fa-solid fa-dragon"></i></span></div>
<!--
<div class="logo"><span class="icon fa-seedling"></span></div>
<div class="logo"><span class="icon fa-paper-plane"></span></div>
<div class="logo"><span class="icon fa-dragon"></span></div>
<div class="logo"><span class="icon fa-glasses"></span></div>
<div class="logo"><span class="icon fa-mortar-pestle"></span></div>
<div class="logo"><span class="icon fa-greater-than"></span></div>
<div class="logo"><span class="icon fa-book-open"></span></div>
-->
<h2>Jessie Black</h2>
<!-- other possible ones: Analzye. Evaluate. Interpret. Decode. Learn.
Question. Analyze. Build.
Discover. Interpret. Design.
Seek. Ponder. Construct.
Learn. Solve. Create.
-->
<p>Explore. Analyze. Create.</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Computer Science Degree</h2>
<p>B.S. in Computer Science, with solid foundation in computer systems, programming, software engineering, data mining & machinen learning, communications & networking,
databases, web programming, operating systems, data structures & algorithms, statistics, algebra, discrete math, calculus, and comparative programming languages.
</p>
<a href="resume.html#education" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Data Science and Machine Learning</h2>
<p>Craving further specialization in the field of data science beyond the amount covered in my undergraduate degree, I am in the progress of earning a <b>M.S. in Data Science from University of Colorado, Boulder</b>.
This advanced degree incorporates substantial use of Python and R for data structures and algorithms, supervised and unsupervised machine learning, data mining, modern regression analysis, and generalized linear models and nonparametric regression. The degree encompasses advanced topic in statistics including ANOVA and experimental design, probability theory and statistical inference, and hypothesis testing. Additionally, we utilize SQL for relational database design.</p><p>Concurrently, I'm working on completing the <b>Data Science Professional Certificate by HarvardX</b>, using the R programming language for visualization, probability, inference, modeling, wrangling, linear regression, and machine learning.</p>
<a href="resume.html#education" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Data Engineering and Analytics</h2>
<p>Data is everywhere, and accumulating at ever-increasing speeds. Collecting that raw data; transforming it into clean, useful, analytics-ready content; and storing it in a well-designed database or other storage format is the vital work of data engineers.
Data analytics is the process of interpreting and deriving meaning from that data. Both are vitally important and pretty fascinating. </p>
<p>I am currently in progress of completing <b>IBM's Data Engineering professional certificate</b> using Python, SQL, db2, Linux shell, Airflow, Kafka, Hadoop, and Spark to do some pretty magical things with data.
</p>
<a href="resume.html#education" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt spotlight style4">
<div class="inner">
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Programming Languages</h2>
<p>Strong formal background in Java, Python, SQL, R, JavaScript and HTML/CSS.
<br>Limited experience in Ruby, C, C++, Haskell, Perl, Prolog, & PHP.
<br>Briefly glanced at Ada once but would not even recognize it in passing anymore.</p>
<p>Will enthusiastically learn any language needed for a role or project. (Except Malbolge.)</p>
<a href="resume.html#langtools" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Five -->
<section id="five" class="wrapper spotlight style5">
<div class="inner">
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Leadership & Communication</h2>
<p>Professional background in classroom education, training & office management.<br>Strong background in educational content design, public speaking, and leading workshops.
<p>In addition to all of the above, I've had the privilege of living on 4 different continents (using 4 different languages) and interacting with a wide variety of cultures and communication styles,
making me highly adaptable and good at understanding various opinions.</p>
<a href="resume.html#background" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Projects -->
<section id="projects" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Projects</h2>
<p>Unfortunately I'm not legally allowed to publically share projects developed as part of my undergraduate degree, but I am happy to discuss them! Below are personal or certificate-related projects that I am at liberty to share.</p>
<section class="features">
<article>
<a href="https://github.com/jessie-black/coffee-shop-RDB-project" class="image"><img src="images/coffee-shop.jpg" alt="Coffee Shop" /></a>
<h3 class="major">Designing a relational database</h3>
<p>Given outlines for suboptimal tables and a CSV to populate data, created ERDs to outline ideal relationships and then
designed a database with normalized tables and imported data, creating customized views for business partners.
</p>
<p><i>Uses PostgreSQL, IBDM Db2, MySQL, pgAdmin, and SQL.</i></p>
<a href="https://github.com/jessie-black/coffee-shop-RDB-project" class="special">Learn more</a>
</article>
<article>
<a href="https://github.com/jessie-black/ibm_data_engineering_python_ETL" class="image"><img src="images/currency.jpg" alt="Currency Exchange" /></a>
<h3 class="major">Designing an ETL process for exchange rates</h3>
<p>Use python APIs to collect data from JSON source files, extract exchange rates, use webscraping to obtain US$ market
cap, transform that data into GBP, and load results into a CSV file.
</p>
<p><i>Uses python, Jupyter Notebooks, IBM Watson Studio, and Pandas.</i></p>
<a href="https://github.com/jessie-black/ibm_data_engineering_python_ETL" class="special">Learn more</a>
</article>
<!--
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">Nisl placerat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
<h3 class="major">Ante fermentum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
<h3 class="major">Fusce consequat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
-->
</section>
<ul class="actions">
<li><a href="https://github.com/jessie-black?tab=repositories" class="button">Browse All</a></li>
</ul>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="mailto:jess.blk@gmail.com">Email</a></li>
<li class="icon brands fa-github"><a href="https://github.com/jessie-black">GitHub</a></li>
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/jessie-black-48b32996/">LinkedIn</a></li>
</ul>
<ul class="copyright">
<li>© Jessie Black, 2022. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="https://kit.fontawesome.com/bb2d7b44e7.js" crossorigin="anonymous"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>