-
-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathonline-course-protocol.html
338 lines (323 loc) · 16.2 KB
/
online-course-protocol.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
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
---
layout: basic-inside
title: "Online course delivery protocol"
desc: "Processes to handle the transition from in-person classes to fully online Web Development courses."
priority: 0.1
hide_markbot: true
---
<div class="section-muted">
<div class="wrapper gutter-1-2 pad-t pad-b">
<h2 class="giga push-1-2"><abbr title="Too long; didn’t read">TL;DR</abbr></h2>
<ol class="push-0 mega">
<li><a href="#class-time">Participate in class time over live streams & chats</a></li>
<li><a href="#lab-time">Participate in open lab time over live chats</a></li>
<li><a href="#asking-questions">Ask questions over chat, Issues & video</a></li>
<li><a href="#submit-work">Submit work via Markbot or Issue</a></li>
<li><a href="#grades">Grades on Progressinator</a></li>
<li><a href="#tips">Quick tips</a></li>
</ol>
</div>
</div>
<div class="wrapper pad-t pad-b-1-2">
<div class="gutter-1-2">
<p class="tera">We are transitioning to full online delivery of the Web Dev courses—so here are some rules & protocols to follow to make the transition is seamless & functional.</p>
<hr>
</div>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="class-time"><span class="hang-punc">1</span> What happens to class time?</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p><strong>Regular class times happen as normal.</strong> But instead of meeting in person we’ll do a live stream & chat. For the 3 hours of class time there will be a live stream of the teacher:</p>
<ul>
<li>First doing the introductory slide deck,</li>
<li>Then answering questions in the stream asked by class members in the live chat.</li>
</ul>
<p>If you regularly have a TA in your in-person class time you will continue to have TA in the live-chat so there will be more than one person answering questions.</p>
<h3>Attendance mandatory</h3>
<p><em>This may be an online course but it doesn’t mean you should slack off. You should be more attentive & more involved.</em></p>
<p>It’s much more difficult for teachers to get a sense of who’s participating in the live stream—so we’ll be performing a roll call: <strong>When you enter the chat declare your presence, which will be logged as your attendance.</strong></p>
<p><em>You’re welcome—and encouraged—to participate in any of the different sections—or more than one.</em> <strong>The live broadcast will not be recorded or saved for later playback.</strong></p>
</div>
</div>
<h3 class="gutter-1-4">Pre-scheduled live broadcasts</h3>
<div class="gutter-1-4">
<table>
<caption class="push-0">Web Dev 2 live broadcast times & links.</caption>
<thead>
<tr>
<th scope="col">Week</th>
<th scope="col">Section 010</th>
<th scope="col">Section 020</th>
<th scope="col">Section 030</th>
<th scope="col">Section 040</th>
</tr>
</thead>
<tbody>
<tr>
<td>Week 12: Mar. 23–27</td>
<td>YouTube Live: Th. 11–2</td>
<td>YouTube Live: Th. 3–6</td>
<td>YouTube Live: We. 8–11</td>
<td>YouTube Live: We. 12–3</td>
</tr>
<tr>
<td>Week 13: Mar. 30–Apr. 2</td>
<td>YouTube Live: Th. 11–2</td>
<td>YouTube Live: Th. 3–6</td>
<td>YouTube Live: We. 8–11</td>
<td>YouTube Live: We. 12–3</td>
</tr>
<tr>
<td>Week 14: Apr. 6–10</td>
<td>YouTube Live: Th. 11–2</td>
<td>YouTube Live: Th. 3–6</td>
<td>YouTube Live: We. 8–11</td>
<td>YouTube Live: We. 12–3</td>
</tr>
<tr>
<td>Week 15: Apr. 13–17</td>
<td>YouTube Live: Th. 11–2</td>
<td>YouTube Live: Th. 3–6</td>
<td>YouTube Live: We. 8–11</td>
<td>YouTube Live: We. 12–3</td>
</tr>
</tbody>
</table>
<table>
<caption class="push-0">Web Dev 4 live broadcast times & links.</caption>
<thead>
<tr>
<th scope="col">Week</th>
<th scope="col">Section 010</th>
<th scope="col">Section 020</th>
<th scope="col">Section 030</th>
</tr>
</thead>
<tbody>
<tr>
<td>Week 12: Mar. 23–27</td>
<td><a href="https://youtu.be/b8VKM1qfBc0" rel="external">YouTube Live: Mo. 8–11</a></td>
<td><a href="https://youtu.be/v_YIuX2tSL0" rel="external">YouTube Live: Tu. 2–5</a></td>
<td><a href="https://youtu.be/HvLTD-cRFBk" rel="external">YouTube Live: Fr. 2–5</a></td>
</tr>
<tr>
<td>Week 13: Mar. 30–Apr. 2</td>
<td><a href="https://youtu.be/GnxRzn9I8KM" rel="external">YouTube Live: Mo. 8–11</a></td>
<td><a href="https://youtu.be/uCmcaLK0610" rel="external">YouTube Live: Tu. 2–5</a></td>
<td><a href="https://youtu.be/sfSCoyg9rk8" rel="external">YouTube Live: Fr. 2–5</a></td>
</tr>
<tr>
<td>Week 14: Apr. 6–10</td>
<td>YouTube Live: Mo. 8–11</td>
<td>YouTube Live: Tu. 2–5</td>
<td>YouTube Live: Fr. 2–5</td>
</tr>
<tr>
<td>Week 15: Apr. 13–17</td>
<td>YouTube Live: Mo. 8–11</td>
<td>YouTube Live: Tu. 2–5</td>
<td>YouTube Live: Fr. 2–5</td>
</tr>
</tbody>
</table>
</div>
<div class="gutter-1-4"><hr></div>
</section>
<hr>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="lab-time"><span class="hang-punc">2</span> What happens to the open lab time?</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p><strong>Regular open lab times will be kept.</strong> But instead of going to a classroom there will be a live-chat. The regular TA will be on the chat for the specified 2 hour block to answer questions in an efficient manner.</p>
<h3>Dedicated open lab chat rooms</h3>
<p><strong>You can access the open lab chat rooms inside your Slack workspace the `#open-lab-time` channel.</strong></p>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4">
<h3 class="mega push-0">Open lab times & chats</h3>
<ol class="hours list-group">
<li>Mo. 3–5 — Hannah</li>
<li>Tu. 12–2 — MacKenzie</li>
<li>Fr. 5–7 — MacKenzie</li>
</ol>
</div>
</div>
<div class="gutter-1-4"><hr></div>
</section>
<hr>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="asking-questions"><span class="hang-punc">3</span> How do I ask questions?</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p><strong>There will be many different ways to get help & answer your questions.</strong></p>
</div>
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<h3>Is it a general question?</h3>
<p>Direct message your teacher on Slack [or email is also okay].</p>
<p><em>Nothing code related will not be dealt with over DM or email.</em></p>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4">
<h3 class="mega push-0">Slack:</h3>
<ul>
<li><a href="https://join.slack.com/t/2022graphicde-wu69873/shared_invite/zt-crlvp4tc-olmVUudBP3iCKBOEleiYSA" rel="external">Slack: Web Dev 2</a></li>
<li><a href="https://join.slack.com/t/2021graphicde-aj91229/shared_invite/zt-crnoi6qt-UAuqrwg9GKg8e9RNmBCeHQ" rel="external">Slack: Web Dev 4</a></li>
</ul>
</div>
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<h3>Is your question code-specific?</h3>
<p>Create a GitHub Issue & tag your teacher. This is the most efficient way to get help with code because we, as teachers, can see the code & comment directly on it.</p>
<ul>
<li><strong><a href="/courses/web-dev-1/create-tagged-issue/">Create tagged issue</a></strong></li>
<li><strong><a href="https://www.youtube.com/watch?v=vTULg-7xycs">I don’t have an issues tab!</a></strong></li>
</ul>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4 push">
{% assign duplicate_detector = "" %}
{% for collection in site.collections %}
{% for doc in collection.docs %}
{% if doc.slug == "index" %}
{% if doc.prof.email %}
{% unless duplicate_detector contains doc.prof.email %}
{% capture duplicate_detector %}{{duplicate_detector}}|{{doc.prof.email}}{% endcapture %}
<h3 class="mega push-0">{{doc.prof.name}}</h3>
<div class="push-1-4"><code>@{{doc.prof.github}}</code></div>
{% endunless %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<h3>Do you need more one-on-one?</h3>
<p>During regularly scheduled office hour times you can book a one-on-one video conference over Skype—which will allow screen sharing, voice & text chat.</p>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4">
{% assign duplicate_detector = "" %}
{% for collection in site.collections %}
{% for doc in collection.docs %}
{% if doc.slug == "index" %}
{% if doc.prof.hours or doc.prof.hours_form %}
{% unless duplicate_detector contains doc.prof.email %}
{% capture duplicate_detector %}{{duplicate_detector}}|{{doc.prof.email}}{% endcapture %}
<h3 class="mega push-0">{{doc.prof.name}} {% if doc.prof.office %}<!--@ {{doc.prof.office}}-->{% endif %}</h3>
{% if doc.prof.hours %}
<ol class="hours list-group">
{% for hour in doc.prof.hours %}
<li>{% include day-number-to-text.html day=hour.day %} {% include 24-hour-to-12.html time=hour.start_time %}–{% include 24-hour-to-12.html time=hour.end_time %}</li>
{% endfor %}
</ol>
{% else %}
{% if doc.prof.hours_form %}
<p><em><a href="{{doc.prof.hours_form}}" rel="external">Book an appointment</a></em></p>
{% else %}
<p><em>By appointment only.</em></p>
{% endif %}
{% endif %}
{% endunless %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
{% if duplicate_detector == "" %}
<p><em>The term is not currently running so there are no defined office hours.</em></p>
{% endif %}
<p><em>Email unlisted professors to make an appointment.</em></p>
</div>
</div>
<div class="gutter-1-4"><hr></div>
</section>
<hr>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="submit-work"><span class="hang-punc">4</span> How do I submit my work?</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p><strong>If it’s regularly a Markbot assignment, nothing changes. Submit with Markbot as normal.</strong></p>
<h3>“Show teacher for grades” work</h3>
<p>If it’s something you’re supposed to show the teacher, follow this procedure.</p>
<ol>
<li>Create an Issue on GitHub on a related repository</li>
<li>Title the Issue something related to grades: "Grade for" or "Marks for". (This is to help your teacher distinguish between an Issue that requires help & a grade specific Issue.</li>
<li>Make sure to include proof you completed the work. If it’s a quiz, include a screenshot of the final screen, etc.</li>
</ol>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4">
<ul>
<li><strong><a href="/courses/web-dev-1/create-tagged-issue/">Create tagged issue</a></strong></li>
<li><strong><a href="https://www.youtube.com/watch?v=vTULg-7xycs">I don’t have an issues tab!</a></strong></li>
</ul>
{% assign duplicate_detector = "" %}
{% for collection in site.collections %}
{% for doc in collection.docs %}
{% if doc.slug == "index" %}
{% if doc.prof.email %}
{% unless duplicate_detector contains doc.prof.email %}
{% capture duplicate_detector %}{{duplicate_detector}}|{{doc.prof.email}}{% endcapture %}
<h3 class="mega push-0">{{doc.prof.name}}</h3>
<div class="push-1-4"><code>@{{doc.prof.github}}</code></div>
{% endunless %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
<div class="gutter-1-4"><hr></div>
</section>
<hr>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="grades"><span class="hang-punc">5</span> How do I see my grades?</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p>Nothing changes. <strong><a href="https://progress.learntheweb.courses/">Continue to use Progressinator to see your up-to-date grades.</a></strong></p>
</div>
</div>
<div class="gutter-1-4"><hr></div>
</section>
<hr>
<section class="gutter-1-4">
<h2 class="gutter-1-4" id="tips"><span class="hang-punc">6</span> Tips to be successful</h2>
<div class="grid">
<div class="unit [ xs-1 l-3-4 ] gutter-1-4">
<p><strong>We understand this is a difficult & overwhelming change to the routine and your expectations. Here are some quick, general tips to help you out.</strong></p>
<ul>
<li>Stick to your regular hours & routines. Still get up as though you’re going to class. Then you can dedicate that time to working on the class materials.</li>
<li>Keep on top of your work. This is still real school. You need to complete your work on time. Since there is no in-person teachers to confirm you’re following along, it’s more up to you.</li>
<li>Watch all the videos!</li>
<li>Pay attention to all online communication: chat, email, etc. This is where the important information will be distributed.</li>
</ul>
<h3>Tips to write helpful GitHub Issues</h3>
<ul>
<li><strong>Commit & push before you ask a question!</strong> If the teacher has to ask “Have you commited & pushed” you’re wasting everybody’s time.</li>
<li><strong>Don’t mix Issues.</strong> Don’t ask for help in the same Issue you ask for grades. Each Issue should be a single, unique question.</li>
<li>Don’t ask unrelated questions in an Issue that’s previously been resolved.</li>
<li>Describe in detail what the problem is that your’re seeing. And describe what you expect it to be doing. Detail what you’ve tried & what hasn’t worked.</li>
<li>Definitely include screenshots of what it looks like! But no screenshots of the code; they’re not helpful—it’s much easier for us to see it in GitHub’s interface.</li>
</ul>
</div>
<div class="unit [ xs-1 l-1-4 ] gutter-1-4">
<h3 class="mega push-0">Extra help</h3>
<p><strong>Please contact your teacher to get the support you need.</strong></p>
<h3 class="mega push-0">Emails:</h3>
<ul>
{% assign duplicate_detector = "" %}
{% for collection in site.collections %}
{% for doc in collection.docs %}
{% if doc.slug == "index" %}
{% if doc.prof.email %}
{% unless duplicate_detector contains doc.prof.email %}
{% capture duplicate_detector %}{{duplicate_detector}}|{{doc.prof.email}}{% endcapture %}
<li><a href="mailto:{{doc.prof.email}}">{{doc.prof.name}}</a></li>
{% endunless %}
{% endif %}
{% break %}
{% endif %}
{% endfor %}
{% endfor %}
</ul
</div>
</div>
<div class="gutter-1-4"><hr></div>
</section>
</div>