-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtutorial.html
263 lines (237 loc) · 16.1 KB
/
tutorial.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
<!doctype html><!--HTML5 doctype declaration -->
<html lang="en"><!--default language of the document content -->
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" media="screen and (min-width: 947px) and (max-width: 1920px)" href="css/index.css">
<link rel="stylesheet" media="screen and (min-width: 601px) and (max-width: 946px)" href="css/tablet.css">
<link rel="stylesheet" media="screen and (min-width: 320px) and (max-width: 600px)" href="css/smartphone.css">
<title>Tutorial Page</title>
</head>
<!--Start of body-->
<body>
<h1 id="Title" class="All-Titles">Tutorial</h1> <!--Tutorial Title-->
<nav class="Nav-Bar"><!--The primary navigation of the website-->
<ul>
<li id="LJ-Button"><a href='index.html'>Learning Journal</a></li>
<li id="Tutorial-Button"><a href="#">Tutorial</a></li>
<li id="Contact-Button"><a href="contact.html">Contact me</a></li>
</ul>
</nav>
<h2 id="Sub-Title" class="All-Sub-Titles">5 Quarantine Study Tips for Students:</h2>
<!--Start of the list of 5 tips-->
<article id="Tip-1"> <!--Tip 1-->
<div class="WK1 All-Tutorial-Weeks">
<div class="All-Weeks"><header><h3>Tip 1:</h3></header></div>
<h4 class="All-Weekly-Headers">Use your time wisely</h4>
<table class="Timetable"> <!--Year 1 Semester 1 timetable-->
<caption>Tom's Weekly Timetable:</caption>
<thead>
<tr>
<th id="Time-Of-Day">Time</th>
<th id="Monday">Monday</th>
<th id="Tuesday">Tuesday</th>
<th id="Wednesday">Wednesday</th>
<th id="Thursday">Thursday</th>
<th id="Friday">Friday</th>
</tr>
</thead>
<tbody>
<tr>
<td class="Column-Style">8:00</td>
<td></td>
<td class="Column-Style"></td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">9:00</td>
<td></td>
<td class="Column-Style All-Lectures">Cyber Security Remote</td>
<td></td>
<td class="Column-Style All-Lectures">Cyber Security Watts 201</td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">10:00</td>
<td></td>
<td class="Column-Style All-Lectures">9am-11am</td>
<td class="All-Lectures">Programming Cockcroft 107</td>
<td class="Column-Style All-Lectures">9am-11am</td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">11:00</td>
<td></td>
<td class="Column-Style"></td>
<td></td>
<td class="Column-Style"></td>
<td id="Tutorial" class="Last-Column-Right-Line">Computing Industry Watts 513</td>
</tr>
<tr>
<td class="Column-Style">12:00</td>
<td id="Seminar">Programming Remote</td>
<td class="Column-Style"></td>
<td></td>
<td class="Column-Style All-Lectures">Web Development Watts 201</td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">13:00</td>
<td></td>
<td class="Column-Style All-Lectures">Computing Industry Remote</td>
<td class="All-Lectures">Computing Technologies Watts 202</td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">14:00</td>
<td></td>
<td class="Column-Style All-Lectures">Programming Remote</td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">15:00</td>
<td></td>
<td class="Column-Style"></td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">16:00</td>
<td></td>
<td class="Column-Style All-Lectures">Computing Technologies Remote</td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr>
<td class="Column-Style">17:00</td>
<td></td>
<td class="Column-Style All-Lectures">Web Development Remote</td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
<tr id="Bottom-Row">
<td class="Column-Style">18:00</td>
<td></td>
<td class="Column-Style"></td>
<td></td>
<td class="Column-Style"></td>
<td class="Last-Column-Right-Line"></td>
</tr>
</tbody>
</table>
<h3 id="Key">Key:</h3>
<ul id="Timetable-Key">
<li>🔴 = Seminar</li>
<li>🔵 = Lecture</li>
<li>📀 = Tutorial</li>
</ul>
<p id="Usage-Of-Time-Desc">One thing that is often overlooked in our society is the usage of time. We have limited time to fulfil our tasks each day,
efficiently, which is why creating and memorizing a table of your own weekly schedule is a great idea. This allows students to maximize their
productivity, because they are then aware of the times of day that they have lectures/ seminars/ tutorials, and also when they have spare time.
For example, on Wednesdays I frequently go to the Aldrich Library in the 2 hour gap that I have between lectures, so that I can practice JavaScript
while it is still fresh in my mind after the programming lab session.</p>
<p>After finishing the Computing Technologies lecture at 2:00, I often go to ALDI to get the food that I need for the week. Once I get back to my flat,
I'll put all the food away, relax for an hour or so, and then at around 4:00, either practice JavaScript or work on this HTML5/CSS3 website. I have
a lot of spare time on Mondays, Thursdays and Fridays, so I'll generally revise topics that I am struggling with at the time to get better at them.</p>
<div class="All-Publish-Dates"><small>© Published: 18/11/2020</small></div>
</div>
</article>
<article id="Tip-2"> <!--Tip 2-->
<div class="All-Tutorial-Weeks">
<div class="All-Weeks"><header><h3>Tip 2:</h3></header></div>
<h4 class="All-Weekly-Headers">Ensure a Stable Internet Connection</h4>
<img src="images/wifisymbol.jpg" alt="Wi-Fi Symbol Image" class="Tutorial-Images">
<p class="Tutorial-Paragraphs">Schools, colleges and universities across the world have been forced to switch and adapt to online learning due to the
pandemic. This is a very sudden change, and as many know, it is very hard to cope with and nowhere near as engaging as in-person learning. This is
why having a secure and stable internet connection is vital in times like these. Online classes are extremely improvised as it is, therefore ensuring
a good connection allows students of all ages to make the most of online lessons, and in particular cases (like lectures), re-watch lessons, which was
never really a thing until now. If your area/ home does not have very good internet, I personally find that turning on my smartphone's personal hotspot
is a very good alternative. Using the internet for research shouldn't cut into your data plan, unless you stream vast amounts ofBec sound or video.
</p>
<div class="All-Publish-Dates"><small>© Published: 02/01/2021</small></div>
</div>
</article>
<article id="Tip-3"> <!--Tip 3-->
<div class="All-Tutorial-Weeks">
<div class="All-Weeks"><header><h3>Tip 3:</h3></header></div>
<h4 class="All-Weekly-Headers">Eat and Sleep Well</h4>
<img src="images/eatinghealthy.jpg" alt="Eating Healthy Image" class="Tutorial-Images">
<p class="Tutorial-Paragraphs">During any lock-down/ quarantining periods, eating and sleeping well are an <strong>absolute priority</strong>. The key
thing to remember throughout, is that this pandemic is <strong>temporary</strong>. Nobody wants to lose or gain unnecessary weight due to being stuck
inside for a few weeks/ months, which is why buying the right food is important. Pasta and rice are perfect sources of carbs, and can be eaten with fish,
which accounts for protein, and of course, eat 5 fruits and vegetables per day. A good tip for the university students out there who want to get better at
budgeting: every time you buy a loaf of bread, buy another one to go in the freezer. Also, one thing that cannot be stressed enough is sleeping well.
Sleeping allows our brain to recharge and recover so that it can be sharp and ready for the next day. A lack of sleep can slow down thought processes, cause
memory loss, and over long periods of time can have a profoundly bad effect on ones mental health. This is why 7 to 8 hours of sleep <strong>every</strong>
night is needed to keep us productive :).</p>
<div class="All-Publish-Dates"><small>© Published: 05/01/2021</small></div>
</div>
</article>
<article id="Tip-4"> <!--Tip 4-->
<div class="All-Tutorial-Weeks">
<div class="All-Weeks"><header><h3>Tip 4:</h3></header></div>
<h4 class="All-Weekly-Headers">Revise Content That You Find Difficult</h4>
<img src="images/revisingcontent.jpg" alt="Revising Content Image" class="Tutorial-Images">
<p class="Tutorial-Paragraphs">Although it may seem pointless, revising content that you are struggling with is one of the best things you can do. For example,
when I started BSc Computer Science at Brighton, I had zero experience in most of the modules, however, I was somewhat aware of a few JavaScript and
HTML concepts. Due to this, for the first 2-3 weeks of the course, I primarily studied and practiced SQL databases. This is because I knew that learning
JavaScript and HTML would be easier for me than learning SQL, since it was completely new to me at the time. Once I had built up a basic knowledge of SQL,
I then noticed that I was finding Cyber Security quite difficult, so I moved on to that. I found by November that I was more confident on the course overall,
simply because I worked on the parts that I was previously finding difficult.</p>
<div class="All-Publish-Dates"><small>© Published: 10/01/2021</small></div>
</div>
</article>
<article id="Tip-5"> <!--Tip 5-->
<div class="All-Tutorial-Weeks">
<div class="All-Weeks"><header><h3>Tip 5:</h3></header></div>
<h4 class="All-Weekly-Headers">Stay up-to-date With Regulations</h4>
<img src="images/stayinguptodate.jpg" alt="Family Watching News Image" class="Tutorial-Images">
<p class="Tutorial-Paragraphs">Lastly, but definitely not least, is staying up to date with regulations, and the current COVID-19 situation. Watching the news
for 20-30 mins per day will give students a better insight on what they should and should not do at the time. By 'regulations' I do not only mean the mainstream
media outlets, this also includes keeping up with university emails. Students are expected to check their university emails daily, this is particularly useful
if a student is unsure of current guidelines, and want to know more about <strong>their specific</strong> situation. Doing all of this may seem pointless to a
student, because the virus doesn't effect people under the age of 30 very badly. However when thinking about loved ones who are more at risk due to age/ an
underlying health condition, this ideology should not be supported. </p>
<div class="All-Publish-Dates"><small>© Published: 11/01/2021</small></div>
</div>
</article>
<!--References & Tip Navigation container-->
<div class="Menu-Container">
<div class="Left-Container Container-Styles"> <!--References (Bibliography)-->
<h2 class="References">References:</h2>
<a href="https://developer.mozilla.org/en-US/">
<img id="MDN-Site-Reference" src="images/mdnreference.jpg" alt="MDN Site Reference">
</a>
<a href="https://www.w3schools.com/">
<img id="W3s-Site-Reference" src="images/w3schoolsref.jpg" alt="W3schools Site Reference">
</a>
<a href="https://stackoverflow.com/">
<img id="SOF-Site-Reference" src="images/stackoverflowref.png" alt="StackOverflow Site Reference">
</a>
<a href="https://www.fabriziovanmarciano.com/button-styles/">
<img id="FVM-Site-Reference" src="images/fvmref.jpg" alt="Fabrizio Van Marciano Site Reference">
</a>
</div>
<div class="Right-Container Container-Styles"> <!--Weekly navigation menu-->
<h2 id="Weekly-Navigation">Tip Navigation:</h2>
<ul id="Tip-Buttons">
<li><a class="All-Tip-Buttons" href="#Tip-1">Tip 1</a></li>
<li><a class="All-Tip-Buttons" href="#Tip-2">Tip 2</a></li>
<li><a class="All-Tip-Buttons" href="#Tip-3">Tip 3</a></li>
<li><a class="All-Tip-Buttons" href="#Tip-4">Tip 4</a></li>
<li><a id="Tip-5" class="All-Tip-Buttons" href="#Tip-5">Tip 5</a></li>
</ul>
</div>
</div>
</body>
</html>