-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
425 lines (412 loc) · 20.8 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
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
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>C1 Summer 2018</title>
<link href="css/main.css" rel="stylesheet" type="text/css"/>
<link href="css/table.css" rel="stylesheet" type="text/css"/>
<link href="css/container.css" rel="stylesheet" type="text/css"/>
<link href="css/alert.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="headerArea">
<div class="className">
C1 - Intro to Computer Sci - Learning Java
</div>
<div class="headerNavbar">
<button id="mainButton">Home</button>
<button id="courseInfoButton">Course Info</button>
<button id="lessonsButton">Lessons</button>
<button id="labsButton">Homework Lab Sets</button>
<button id="projectsButton">Programming Assignments</button>
<button id="softwareButton">Software</button>
<button id="quizzesButton">Quizzes</button>
<button id="githubButton">Github</button>
<button id="coursePortalButton">course_PORTaL</button>
</div>
</div>
<div class="headerDivider"></div>
<div class="containerArea" id="main">
<div class="containerTitle">
Welcome to the C1 Tutorial Class: Intro to Computer Science - Learning Java!
</div>
<div class="containerBody">
<div class="containerMainBody">
In this tutorial class, you will learn the essential basics of the Java language! This tutorial will be split up into two halves - the first half (C1A) will be primarily focused on variables, functions, logic, and objects while the second half will be a bit more complex (C1B). For those who want to continue in the second half of the course (C1F) or only sign up for the second half of the course (C1B), you must sign up with Evan!
</div>
<div class="containerOtherBody">
When you join this class, you will be creating Java programs. You will learn primarily the coding aspects of the Java language. To work on your code, you must download the Eclipse program (please see the "Software" tab).
</div>
<div class="alertBox">
<div class="alertBoxHeader">
<div class="alertBoxIcon">
</div>
<div class="alertBoxHeaderText">
Important! Students, please read!
</div>
</div>
<div class="alertBoxBody">
Classes will begin on Saturday, June 30th, 2018. For those who would like to enroll any one of these tutorial classes - C1A, C1B, or C1F - please send me an email soon! Here are the exact details below.
<div class="webpageTable">
<div class="headerRow">
<div class="headerCellExtend">
</div>
<div class="headerCellExtend">
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Tutor Instructor
</div>
<div class="tableCellExtend">
Evan Chen
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Tutor's Email
</div>
<div class="tableCellExtend">
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Meetup for tutorial classes
</div>
<div class="tableCellExtend">
U of T St. George, Robarts Library (1st Floor, Study Room #1)
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Tutorial Date Start
</div>
<div class="tableCellExtend">
Saturday, June 30th, 2018. Each class will be weekly unless stated otherwise. Please check the <button id="2ndlessonsButton">Lessons</button> page for C1A, C1B, and C1F.
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Tutorial Start Time - End Time
</div>
<div class="tableCellExtend">
Each tutorial will start from 10 am to 12pm with breaks in-between.
</div>
</div>
<div class="tableRow">
<div class="tableCellExtend">
Method for enrolment for C1B and C1F
</div>
<div class="tableCellExtend">
Please send me an email before July 6th, 2018.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="containerArea" id="courseInfo">
<div class="containerTitle">
Course Information
</div>
<div class="containerBody">
<div class="containerNavbarBody">
<button id="introButton">Introduction</button>
<button id="enrolmentButton">Enrolment</button>
<button id="scheduleInfoButton">Schedule Information</button>
<button id="gradeSchemeButton">Grading Scheme</button>
<button id="labsInfoButton">Labs Information</button>
<button id="projectsInfoButton">Projects Information</button>
<button id="testInfoButton">Test Information</button>
<button id="githubInfoButton">Github Information</button>
<button id="coursePortalInfoButton">course_PORTaL Information</button>
<button id="futureCoursesInfoButton">Future Courses Information</button>
</div>
<div class="section" id="empty">
</div>
<div class="section" id="intro">
Welcome to the C1 tutorial class: Intro to Computer Sci - Learning Java! In this tutorial class, you will learn how to develop simple Java applications through the use of Eclipse. In the first half of C1F (considered as C1A), you will go through six classes learning the essentials of the Java programming language. During the second half of C1F (or if you have chosen to take only C1B), you will go through another six classes learning how to apply the logic you have learned in the first half of C1F (or C1A) in bigger programs such as data structures like binary trees and matrices.
</div>
<div class="section" id="enrolment">
To enroll into any one of the C1 tutorial course sections (C1A, C1B, or C1F), you must send an email to Evan Chen (the tutorial course instructor). His email is [email protected] (evanchen[dot]cs[at]gmail[dot]com). For the course to be initiated, there must be at least 5 students enrolled into the course with 10 students maximum enrolled into the course. Enrolment into the course will start today on June 30th to July 6th. If you are placed on the waitlist, please keep on checking back with Evan if you are still able to join the class. Please note that there may be a fee to enroll into the second half of the tutorial course - C1B.
</div>
<div class="section" id="scheduleInfo">
The C1 tutorial class will start on June 30th, 2018. <br/><br/>
The C1A (or the first half of C1F) tutorial classes will be weekly unless stated otherwise; it will be held every Saturday for 5 weeks at U of T's Robarts Library (in the St. George Campus study rooms) starting on June 30th, 2018 and it will be held at 10 am in the morning until 12 pm (depending on how fast we go, there may be a chance that we can leave early). Usually, each lesson will a focus on the essential skills - which is the coding portion. <br/><br/>
After the 6th class of C1A, there will be a test based on the coding and theory we have learned. Please take a look at the lessons page on the course website to check the schedule of the tutorial course.<br/><br/>
After the 6th class of C1F, there will be a one-week break. On August 9th, students will start the second half of the C1F tutorial course (or this will mark the first class of those who are taking C1B instead!). Please take a look at the lessons page on the course website to check the schedule of the tutorial course.
</div>
<div class="section" id="gradingScheme">
There will be work distributed throughout this tutorial course's six classes. Among this work, there will be 2 different homework lab sets to help guide you along the lessons, 1 programming assignment in each section - C1A and C1B - 2 programming assignments in C1F, to help give you an understanding of how to develop applications on the web, 4 quizzes (for each section, otherwise 8 total quizzes for the combined tutorial section, C1F) and a course-end test that covers all topics taught in the course. Please take a look at the course grading scheme down for each of the sections below.
<div class="webpageTable">
<div class="headerRow">
<div class="headerEvalCell">Evaluation for C1A</div>
<div class="headerEvalCell">Weight</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">2 Homework Lab Sets</div>
<div class="tableEvalCell">15% each (30% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Programming Assignment A</div>
<div class="tableEvalCell">25%</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">4 Quizzes</div>
<div class="tableEvalCell">2.5% each (10% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Course-end Test</div>
<div class="tableEvalCell">35%</div>
</div>
</div>
<div class="webpageTable">
<div class="headerRow">
<div class="headerEvalCell">Evaluation for C1B</div>
<div class="headerEvalCell">Weight</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">2 Homework Lab Sets</div>
<div class="tableEvalCell">20% each (40% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Programming Assignment B</div>
<div class="tableEvalCell">30%</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">4 Quizzes</div>
<div class="tableEvalCell">1.25% each (5% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Course-end Test</div>
<div class="tableEvalCell">25%</div>
</div>
</div>
<div class="webpageTable">
<div class="headerRow">
<div class="headerEvalCell">Evaluation for C1F</div>
<div class="headerEvalCell">Weight</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">4 Homework Lab Sets</div>
<div class="tableEvalCell">10% each (40% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Programming Assignment A</div>
<div class="tableEvalCell">11%</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Programming Assignment B</div>
<div class="tableEvalCell">14%</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">8 Quizzes</div>
<div class="tableEvalCell">1.25% each (10% total)</div>
</div>
<div class="tableRow">
<div class="tableEvalCell">Course-end Test</div>
<div class="tableEvalCell">25%</div>
</div>
</div>
By the end of this tutorial course, you will receive a numerical mark that will show up on your course_PORTaL account. For those who achieve one of the top three marks in the class, you will each receive a gift. (Please note: the gift will also depend on your position in the top ranks!)
</div>
<div class="section" id="labsInfo">
Depending on which tutorial section you are in, you will have homework lab sets to work on. In C1A and C1B, there will be 2 homework lab sets each to work on - these will contain a medley of questions related to the lessons. Each set will have three parts to it: the written portion, fill-in-the-blanks coding sections, and a DIY coding portion. Be prepared to hand in your code online through the means of using Github! The written portion can be typed up and sent by email if you choose to do so. Otherwise, handing it in by person also works.<br/><br/>
If you choose to take the C1F tutorial section, you will be working on 4 homework lab sets, two homework lab sets in each half.
</div>
<div class="section" id="testInfo">
In each tutorial class section, there will be a course-end test you will have to write. It will account a hefty weight of your final mark in any of these sections. It will cover all topics taught in this tutorial class. You will be given 120 minutes to write this test; you are allowed to write your own cheat sheet (8 x 11 inches, double sided) and you may bring it to the test.
</div>
<div class="section" id="githubInfo">
In this tutorial class, you MUST use <a href="https://github.com/">Github</a> to be able to hand in your work. What is Github? It is a service that allows you to post your work in a "folder" called a repository (which is unique to the work you post into it). You can allow other collaborators to join (those you want to work with) a particular repository, and you can share work with many others. Github acts like a portfolio of sorts for us Computer Scientists and Software/Computer/Electrical/(insert engineering title here) engineers, sort of like how art students save their art work in a portfolio folder. You should only upload your work on Github; do NOT send me an email containing a zip folder of your work and do not give me any Dropbox links containing your work. Do not scp your work to me as well... I will only check Github and mark what is inside the repository I have shared with you/the repository you have shared with me.
</div>
<div class="section" id="coursePortalInfo">
In this tutorial class, we will be using "course_PORTaL", an application that was created from bottom-up by yours truly, just for your convenience! This web application details all of the courses you have joined in the past and will show your current final mark based on the work you have handed in and what has been marked. It will be also a place to share Github links with me if you have created your own repositories and would like to hand in those repositories instead. With each work you hand in, everything marked will be shown on course_PORTaL. The instructor will create an account for you; you will receive your username and password through text/email. You can change your password through this application.
</div>
<div class="section" id="futureCoursesInfo">
Interested in more Computer Science topics? There are quite a number of courses offered in 2018. Here are some courses that will be offered during then (please check back for the links of these courses)!
</div>
</div>
</div>
<div class="containerArea" id="lessons">
<div class="containerTitle">
Lessons (C1A)
</div>
<div class="containerBody">
<div class="webpageTable">
<div class="headerRow">
<div class="headerCell">Lesson</div>
<div class="headerCellExtend">Date</div>
<div class="headerCellExtend">Lesson Topics</div>
<div class="headerCellExtend">Lesson Files</div>
<div class="headerCellExtend">Reference</div>
</div>
<div class="tableRow">
<div class="tableCell">1</div>
<div class="tableCellExtend">June 30, 2018 (pushing the start of class to 12 pm!)</div>
<div class="tableCellExtend">Introduction + What are classes, the main function, and System.out.println?</div>
<div class="tableCellExtend">
</div>
<div class="tableCellExtend">
</div>
</div>
<div class="tableRow">
<div class="tableCell">2</div>
<div class="tableCellExtend">July 7, 2018</div>
<div class="tableCellExtend">Functions and Variables</div>
<div class="tableCellExtend">
</div>
<div class="tableCellExtend">
</div>
</div>
<div class="tableRow">
<div class="tableCell">3</div>
<div class="tableCellExtend">July 14, 2018</div>
<div class="tableCellExtend">Logic and If Statements</div>
<div class="tableCellExtend"></div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">4</div>
<div class="tableCellExtend">July 21, 2018</div>
<div class="tableCellExtend">Logic and Looping</div>
<div class="tableCellExtend"></div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">5</div>
<div class="tableCellExtend">July 24, 2018 (this is a Tuesday evening @ 6 pm!)</div>
<div class="tableCellExtend">Object Creation</div>
<div class="tableCellExtend">
</div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">6</div>
<div class="tableCellExtend">July 28, 2018</div>
<div class="tableCellExtend">Object Inheritance</div>
<div class="tableCellExtend">
</div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">Exam</div>
<div class="tableCellExtend">August 2, 2018</div>
<div class="tableCellExtend">Course-End Test</div>
<div class="tableCellExtend">
<ul>
<li><a href="">Course-End Test Answers</a></li>
<li><a href="">Practice Test</a></li>
</ul>
</div>
<div class="tableCellExtend"></div>
</div>
</div>
</div>
</div>
<div class="containerArea" id="labs">
<div class="containerTitle">
Labs
</div>
<div class="containerBody">
<div class="webpageTable">
<div class="headerRow">
<div class="headerCell">Homework Lab Set</div>
<div class="headerCellExtend">Due Date</div>
<div class="headerCellExtend">Lab Topic</div>
<div class="headerCellExtend">Instructions</div>
<div class="headerCellExtend">Answer Example</div>
</div>
<div class="tableRow">
<div class="tableCell">A-1</div>
<div class="tableCellExtend">July 16, 2018</div>
<div class="tableCellExtend">Functions, Variables, and If Statements</div>
<div class="tableCellExtend">
<a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Homework%20Set%20A-1.pdf">Lab Set A-1 Worksheets and Instructions</a><br/>
Here are the fill-in-the-blank lab packages for part II.
<ul>
<li><a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Set%20A1/stringfun.zip">Small String Fun (Zip File)</a></li>
<li><a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Set%20A1/calculator.zip">Mini Functional Primitive Calculator (Zip File)</a></li>
<li><a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Set%20A1/countdown.zip">A Countdown Program (Zip File)</a></li>
<li><a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Set%20A1/steppingstone.zip">The Stepping Stone (Zip File)</a></li>
<li><a href="https://superevanturtileman.github.io/C1-Summer2018-Java/homework/Set%20A1/hotpotato.zip">Passing the Hot Potato (Zip File)</a></li>
</ul>
</div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">A-2</div>
<div class="tableCellExtend">August 4, 2018</div>
<div class="tableCellExtend">Logical Loops and Object Oriented Programming</div>
<div class="tableCellExtend"></div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">B-1</div>
<div class="tableCellExtend">TBD August 2018</div>
<div class="tableCellExtend">A Hands-on Experience With Sorting</div>
<div class="tableCellExtend"><a href="">Lab 7 Instructions</a></div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">B-2</div>
<div class="tableCellExtend">TBD August 2018</div>
<div class="tableCellExtend">Linked List Fun</div>
<div class="tableCellExtend"></div>
<div class="tableCellExtend"></div>
</div>
</div>
</div>
</div>
<div class="containerArea" id="projects">
<div class="containerTitle">
Coding Assignments
</div>
<div class="containerBody">
<div class="webpageTable">
<div class="headerRow">
<div class="headerCell">Assignment</div>
<div class="headerCellExtend">Due Date</div>
<div class="headerCellExtend">Project Title</div>
<div class="headerCellExtend">Instructions</div>
</div>
<div class="tableRow">
<div class="tableCell">A</div>
<div class="tableCellExtend">August 4, 2018</div>
<div class="tableCellExtend">Creating an Interactive Game</div>
<div class="tableCellExtend"></div>
</div>
<div class="tableRow">
<div class="tableCell">B</div>
<div class="tableCellExtend">August 24, 2018</div>
<div class="tableCellExtend">Create a Vigenère Cipher</div>
<div class="tableCellExtend"></div>
</div>
</div>
</div>
</div>
<div class="containerArea" id="softwareDownload">
<div class="containerTitle">
Software
</div>
<div class="containerBody">
In this course, you will need the required software downloads:
<ul>
<li>Java 8 - Visit the Java SE Development Kit 8 <a href="http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html">download page</a> and install the appropriate version of the JDK for your operating system.</li>
<li>Eclipse IDE - Visit the Eclipse IDE <a href="https://eclipse.org/downloads/">download page</a>and install the appropriate version of Eclipse IDE for Java Developers for your operating system.</li>
</ul>
</div>
</div>
<div class="containerArea" id="quizzesAndPractice">
<div class="containerTitle">
Quizzes and Practice
</div>
<div class="containerBody">
Check back here later in the week for some material!
</div>
</div>
<script src="js/blockchange.js"></script>
</body>
</html>