-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlearningTracker.html
266 lines (236 loc) · 13.8 KB
/
learningTracker.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Becca's Personal Page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
crossorigin="anonymous" />
<link href="learningTracker.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header id="top">
<nav>
<div>
<a href="#UdemyWebDev">Udemy Web Dev</a> | <a href="#fcc">FreeCodeCamp</a> | <a
href="#codecademy">Codecademy</a> | <a href="#100devs">100 Devs</a> | <a href="./weeklyPlan.html"
target="_blank">Weekly Plan</a>
</div>
</nav>
<!-- <figure>
<img src="https://images.freeimages.com/images/large-previews/89e/screens-row-1243513.jpg" alt="computer">
<figcaption><em>Source</em>: freeimages.com</figcaption>
</figure> -->
<div class="img-text">
<h1>Becca's Learning Tracker</h1>
<p>I'm a programmer who loves numbers, books, and nature. These are sources I'm currently learning from; I
created this to track my progress.</p>
</div>
</header>
<hr>
<section>
<!-- <h2>Learning</h2> -->
<article id="UdemyWebDev" class="non-striped">
<h3><i class="fas fa-arrow-circle-right"></i> Web Development
by
Angela Yu <a href="#top">Top</a></h3>
<div class="container">
<div class="box completed"><s><strong>Intro to HTML</strong> 1 hr, 19 min</s></div>
<div class="box completed"><s><strong>Intermediate HTML</strong> 50 min</s></div>
<div class="box completed"><s><strong>Intro to CSS</strong> 1 hr, 30 min</s></div>
<div class="box completed"><s><strong>Intermediate CSS</strong> 2 hr, 55 min</s></div>
<div class="box completed"><s><strong>Intro to Bootstrap 4</strong> 2 hr, 35 min</s></div>
<div class="box completed"><s><strong>Intermediate Bootstrap</strong> 2 hr, 35 min</s></div>
<div class="box completed"><s><strong>Web Design School</strong> 1 hr, 6 min</s></div>
<div class="box completed"><s><strong>Intro to JavaScript ES6</strong> 2 hr, 28 min</s></div>
<div class="box completed"><s><strong>Intermediate JS</strong> 1 hr, 30 min</s></div>
<div class="box completed"><s><strong>Document Object Model (DOM)</strong> 56 min</s></div>
<div class="box completed"><s><strong>Boss Level Challenge 1- The Dicee Game</strong> 20 min</s></div>
<div class="box completed"><s><strong>Advanced JS and DOM Manipulation</strong> 1 hr, 35 min</s></div>
<div class="box completed"><s><strong>jQuery</strong> 53 min</s></div>
<div class="box in_progress"><strong>Boss Level Challenge 2- The Simon Game</strong> 15 min</div>
<div class="box completed"><s><strong>The Unix Command Line</strong> 35 min</s></div>
<div class="box completed"><s><strong>Backend Web Development</strong> 8 min</s></div>
<div class="box completed"><s><strong>Node.js</strong> 39 min</s></div>
<div class="box completed"><s><strong>Express.js with Node.js</strong> 1 hr, 14 min</s></div>
<div class="box completed"><s><strong>APIs - Application Programming Interface</strong> 2 hr, 33 min</s>
</div>
<div class="box completed"><s><strong>Git, Github, and Version Control</strong> 1 hr, 25 min</s></div>
<div class="box completed"><s><strong>EJS</strong> 2 hr, 9 min</s></div>
<div class="box completed"><strong>Boss Level Challenge 3- Blog Website</strong> 2 hr, 38 min</div>
<div class="box completed"><strong>Databases</strong> 20 min</div>
<div class="box completed"><strong>SQL</strong> 36 min</div>
<div class="box completed"><strong>MongoDB</strong> 1 hr, 12 min</div>
<div class="box completed"><strong>Mongoose</strong> 56 min</div>
<div class="box completed"><strong>Putting Everything Together</strong> 1 hr, 34 min</div>
<div class="box completed"><strong>Deploying Your Web Application</strong> 33 min</div>
<div class="box completed"><strong>Boss Level Challenge 4- Blog Website Upgrade</strong> 10 min</div>
<div class="box"><strong>Build Your Own RESTful API from Scratch</strong> 1 hr, 46 min</div>
<div class="box"><strong>Authentication & Security</strong> 3 hr, 33 min</div>
<div class="box"><strong>React.js</strong> 8 hr, 54 min</div>
<div class="box completed"><strong>Bonus Module- Ask Angela Anything</strong> 2 hr, 44 min</div>
</div>
</article>
<article id="fcc" class="fcc striped">
<h3><i class="fas fa-arrow-circle-right"></i> FreeCodeCamp <a href="#top">Top</a></h3>
<div class="container">
<div class="box completed">
Basic HTML & HTML 5: 28/28
</div>
<div class="box completed">
Basic CSS: 44/44
</div>
<div class="box completed">
Applied Visual Design: 52/52
</div>
<div class="box completed">
Applied Accessibility: 22/22
</div>
<div class="box completed">
Responsive Web Design Principles: 4/4
</div>
<div class="box completed">
CSS Flexbox: 17/17
</div>
<div class="box completed">
CSS Grid: 22/22
</div>
<div class="box in_progress">
Responsive Web Design Projects: 1/5
</div>
</div>
</article>
<article id="codecademy" class="non-striped">
<h3><i class="fas fa-arrow-circle-right"></i> Codecademy <a href="#top">Top</a></h3>
<div class="container">
<div class="box completed">1- Welcome<br>1/1 </div>
<div class="box completed">2- Getting Started<br>3/3 </div>
<div class="box completed">3- Setting Up Dev Environment<br>4/4 </div>
<div class="box completed">4- JS Syntax, Part 1<br>10/10 </div>
<div class="box completed">5- JS Syntax, Part 2 <br>11/11 </div>
<div class="box completed">6- Git and Github, Part 1<br>6/6 </div>
<div class="box">7- JS Syntax Portfolio Project<br>1/2 </div>
<div class="box completed">8- Web Dev Fundamentals<br>12/12 </div>
<div class="box">9- Brining Your Site Online<br>5/7 </div>
<div class="box">10- Improved Styling with CSS<br>6/8 </div>
<div class="box">11- Interactive Websites with JS<br> 5/6</div>
<div class="box">12- Making a Website Responsive<br> 3/8 </div>
<div class="box completed">13- Making a Website Accessible<br>3/3 </div>
<div class="box">14- HTML, CSS, and JS Portfolio Project<br>0/1 </div>
<div class="box">15- JS Syntax, Part 3<br>1/8 </div>
<div class="box">16- Test Driven Development with JS<br>1/5 </div>
<div class="box">17- Async JS and HTTP Requests<br>1/7 </div>
<div class="box">18- Web Apps<br>0/3 </div>
<div class="box">19- React, Part 1<br>0/8 </div>
<div class="box">20- React, Part 2<br>0/14 </div>
<div class="box">21- Redux <br>0/6 </div>
<div class="box">22- Git and GitHub, Part 2<br>0/6 </div>
<div class="box">23- React and Redux Portfolio Project<br>0/2 </div>
<div class="box">24- Basics of Back-End Development<br>0/5 </div>
<div class="box">25- Build a Back-End with Node/Express.js<br>0/9 </div>
<div class="box">26- Back-End and Feature Testing <br>0/5</div>
<div class="box">27- SQL for Back-End Development<br>0/9 </div>
<div class="box">28- PostgreSQL Database<br>0/6 </div>
<div class="box">29- Designing Relational Databases<br> 0/7</div>
<div class="box">30- Advanced PostgreSQL<br>0/6 </div>
<div class="box">31- Back-End Portfolio Project<br>0/2 </div>
<div class="box">32- Connecting Front-End to Back-End<br>0/7 </div>
<div class="box">33- Adding a PostgreSQL Database<br> 0/6</div>
<div class="box">34- Security, Authentication, and Authorization<br>0/18 </div>
<div class="box">35- Advanced Concepts in TDD<br>0/4 </div>
<div class="box">36- Full-Stack Portfolio Project<br>0/2</div>
<div class="box">37- Linear Data Structures<br> 0/8</div>
<div class="box">38- Complex Data Structures<br>0/6</div>
<div class="box">39- Algorithms <br>0/7</div>
<div class="box">40- Search & Graph Search Algorithms<br> 0/4</div>
<div class="box">41- Interview Skills <br> 0/7</div>
<div class="box">42- Final Portfolio Project<br>0/2 </div>
</div>
</article>
<article id="100devs" class="striped">
<h3><i class="fas fa-arrow-circle-right"></i> 100 Devs by Leon Noel <a href="#top">Top</a></h3>
<div class="container">
<div class="box completed">
<a href="https://www.youtube.com/watch?v=N2VlXVZJIcY" target="_blank">Leon Noel Day 2</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=h3wVQJ6SNfY" target="_blank">Leon Noel Day 3</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=xTNCtSRz6No" target="_blank">Leon Noel Day 4</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=P3c3ZPNAen8" target="_blank">Leon Noel Day 5</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=8A9OefW7dSk" target="_blank">Leon Noel Day 6</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=V9MtaqT8Q_A" target="_blank">Leon Noel Day 7</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=SV1eSbAWfWQ" target="_blank">Leon Noel Day 8</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=22iEEZ8FSNM" target="_blank">Leon Noel Day 9</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=cv8ZunU-zeU" target="_blank">Leon Noel Day 10</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=6tyqwLnfjNs" target="_blank">Leon Noel Day 11</a>
</div>
<div class="box completed">
<a href="https://www.youtube.com/watch?v=LRPLnNLXG5o" target="_blank">Leon Noel Day 12</a>
<br>(Class on Freelancing)
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=5-OEtJFbcXQ" target="_blank">Leon Noel Day 13</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=7BIbHmeZBxg" target="_blank">Leon Noel Day 14</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=GzYiUnRhfGQ" target="_blank">Leon Noel Day 15</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=p1sCXKeiA1Q" target="_blank">Leon Noel Day 16</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=ySLwyeaKPvQ" target="_blank">Leon Noel Day 17</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=ekWRltHr_L8" target="_blank">Leon Noel Day 18</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=oEdb5wmmAwk" target="_blank">Leon Noel Day 19</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=LJHIfPOboEE" target="_blank">Leon Noel Day 20</a>
</div>
<div class="box">
<a href="https://www.youtube.com/watch?v=ljdyXldzBKA" target="_blank">Leon Noel Day 21</a>
</div>
<div class="box hidden">
<a href="" target="_blank">Leon Noel Day 22</a>
</div>
<div class="box hidden">
<a href="" target="_blank">Leon Noel Day 23</a>
</div>
<div class="box hidden">
<a href="" target="_blank">Leon Noel Day 24</a>
</div>
<div class="box hidden">
<a href="" target="_blank">Leon Noel Day 25</a>
</div>
</div>
</article>
</section>
<script src="./learningTracker.js"></script>
</body>
<footer>
<p>Image courtesy of freeimages.com.</p>
<p>© BV in 2021</p>
</footer>
</html>