-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
254 lines (242 loc) · 9.72 KB
/
courses.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
<!DOCTYPE html>
<html>
<head>
<title>David Black Portfolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
height: 100%;
color: #777;
line-height: 1.8;
}
/* Create a Parallax Effect */
.bgimg-1 {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* First image (Logo. Full height) */
.bgimg-1 {
background-image: url('images/shadow.png');
min-height: 100%;
}
.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1600px) {
.bgimg-1 {
background-attachment: scroll;
min-height: 400px;
}
}
</style>
</head>
<body>
<!-- Navbar (sit on top) -->
<div class="w3-top">
<div class="w3-bar" id="myNavbar">
<a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
<i class="fa fa-bars"></i>
</a>
<a href="index.html" class="w3-bar-item w3-button">HOME</a>
<a href="index.html#about" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user"></i> ABOUT</a>
<a href="index.html#cv" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-th"></i> CV</a>
<a href="adventure.html" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-map-o"></i> ADVENTURE</a>
<a href="index.html#contact" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> CONTACT</a>
<a href="#" class="w3-bar-item w3-button w3-hide-small w3-right w3-hover-red">
<i class="fa fa-search"></i>
</a>
</div>
<!-- Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
<a href="index.html#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
<a href="index.html#cv" class="w3-bar-item w3-button" onclick="toggleFunction()">CV</a>
<a href="adventure.html" class="w3-bar-item w3-button" onclick="toggleFunction()">ADVENTURE</a>
<a href="index.html#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
<a href="#" class="w3-bar-item w3-button">SEARCH</a>
</div>
</div>
<!-- First Parallax Image with Logo Text -->
<div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
<div class="w3-display-middle" style="white-space:nowrap;">
<span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">DAVID <span class="w3-hide-small"></span> BLACK</span>
</div>
</div>
<!-- Container (About Section) -->
<div class="w3-content w3-container w3-padding-64" id="about">
<h2 class="w3-center">COURSES</h2>
<!--For a full transcript with marks and class averages: [PDF](https://github.com/dgblack/portfolio/raw/master/files/Transcript%20David%20Black%20Online.pdf).-->
<h4 id="phd-2nd-year">PhD 2nd Year</h4>
<ul>
<li>EECE 571Z - Convex Optimization</li>
<li>MECH 562 - Robust Control</li>
<li>CPSC 532M - Machine Learning and Data Mining</li>
</ul>
<h4 id="phd-1st-year">PhD 1st Year</h4>
<ul>
<li>CPSC 425 - Computer Vision</li>
<li>CPEN 502 - Reinforcement Learning</li>
<li>EECE 565 - Communication Networks (An Optimization Approach)</li>
<li>EECE 571D - Detection, Estimation, and Learning</li>
<li>MECH 509 - Modern Control Theory</li>
</ul>
<h4 id="fifth-year">Undergrad Fifth Year</h4>
<ul>
<li>APSC 450 - Professional Engineering Practice</li>
<li>ELEC 474 - Biophotonics</li>
<li>ELEC 442 - Robotics</li>
<li>CPSC 322 - Artificial Intelligence</li>
<li>CPSC 406 - Computational Optimization</li>
<li>MATH 406 - Variational and Approximate Methods in Applied Mathematics</li>
<li>PHYS 408 - Optics</li>
<li>PHYS 403 - Statistical Mechanics</li>
<li>ENPH 479 - Engineering Physics Project III<ul>
<li>Engineering Physics Capstone (See details <a href="https://dgblack.github.io/ar.html">here</a>)</li>
</ul>
</li>
<li>ENPH 352 - Laboratory Techniques in Physics</li>
<li>ELEC 301 - Advanced Electronic Circuit Design</li>
</ul>
<h4 id="fourth-year">Undergrad Fourth Year</h4>
<ul>
<li>APSC 210 - Co-operative Work Placement</li>
<li>APSC 310 - Co-operative Work Placement</li>
<li>APSC 410 - Co-operative Work Placement</li>
<li>ELEC 341 - Systems and Control</li>
<li>ENPH 459 - Engineering Physics Project II<ul>
<li>Engineering Physics Capstone (See details <a href="https://dgblack.github.io/pet.html">here</a>)</li>
</ul>
</li>
<li>MATH 318 - Probability with Physical Applications</li>
<li>MATH 400 - Applied Partial Differential Equations</li>
<li>PHYS 401 - Electromagnetic Theory</li>
<li>PHYS 473 - Applied Nuclear Physics</li>
<li>MECH 431 - Engineering Economics</li>
</ul>
<h4 id="third-year">Undergrad Third Year</h4>
<ul>
<li>MATH 220 - Mathematical Proof</li>
<li>MECH 325 - Mechanical Design I</li>
<li>MECH 360 - Mechanics of Materials</li>
<li>PHYS 301 - Electricity and Magnetism</li>
<li>PHYS 304 - Introduction to Quantum Mechanics</li>
<li>APSC 278 - Engineering Materials</li>
<li>APSC 279 - Engineering Materials Laboratory</li>
<li>CPEN 312 - Digital Systems and Microcomputers<ul>
<li>Microcomputers, VHDL, FPGA, and Assembly programming</li>
</ul>
</li>
<li>CPSC 221 - Basic Algorithms and Data Structures<ul>
<li>Algorithms and data structures in C++</li>
</ul>
</li>
<li>MATH 305 - Applied Complex Analysis</li>
<li>MATH 307 - Applied Linear Algebra</li>
<li>MECH 280 - Introduction to Fluid Mechanics</li>
<li>PHYS 350 - Applications of Classical Mechanics</li>
</ul>
<h4 id="second-year">Undergrad Second Year</h4>
<ul>
<li>CPEN 221 - Principles of Software Construction<ul>
<li>Software construction in Java</li>
</ul>
</li>
<li>ELEC 204 - Linear Circuits</li>
<li>ENPH 259 - Experimental Techniques</li>
<li>MATH 217 - Multivariable and Vector Calculus</li>
<li>MATH 255 - Ordinary Differential Equations</li>
<li>MECH 260 - Introduction to Mechanics of Materials</li>
<li>APSC 110 - Co-operative Work Placement</li>
<li>CIVL 200 - Engineering and Sustainable Development</li>
<li>ENPH 257 - Heat and Thermodynamics</li>
<li>ENPH 270 - Mechanics II</li>
<li>MATH 257 - Partial Differential Equations</li>
<li>PHYS 250 - Introduction to Modern Physics</li>
<li>ENPH 253 - Introduction to Instrument Design<ul>
<li>Engineering Physics Robot Course (see details <a href="https://dgblack.github.io/robotCourse.html">here</a>)</li>
</ul>
</li>
</ul>
<h4 id="first-year">Undergrad First Year</h4>
<ul>
<li>APSC 100 - Introduction to Engineering I<ul>
<li>Included designing sustainable cardboard chairs and optimizing a water supply system</li>
</ul>
</li>
<li>APSC 160 - Introduction to Computation in Engineering Design<ul>
<li>C programming and interfacing with Data Acquisition Modules</li>
</ul>
</li>
<li>CHEM 154 - Chemistry for Engineering</li>
<li>MATH 100 - Differential Calculus with Applications to Physical Sciences and Engineering</li>
<li>PHYS 157 - Introductory Physics for Engineers I</li>
<li>APSC 101 - Introduction to Engineering II</li>
<li>MATH 101 - Integral Calculus with Applications to Physical Sciences and Engineering</li>
<li>MATH 152 - Linear Systems</li>
<li>PHYS 158 - Introductory Physics for Engineers II</li>
<li>PHYS 159 - Introductory Physics Laboratory for Engineers</li>
<li>PHYS 170 - Mechanics I</li>
</ul>
<h4 id="ap-transfer-credits">Claimed AP Transfer Credits</h4>
<ul>
<li>Biology 1st<ul>
<li>First year level biology</li>
</ul>
</li>
<li>English 1st<ul>
<li>First year level English</li>
</ul>
</li>
<li>LATN 200<ul>
<li>Second year level Latin - Including studies of Virgil's Aeneid, Ovid's Metamorphoses, and Julius Caesar's De Bello Gallico</li>
</ul>
</li>
</ul>
</div>
<!-- Footer -->
<footer class="w3-center w3-black w3-padding-64 w3-opacity w3-hover-opacity-off">
<a href="#home" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
<div class="w3-xlarge w3-section">
<a href="https://github.com/dgblack"><i class="fa fa-github w3-hover-opacity"></i></a>
<a href="https://scholar.google.com/citations?user=As_yDKkAAAAJ&hl=en"><i class="fa fa-google w3-hover-opacity"></i></a>
<a href="https://twitter.com/BlackDavidG"><i class="fa fa-twitter w3-hover-opacity"></i></a>
<a href="https://linkedin.com/in/davidgblack"><i class="fa fa-linkedin w3-hover-opacity"></i></a>
</div>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p>
</footer>
<script>
// Modal Image Gallery
function onClick(element) {
document.getElementById("img01").src = element.src;
document.getElementById("modal01").style.display = "block";
var captionText = document.getElementById("caption");
captionText.innerHTML = element.alt;
}
// Change style of navbar on scroll
window.onscroll = function() {myFunction()};
function myFunction() {
var navbar = document.getElementById("myNavbar");
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
navbar.className = "w3-bar" + " w3-card" + " w3-animate-top" + " w3-white";
} else {
navbar.className = navbar.className.replace(" w3-card w3-animate-top w3-white", "");
}
}
// Used to toggle the menu on small screens when clicking on the menu button
function toggleFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
</body>
</html>