-
Notifications
You must be signed in to change notification settings - Fork 13
Expand file tree
/
Copy pathindex.html
More file actions
191 lines (150 loc) · 14.3 KB
/
index.html
File metadata and controls
191 lines (150 loc) · 14.3 KB
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
<link rel="shortcut icon" type="image/x-icon" href="./material/lectures/images/favicon.ico" />
<title>Web Programming Course (F28WP)</title>
<style>
#particles-js {
left: 0;
top: 0;
width: 100%;
height: 100%;
position:absolute;
z-index:-1000;
opacity: 0.5;
}
</style>
<div id="particles-js"></div>
<br>
<br>
<br>
<table align="center"><tr><td>
F28WP - <a href='https://dl.acm.org/doi/abs/10.1145/3388530.3407243'>Web Programming</a>
<br>
<br>
<table>
<thead id="headtoc">
<tr>
<td>Wk </td>
<td>No </td>
<td>Topic </td>
<td> </td>
<td>Lecture </td>
<td> </td>
<td>Notes </td>
<td>Tasks </td>
<td>Quizzes </td>
<td>Crosswords </td>
</tr>
</thead>
<tbody id="bodytoc">
</tbody>
</table>
<br>
<p>
Assessment:<br>Exam 50% <br>Coursework (50%)
</p>
</td></tr></table>
<script>
// Wk No Topic [GAP] Lecture [GAP] Notes Tasks Quizzes Crossword
/*
// files/folders follow naming convention
material/
lectures/ // Lecture 00 -
notes/ // Notes 00 -
labs/ // Task 00 -
quizzes/ // Quiz 00 -
crosswords/ // Crossword 00 -
*/
// l:lecture, n:notes, q:quiz, t:labs(tasks), c:crosswords, e:extra-links
let toc = [
{ wk: '1', no: '00', name: 'Introduction' , l:true, n: true , t:false, q: true, c:true },
{ no: '01', name: 'Internet and Web' , l:true, n: true , t:true, q: true, c:true },
{ no: '02', name: 'Fundamentals of HTML and CSS' , l:true, n: true , t:true, q: true, c:true },
{ wk: '2', no: '03', name: 'Productive Web Programming' , l:true, n: true , t:true, q: true, c:true },
{ no: '04', name: 'JavaScript Prt 1 (Basics)' , l:true, n: true , t:true, q: true, c:true },
{ wk: '3', no: '05', name: 'JavaScript Prt 2' , l:true, n: true , t:true, q: true, c:false },
{ no: '06', name: 'JavaScript & DOM' , l:true, n: true , t:false, q: true, c:false },
{ wk: '4', no: '07', name: 'JQuery' , l:true, n: true , t:true, q: true, c:false },
{ no: '08', name: 'AJAX & JSON' , l:true, n: true , t:true, q: true, c:false },
{ wk: '5', no: '09', name: 'XML & RSS' , l:true, n: false, t:true, q: false, c:false },
{ no: '10', name: 'Revision' , l:true, n: false, t:true, q: false, c:false },
{ wk: '6', no: '-', name: 'Reading Week (No Lectures)' },
{ wk: '7', no: '11', name: 'Data, Cookies & Files' , l:true, n: true, t:false, q: false, c:false },
{ no: '12', name: 'NodeJS Prt1' , l:true, n: true, t:true, q: true, c:false },
{ wk: '8', no: '13', name: 'NodeJS Prt2' , l:true, n: true, t:true, q: false, c:false },
{ no: '14', name: 'NodeJS & DB' , l:true, n: true, t:false, q: true, c:false },
{ wk: '9', no: '15', name: 'Security (Encryption, Safety, Passwords)' , l:true, n: true, t:true, q: true, c:false },
{ no: '16', name: 'Hybrid Apps and Mobile (Framework7, Bootstrap, React, AngularJS) ' , l:true, n: false, t:false, q: false, c:false },
{ wk: '10', no: '17', name: 'Web Services (SOAP, REST)' , l:true, n: true, t:true, q: true, c:false },
{ no: '18', name: 'Design (Web-Analytics, Adaptive UI and UX, Web Robots, Business)' , l:true, n: true, t:false, q: false, c:false },
{ wk: '11', no: '19', name: 'Typescript' , l:true, n: false, t:false, q: false, c:false },
{ no: '20', name: 'Review & Support Lecture' , l:true, n: false, t:false, q: false, c:false },
{ wk: '12', no: '21', name: 'Review & Support Lecture' , l:true, n: false, t:false, q: false, c:false }
];
// Slides Notes Labs Revision Crossword
let bodytoc = document.getElementById('bodytoc');
for (let i=0; i<toc.length; i++)
{
// Insert a row at the end of table
var newRow = bodytoc.insertRow();
if ( toc[i].wk ) newRow.insertCell().innerHTML = toc[i].wk;
else newRow.insertCell().innerHTML = ''; // week
newRow.insertCell().innerHTML = toc[i].no;
newRow.insertCell().innerHTML = toc[i].name;
newRow.insertCell().innerHTML = ' '; // gap
if ( toc[i].l ) newRow.insertCell().innerHTML = `<a href='./material/lectures/Lecture ${toc[i].no} - ${toc[i].name}.html'>Slides</a>`;
else newRow.insertCell().innerHTML = '-';
newRow.insertCell().innerHTML = ' '; // gap
if ( toc[i].n ) newRow.insertCell().innerHTML = `<a href='./material/notes/Notes ${toc[i].no} - ${toc[i].name}.html'>Notes</a>`;
else newRow.insertCell().innerHTML = '-';
if ( toc[i].t ) newRow.insertCell().innerHTML = `<a href='./material/tasks/Task ${toc[i].no} - ${toc[i].name}.html'>Lab</a>`;
else newRow.insertCell().innerHTML = '-';
if ( toc[i].q ) newRow.insertCell().innerHTML = `<a href='./material/quizzes/Quiz ${toc[i].no} - ${toc[i].name}.html'>Quiz</a>`;
else newRow.insertCell().innerHTML = '-';
if ( toc[i].c ) newRow.insertCell().innerHTML = `<a href='./material/crosswords/Crossword ${toc[i].no} - ${toc[i].name}.html'>Crossword</a>`;
else newRow.insertCell().innerHTML = '-';
}
</script>
<script src="./scripts/particles.js"></script>
<script src="./scripts/appHome.js"></script>
<!--
<br>
<table align="center"><tr><td>
F28WP - <a href='https://dl.acm.org/doi/abs/10.1145/3388530.3407243'>Web Programming</a>
<br>
<br>
<table>
<tr>
<td>Wk </td>
<td>No </td>
<td>Topic </td>
<td>Lecture </td>
<td> </td>
<td>Notes </td>
<td>Tasks </td>
<td>Quizzes </td>
<td>Crossword </td>
</tr>
<tr><td> </td><td> 0</td><td>Introduction</td><td><a href='.\material\lectures\Lecture 00 - Introduction.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 00 - Introduction.html'>Notes</td><td><a href='.\material\tasks\Task 00 - Introduction.html'>Task</td><td><a href='.\material\quizzes\Quiz 00 - Introduction.html'>Revision</td><td><a href='.\material\crosswords\Crossword 00 - Introduction.html'>Crossword</td></tr>
<tr><td> 1</td><td> 1</td><td>Internet and Web</td><td><a href='.\material\lectures\Lecture 01 - Internet and Web.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 01 - Internet and Web.html'>Notes</td><td><a href='.\material\tasks\Task 01 - Internet and Web.html'>Task</td><td><a href='.\material\quizzes\Quiz 01 - Internet and Web.html'>Revision</td><td><a href='.\material\crosswords\Crossword 01 - Internet and Web.html'>Crossword</td></tr>
<tr><td> </td><td> 2</td><td>Fundamentals of HTML and CSS</td><td><a href='.\material\lectures\Lecture 02 - Fundamentals of HTML and CSS.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 02 - Fundementals of HTML and CSS.html'>Notes</td><td><a href='.\material\tasks\Task 02 - Fundamentals of HTML and CSS.html'>Task</td><td><a href='.\material\quizzes\Quiz 02 - Fundamentals of HTML and CSS.html'>Revision</td><td><a href='.\material\crosswords\Crossword 02 - Fundamentals of HTML and CSS.html'>Crossword</td></tr>
<tr><td> 2</td><td> 3</td><td>Productive Web Programming</td><td><a href='.\material\lectures\Lecture 03 - Productive Web Programming.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 03 - Productive Web Programming.html'>Notes</td><td><a href='.\material\tasks\Task 03 - Productive Web Programming.html'>Task</td><td><a href='.\material\quizzes\Quiz 03 - Productive Web Programming.html'>Revision</td><td><a href='.\material\crosswords\Crossword 03 - Productive Web Programming.html'>Crossword</td></tr>
<tr><td> </td><td> 4</td><td>Javascript Prt 1 (Basics)</td><td><a href='.\material\lectures\Lecture 04 - Javascript Prt 1 (Basics).html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 04 - Javascript Prt 1 (Basics).html'>Notes</td><td><a href='.\material\tasks\Task 04 - Javascript Prt 1 (Basics).html'>Task</td><td><a href='.\material\quizzes\Quiz 04 - Javascript Prt 1 (Basics).html'>Revision</td><td><a href='.\material\crosswords\Crossword 04 - Javascript Prt 1 (Basics).html'>Crossword</td></tr>
<tr><td> 3</td><td> 5</td><td>Javascript Prt 2</td><td><a href='.\material\lectures\Lecture 05 - Javascript Prt 2.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 05 - Javascript Prt 2.html'>Notes</td><td><a href='.\material\tasks\Task 05 - Javascript Prt 2.html'>Task</td><td><a href='.\material\quizzes\Quiz 05 - Javascript Prt 2.html'>Revision</td><td> - </td></tr>
<tr><td> </td><td> 6</td><td>Javascript & DOM</td><td><a href='.\material\lectures\Lecture 06 - Javascript & DOM.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 06 - Javascript & DOM.html'>Notes</td><td> - </td><td><a href='.\material\quizzes\Quiz 06 - Javascript & DOM.html'>Revision</td><td> - </td></tr>
<tr><td> 4</td><td> 7</td><td>JQuery</td><td><a href='.\material\lectures\Lecture 07 - JQuery.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 07 - JQuery.html'>Notes</td><td><a href='.\material\tasks\Task 07 - JQuery.html'>Task</td><td><a href='.\material\quizzes\Quiz 07 - JQuery.html'>Revision</td><td> - </td></tr>
<tr><td> </td><td> 8</td><td>AJAX & JSON</td><td><a href='.\material\lectures\Lecture 08 - AJAX & JSON.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 08 - AJAX & JSON.html'>Notes</td><td><a href='.\material\tasks\Task 08 - AJAX & JSON.html'>Task</td><td><a href='.\material\quizzes\Quiz 08 - AJAX & JSON.html'>Revision</td><td> - </td></tr>
<tr><td> 5</td><td> 9</td><td>XML & RSS</td><td><a href='.\material\lectures\Lecture 09 - XML & RSS.html'>Slides</td><td> </td><td> - </td><td> - </td><td> - </td><td> - </td></tr>
<tr><td> </td><td>10</td><td>Revision</td><td><a href='.\material\lectures\Lecture 10 - Revision.html'>Slides</td><td> </td><td> - </td><td> - </td><td> - </td><td> - </td></tr>
<tr><td> 6</td> <td colspan="8">-</td></tr>
<tr><td colspan="1"></td><td colspan="8">-</td></tr>
<tr><td> 7</td><td>11</td><td>Data, Cookies & Files</td><td><a href='.\material\lectures\Lecture 11 - Data, Cookies & Files.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 11 - Data, Cookies & Files.html'>Notes</td><td> - </td><td> - </td><td> - </td></tr>
<tr><td> </td><td>12</td><td>NodeJS Prt1</td><td><a href='.\material\lectures\Lecture 12 - NodeJS Prt1.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 12 - NodeJS Prt1.html'>Notes</td><td><a href='.\material\tasks\Task 12 - NodeJS.html'>Task</td><td><a href='.\material\quizzes\Quiz 12 - NodeJS Prt1.html'>Revision</td><td> - </td></tr>
<tr><td> 8</td><td>13</td><td>NodeJS Prt2</td><td><a href='.\material\lectures\Lecture 13 - NodeJS Prt2.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 13 - NodeJS Prt2.html'>Notes</td><td> - </td><td> - </td><td> - </td></tr>
<tr><td> </td><td>14</td><td>NodeJS & DB</td><td><a href='.\material\lectures\Lecture 14 - NodeJS & DB.html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 14 - NodeJS & DB.html'>Notes</td><td> - </td><td><a href='.\material\quizzes\Quiz 14 - NodeJS & DB.html'>Revision</td><td> - </td></tr>
<tr><td> 9</td><td>15</td><td>Security (Encryption, Safety, Passwords,</td><td><a href='.\material\lectures\Lecture 15 - Security (Encryption, Safety, Passwords, ..).html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 15 - Security (Encryption, Safety, Passwords, ..).html'>Notes</td><td><a href='.\material\tasks\Task 15 - Security (Encryption, Safety, Passwords, ..).html'>Task</td><td><a href='.\material\quizzes\Quiz 15 - Security (Encryption, Safety, Passwords, ..).html'>Revision</td><td> - </td></tr>
<tr><td> </td><td>16</td><td>Hybrid Apps and Mobile (Framework7, Bootstrap, React, AngularJS)</td><td><a href='.\material\lectures\Lecture 16 - Hybrid Apps and Mobile (Framework7, Bootstrap, React, AngularJS).html'>Slides</td><td> </td><td> - </td><td> - </td><td> - </td><td> - </td></tr>
<tr><td>10</td><td>17</td><td>Web Services (SOAP, REST)</td><td><a href='.\material\lectures\Lecture 17 - Web Services (SOAP, REST).html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 17 - Web Services (SOAP, REST).html'>Notes</td><td> - </td><td><a href='.\material\quizzes\Quiz 17 - Web Services (SOAP, REST).html'>Revision</td><td> - </td></tr>
<tr><td> </td><td>18</td><td>Design (Web-Analytics, Adaptive UI and UX, Web Robots, Business,</td><td><a href='.\material\lectures\Lecture 18 - Design (Web-Analytics, Adaptive UI and UX, Web Robots, Business, ...).html'>Slides</td><td> </td><td><a href='.\material\notes\Notes 18 - Design (Web-Analytics, Adaptive UI and UX, Web Robots, Business, ...).html'>Notes</td><td> - </td><td> - </td><td> - </td></tr>
<tr><td>11</td><td>19</td><td>Review & Support Lecture</td><td><a href='.\material\lectures\Lecture 19 - Review & Support Lecture.html'>Slides</td><td> </td><td> - </td><td> - </td><td> - </td><td> - </td></tr>
<tr><td> </td><td>20</td><td>Review & Support Lecture</td><td><a href='.\material\lectures\Lecture 20 - Review & Support Lecture.html'>Slides</td><td> </td><td> - </td><td> - </td><td> - </td><td> - </td></tr>
</table><br>Assessment:<br>Exam 50% <br>Coursework (50%) (Composed of Labs/Class Tests - see VLE for details)<br></td></tr></table>
-->