-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
110 lines (98 loc) · 12.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
<!DOCTYPE HTML>
<html lang="en">
<style>
div.scroll {
direction:rtl;
width:50%;
overflow-y:scroll;
height:100px;
}
div {
direction:ltr;
}
</style>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="./styles.css" type="text/css">
<title>CSC309 Programming on the Web, Winter 2017</title>
</head>
<BODY BGCOLOR="ffffff">
<div class="title"><h1>CSC309 Programming on the Web. Amir H. Chinaei</h1></div>
<div class="navigation">
<ul><li><a href="./index.html">home</a></li>
<li><a href="./syllabus.html">information sheet</a></li>
<li><a href="./staff.html">course staff</a></li>
<li><a href="./re-mark.html">re-mark form</a></li>
<li><a href="./specialConsideration.html">special consideration</a></li>
<li><a href="https://bb-2017-01.teach.cs.toronto.edu/c/csc309" target="_blank">discussion board</a></li>
<li><a href="http://www.cdf.toronto.edu/resources/cdf_student_secure_website.html" target="_blank">grades</a></li>
<li><a href="./peerInstruction.html">peer instruction</a></li>
</ul>
</div>
<div class="content">
<input type="button" value="Print this page" onclick="printThisPage()" style="float: right;">
<script>++
function printThisPage() {
window.print();
}
</script>
<h3>Announcements:</h3>
<div class="scroll">
<div>
<ul> <font size="2">
<li>April 04: Optional review session on April 7 from 3 to 4 in SS 1071; the session will be repeated from 4 to 5 too. </li><br>
<li>April 02: I hold my office hours on April 3 from 1:30 to 3:30 due to another event.</li><br>
<li>April 01: Projects live demo on Tue, April 4, 11:30-1:30 and 1:30-3:30 in Atrium.</li><br>
<li>March 15: <font color="red">Assignment 2 Office Hours:</font><ul><table border="1"><tr><td>March 17</td><td>4:10-5:50</td><td>BA3201</td></tr><tr><td>March 20</td><td>4:10-5:50</td><td>BA3289</td></tr><tr><td>March 21</td><td>4:10-5:50</td><td>BA3201</td></tr><tr><td>March 22</td><td>4:10-5:50</td><td>BA3289</td></tr><tr><td>March 23</td><td>5:10-6:50</td><td>BA3201</td></tr></table></ul></li><br>
<li>March 10: Peer Instruction is now available. Find it in the menu on the left.</li><br>
<li>March 07: Grades for Lab2-Lab7, A1, and Phase0-Phase2 are available in CDF.</li><br>
<li>Feb 28: Phase 3 & A2 spec/repo are already available. A2 <font color="red">requires individual work</font>.</li><br>
<li>Feb 17: Final exam is scheduled on April 13, 7-10</li><br>
<li>Feb 15: Phase 2 is extended to Feb 24, 10:00pm. Teams submitting it on Feb 17 receive bonus points.</li><br>
<li>Feb 06: Exra office hours for Assignment 1: Wed Feb 8, 3:00-5:00 in BA3289.</li><br>
<li>Feb 05: Phase 2 spec/repo is available in your project repo.</li><br>
<li>Feb 01: Grades for Lab2, Lab3, and Phase0 are available in CDF.</li><br>
<li>Jan 27: A1 spec/repo is now available. <font color="red">requires individual work</font></li><br>
<li>Jan 15: Guest lecturere on Project Management this Mon 10-11 and 6-7: Q/A sessions in BA7172 at 1-2 and 4-5.</li><br>
<li>Jan 14: If you have not received the Project Specification, please (re)complete Survey 1. Instructions are in lec01_1p.pdf below.</li><br>
<li>Jan 07: Welcome to CSC309, Spring 2017! Lectures and labs start from Jan 09. Meanwhile, please make sure to read the information sheet, on the left.</li>
</font>
</ul>
</div>
</div>
<dl>
<h3>Schedule:</h3>
<table width="80%">
<tr>
<td><font size="2"><i>The following table will be updated regularly with more details.<br>Students are encouraged to complete the lecture notes by their own, during the lectures and/or shortly after.</i></font>
<font size="4">
<table Border="1">
<tr><th> W</th> <th>Topics </th><th width=80>Lectures</th><th>More Readings and Resources</th></tr>
<tr><th> 1</th> <td>class plan, architecture </td><td height=65><center><a href="lec01_1p.pdf">lec01_1p</a><br><a href="lec01_6p.pdf">lec01_6p</a></center></td><td><font size="2.5">warmup: <a href="https://try.github.io/levels/1/challenges/1">15-minute Git</a>, <a href="https://git-scm.com/book/en/v2">Pro Git book</a><br><a href="https://www.w3.org/History.html">web history</a>, <a href="https://www.w3.org/Consortium/">w3c concortium</a>, <a href="http://www.w3schools.com/">w3c school</a><br><a href="lecture01-annot.zip">lec01 annotations</a>, <a href="InfoSheet.pdf">course syllabus</a>, <a href="lab01.pdf">lab01</a></font></td></tr>
<tr><th> 2<br><font title= "Project Phase 0 due on Jan 20, 10:00 pm"color="red" size="1">Ph0</font></th>
<td>project management, fe:html </td><td height=65><center><a href="lec02A_1p.pdf">lec02A1p</a><br><a href="lec02A_6p.pdf">lec02A6p</a><br><a href="lec02B_1p.pdf">lec02B1p</a><br><a href="lec02B_6p.pdf">lec02B6p</a></center></td><td><font size="2.5"><a href="https://html.spec.whatwg.org/multipage/introduction.html#history-2">html history</a> (from whatwg)<br><a href="https://www.w3.org/People/Raggett/book4/ch02.html">html history</a> (from w3c)<br><a href="lab02.pdf">lab02</a></font></td></tr>
<tr><th> 3</th> <td>fe: css, responsive design </td><td height=65><center><a href="lec03_1p.pdf">lec03_1p</a><br><a href="lec03_6p.pdf">lec03_6p</a></center></td><td><font size="2.5"><a href="http://www.w3schools.com/css/css_rwd_mediaqueries.asp">media querries</a>, <a href="http://www.w3schools.com/cssref/">css reference</a><br> lab03 sol (<a href="lab03/index.html">html</a>, <a href="lab03/assets/css/style.css">css</a>, <a href="lab03.pdf">slides</a>)</font></td></tr>
<tr><th> 4<br><font title= "Project Phase 1 due on Feb 03, 10:00 pm" color="red" size="1">Ph1</font></th>
<td>fe: javascript, html forms </td><td height=65><center><a href="lec04_1p.pdf">lec04_1p</a><br><a href="lec04_6p.pdf">lec04_6p</a></center></td><td><font size="2.5"><a href="https://www.w3.org/community/webed/wiki/A_Short_History_of_JavaScript">js history</a>, <a href="https://www.w3.org/blog/MWITeam/2007/07/26/thin_and_dumb_or_fat_and_smart">thin & dumb or fat & smart</a><br><a href="http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/">js callback</a>, <a href="https://www.w3.org/DOM/">dom</a><br/><a href="https://www.w3.org/wiki/Graceful_degradation_versus_progressive_enhancement">graceful degradation & progressive enhancement</a></br>lab04 sol (<a href="lab04/tapp.html">html</a>, <a href="lab04/assets/css/styles.css">css</a>, <a href="lab04.pdf">slides</a>)</font></td></tr>
<tr><th> 5<br><font title= "Assignment 1 due on Feb 10, 10:00 pm" color="red" size="1">A1</font></th>
<td>database: structured, semi-structured</td><td height=65><center><a href="lec05_1p.pdf">lec05_1p</a><br><a href="lec05_6p.pdf">lec05_6p</a></center></td><td><font size="2.5"><a href="https://www.w3schools.com/xml/dom_intro.asp">xml dom</a>, <a href="http://db-engines.com/en/ranking">db-engine rankings</a> <a href="https://www.sitepoint.com/sql-vs-nosql-differences/">Not only SQL</a><br/>mongodb & js via mongoose: useful links <a href="http://mongoosejs.com/docs/guide.html">1</a>, <a href="http://mongoosejs.com/docs/api.html">2</a></br>mysql and js: useful links <a href="https://codeforgeek.com/2015/01/nodejs-mysql-tutorial/">1</a>, <a href="https://www.sitepoint.com/using-node-mysql-javascript-client/">2</a>, <a href="https://github.com/mysqljs/mysql">3</a></br>lab05 sol (<a href="lab05/tapp.html">tapp.html</a>, <a href="lab05/server.js">server.js</a>, <a href="lab05/assets/scripts/scripts.js">scripts</a></br> <a href="lab05/model/ta.js">data model</a>, <a href="lab05.pdf">slides</a>)</font></td></tr>
<tr><th> 6<br><font title= "Project Phase 2 due on Feb 17, 10:00 pm" color="red" size="1">Ph2</font></th>
<td>be: http, rest, node </td><td height=65><center><a href="lec06_1p.pdf">lec06_1p</a><br><a href="lec06_6p.pdf">lec06_6p</a></center></td><td><font size="2.5"><a href="https://code.tutsplus.com/tutorials/a-beginners-guide-to-http-and-rest--net-16340">simple guide to rest</a>, <a href="https://gist.github.com/iksose/9401758">creating a rest api</a></br>lab06 (<a href="lab06.pdf">slides</a>)</font></td></tr>
<tr><th> 7</th> <td>be: jquery, ajax </td><td height=65><center><a href="lec07_1p.pdf">lec07_1p</a><br><a href="lec07_6p.pdf">lec07_6p</a></center></td><td><font size="2.5">jquery (<a href="https://www.w3schools.com/jquery/default.asp">tutorial</a>, <a href="https://www.tutorialspoint.com/jquery/jquery-overview.htm">another tutorial</a>, <a href="http://api.jquery.com/category/selectors/">selectors</a></br> <a href="http://api.jquery.com/category/traversing">traverse</a>, <a href="https://www.w3schools.com/jquery/jquery_ref_ajax.asp">ajax methods</a>, <a href="http://www.jquery-tutorial.net/">complete tutorial</a>, <a href="http://api.jquery.com/">api</a>)</br>lab07 sol (<a href="lab07/index.html">index</a>, <a href="lab07/assets/css/style.css">styles</a>, <a href="lab07/chatserver.js">server</a>, <a href="lab07/package.json">package</a></br> <a href="lab07/.gitignore">.gitignore</a>, <a href="lab07/assets/scripts/script.js">scripts</a>, <a href="lab07.pdf">slides</a>)</font></td></tr>
<tr><th> 8</th> <td>be: hosting, dns </td><td height=65><center><a href="lec08_1p.pdf">lec08_1p</a><br><a href="lec08_6p.pdf">lec08_6p</a></center></td><td><font size="2.5">learn more about <a href="http://computer.howstuffworks.com/dns.htm">dns</a></br>lab08 (<a href="lab08.pdf">slides</a>)</font></td></tr>
<tr><th> 9<br><font title= "Project Phase 3 due on March 17, 10:00 pm" color="red" size="1">Ph3</font></th>
<td>event loop, jsonp </td><td height=65><center><a href="lec09_1p.pdf">lec09_1p</a><br><a href="lec09_6p.pdf">lec09_6p</a></center></td><td><font size="2.5"><a href="https://www.w3schools.com/js/js_json_jsonp.asp">jsonp</a>, optional: w3c recommendation <a href="https://www.w3.org/TR/cors/">cors</a></br>lab 09 sol (<a href="lab09/index.html">index</a>, <a href="lab09/app.js">app</a>, <a href="lab09.pdf">slides</a>)</font></td></tr>
<tr><th>10<br><font title= "Assignment 2 due on March 24, 10:00 pm" color="red" size="1">A2</font></th>
<td>security, attacks: xss, code injection</td><td height=65><center><a href="lec10_1p.pdf">lec10_1p</a><br><a href="lec10_6p.pdf">lec10_6p</a></center></td><td><font size="2.5">on <a href="https://www.codeproject.com/Articles/134024/HTML-and-JavaScript-Injection">code injection</a>, <a href="https://excess-xss.com/">xss</a> tutorial, and</br> <a href="https://media.blackhat.com/bh-us-11/Sullivan/BH_US_11_Sullivan_Server_Side_WP.pdf">server side js injection</a></br>lab10 (<a href="lab10.pdf">slides</a>)</font></td></tr>
<tr><th>11<br><font title= "Project Phase 4 due on March 31, 10:00 pm" color="red" size="1">Ph4</font></th>
<td>digital signature, certification, keys</td><td height=65><center><a href="lec11_1p.pdf">lec11_1p</a><br><a href="lec11_6p.pdf">lec11_6p</a></center></td><td><font size="2.5"><a href="https://en.wikipedia.org/wiki/Public_key_certificate">public-key certificate</a>, <a href="http://www.cs.virginia.edu/~kam6zx/is-it-secure/the-hardness-of-factoring/">is RSA secure?</a><br>lab 11 sol (<a href="lab11/gulpfile.js">gulpfile</a>, <a href="lab11/package.json">package</a>, <a href="lab11/source/css/s1.css">s1</a>, <a href="lab11/source/css/s2.css">s2</a>, <a href="lab11/source/css/s3.css">s3</a><br> <a href="lab11/source/js/s1.js">s1.js</a>, <a href="lab11/source/js/s2.js">s2.js</a>, <a href="lab11/source/js/s3.js">s3.js</a>)</font></td></tr>
<tr><th>12<br><font title= "Project Phase 5 due on April 04, 12:30-5 pm" color="red" size="1">Ph5</font></th>
<td>projects demo, review </td><td height=65><center><font color="grey">none</font></center></td><td><font size="2.5">past exams: <a href="csc309h-d15SampleExam.pdf">1</a>, <a href="csc309h-m16SampleExam.pdf">2</a>, <a href="csc309h-a16SampleExam.pdf">3</a>, <a href="csc309h-d16SampleExam.pdf">4</a><br>A2 sample <a href="A2-sample.zip">solution</a> for backend and tests</font></td></tr>
</table></font></td>
</tr>
</table>
</dl>
</div>
<hr>
</BODY>
</html>