-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
297 lines (273 loc) · 13 KB
/
Copy pathindex.html
File metadata and controls
297 lines (273 loc) · 13 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.79.0">
<title>CMSC388J</title>
<!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<!-- Favicons -->
<!-- <link rel="apple-touch-icon" href="/docs/5.0/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/docs/5.0/assets/img/favicons/manifest.json">
<link rel="mask-icon" href="/docs/5.0/assets/img/favicons/safari-pinned-tab.svg" color="#7952b3">
<link rel="icon" href="/docs/5.0/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#7952b3"> -->
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark" id="navbar">
<div class="container">
<a class="navbar-brand" href="#">CMSC388J</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
<li class="nav-item"><a class="nav-link" href="#schedule">Schedule</a></li>
<li class="nav-item"><a class="nav-link" href="#projects">Projects</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-md-0">
<li class="nav-item"><a class="nav-link disabled">Quick Links:</a></li>
<li class="nav-item"><a class="nav-link text-danger" href="https://piazza.com/umd/spring2021/cmsc388j"><u>Piazza</u></a></li>
<li class="nav-item"><a class="nav-link text-danger" href="./s21syl.pdf"><u>Syllabus</u></a>≈</li>
<li class="nav-item"><a class="nav-link text-danger" href="https://github.com/CMSC388J"><u>Github</u></a></li>
</ul>
</div>
</div>
</nav>
<header class="course-header"></header>
<main class="container">
<!-- INTRO SECTION -->
<div class="card my-4">
<div class="card-header bg-dark text-white">
<h1>Building Secure Web Applications with Python and Flask</h1>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-3">
<img class="card-img mb-3" src="./assets/flask.png" alt="Card image cap">
</div>
<div class="col-md-9">
<p class="card-text">
This course is an introduction to building secure, full-stack web applications with Python and Flask.
We'll start with Python and Flask, and then subsequent weeks will cover how to add Flask extensions
to your applications to implement common web app functionalities, how to protect your website from bad
actors, and more! At the end of the course, you'll be able to deploy your own web app for the world to see.
<br><br>
<b>Lectures:</b> Online via zoom (see link in ELMS), Fridays 1:00pm
<br>
<b>Instructors:</b> Dhanvee Ivaturi, Nikolay Pomytkin
<br>
<a href="./s21syl.pdf" class="text-danger"><b>View the Syllabus here for more details</b></a>
</p>
</div>
</div>
</div>
</div>
<!-- SCHEDULE SECTION -->
<a id="schedule" class="anchor"></a>
<div class="card my-4">
<div class="card-body">
<div class="card-title">
<h2>Schedule</h2><hr>
</div>
<p class="card-text">
This is the current schedule for the class. More details can be found on the syllabus.
Of course, the schedule is subject to change as the semester goes on.
</p>
<div class="table-responsive ">
<table class="table table-hover m-0">
<thead>
<tr>
<th scope="col">Week #</th>
<th scope="col">Date</th>
<th scope="col">Topic</th>
<th scope="col">Assignment</th>
<th scope="col">Links</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>01/29</td>
<td>Course Details, Intro to Python</td>
<td>P1 assigned (Python practice), Q1 assigned</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>02/05</td>
<td>Flask Intro</td>
<td>P1 due, P2 assigned (First Flask App). Q1 due, Q2 assigned</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>02/12</td>
<td>Forms, CSRF</td>
<td>Q2 due, Q3 assigned</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>02/19</td>
<td>Databases & Injection Attacks</td>
<td>P2 due, P3 assigned. Q3 due, Q4 assigned</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>02/26</td>
<td>User Management</td>
<td>Q4 due, Q5 assigned</td>
<td></td>
</tr>
<tr>
<td>6</td>
<td>03/05</td>
<td>Bootstrap & more</td>
<td>P3 due, P4 assigned, Q5 due, Q6 assigned</td>
<td></td>
</tr>
<tr>
<td>7</td>
<td>03/12</td>
<td>CSS/React/API Design</td>
<td>Q6 due, Q7 assigned</td>
<td></td>
</tr>
<tr>
<td>8</td>
<td>03/19</td>
<td>Spring Break</td>
<td>P4 due, Q7 due</td>
<td></td>
</tr>
<tr>
<td colspan="5" style="text-align: center;">
(more weeks available on syllabus)
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- PROJECTS SECTION -->
<a id="projects" class="anchor"></a>
<div class="card my-4">
<div class="card-body">
<div class="card-title">
<h2>Projects</h2><hr>
</div>
<p class="card-text">
Projects will be posted here as the semester goes on. More details can be found on the syllabus.
Projects will be distributed via github, and will be submitted via ELMS.
We recomment checking out the whole "cmsc388j-spring21" repository so that you can run `git pull` to get new projects.
</p>
<div class="table-responsive ">
<table class="table table-hover m-0">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Topic</th>
<th scope="col">Due</th>
<th scope="col">Late Deadline</th>
<th scope="col">Link</th>
</tr>
</thead>
<tbody>
<tr href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p1">
<td>1</td>
<td>Python practice</td>
<td>02/04 11:59 PM ET</td>
<td>02/08 11:59 PM ET</td>
<td><a href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p1">github</a></td>
</tr>
<tr href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p2">
<td>2</td>
<td>First Flask app - Poke-Info</td>
<td>02/18 11:59 PM ET</td>
<td>02/22 11:59 PM ET</td>
<td><a href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p2">github</a></td>
</tr>
<tr href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p3">
<td>3</td>
<td>Movie Ratings Database</td>
<td>03/7 11:59 PM ET</td>
<td>03/7 11:59 PM ET</td>
<td><a href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p3">github</a></td>
</tr>
<tr href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p4">
<td>4</td>
<td>Movie Ratings Database Pro</td>
<td>03/22 11:59 PM ET</td>
<td>03/25 11:59 PM ET</td>
<td><a href="https://github.com/CMSC388J/cmsc388j-spring21/tree/main/p4">github</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- CONTACT SECTION -->
<a id="contact" class="anchor"></a>
<div class="card my-4" id="contact">
<div class="card-body">
<div class="card-title">
<h2>Course Details</h2><hr>
</div>
<p class="card-text">
<b>ELMS</b> will be used for project submissions. <br>
<a href="https://piazza.com/umd/spring2021/cmsc388j">Piazza</a> will be used for course communication. <br><br>
Please use Piazza as your primary communication with the course staff,
we'll get back to you the quickest on Piazza. If you absolutely cannot
use Piazza, then email us; if you are emailing Nikolay or Dhanvee, make
sure to CC the other. Additionally, please include [CMSC 388J] at the
start of your subject line so we don't accidentally ignore your email. <br><br>
<b>Course Instructors:</b><br>
Nikolay Pomytkin: pomytkin [AT] cs.umd.edu <br>
Dhanvee Ivaturi: dhanvee [AT] cs.umd.edu <br>
<br>
<b>Faculty Sponsor:</b><br>
Micheal Marsh: mmarsh [AT] umd.edu
</p>
</div>
</div>
<!-- MISC SECTION -->
<div class="card my-4">
<div class="card-body">
<div class="card-title">
<h2>More Info</h2><hr>
</div>
<h4>Course Evaluations</h4>
<p class="card-text">
If you have a suggestion for improving this class, don't hesitate to tell the instructor or TAs during the semester. At the end of the semester, please don't forget to provide your feedback using the campus-wide CourseEvalUM system. Your comments will help make this class better.
</p>
<h4>Excused Absence and Academic Accommodations</h4>
<p class="card-text">
See the section titled "Attendance, Absences, or Missed Assignments" available at <a href="http://www.ugst.umd.edu/courserelatedpolicies.html">Course Related Policies.</a>
</p>
<h4>Disability Support Accommodations</h4>
<p class="card-text">
See the section titled "Accessibility" available at <a href="http://www.ugst.umd.edu/courserelatedpolicies.html">Course Related Policies.</a>
</p>
<h4>Academic Integrity</h4>
<p class="card-text">
Note that academic dishonesty includes not only cheating, fabrication, and plagiarism, but also includes helping other students commit acts of academic dishonesty by allowing them to obtain copies of your work. In short, all submitted work must be your own. Cases of academic dishonesty will be pursued to the fullest extent possible as stipulated by the <a href="http://osc.umd.edu/OSC/Default.aspx">Office of Student Conduct</a>.
<br>
It is very important for you to be aware of the consequences of cheating, fabrication, facilitation, and plagiarism. For more information on the Code of Academic Integrity or the Student Honor Council, please visit <a href="http://www.shc.umd.edu">http://www.shc.umd.edu</a>.
</p>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
</body>
</html>