- Assignment 0 (A0) - HTTP (1 point): You have to send a series of HTTP requests to one of our servers.
- Assignment 1 (A1) - HTML/CSS (14 points): You are given the design guide for the online shop "Artmart" and are tasked with producing a static frontend in HTML5 and CSS3 that is responsive and accessible.
- Assignment 4 (A4) - Vue.js (15 points): You introduce frontend abstractions for Artmart in Vue.js
Team and Overview
- Jürgen Cito
- University Assistant
- Michael Schröder
- Stefan Grüll, Luise Ilg, Valentin Jäch, Nathanael Nussbaumer, Tin Pecirep
- Course email
- Monday, 13:15-15:00, Online (Link on TUWEL)
- Course catalog
- Official course listing in TISS
Important! Please register on TISS until Wednesday, 03.03.2021 23:55 (strict deadline!) to be able to participate in this course.
All students registered in TISS until the deadline will have access to the course.
To enter the group phase, you have to complete Assignment 0 (A0), which will be available on TUWEL.
You will be able to deregister until 10.03.2021 23:55, which is also the deadline for A0. As soon as you submit A0, you will receive a certificate (Zeugnis).
Formally, participation in this course is regulated by STEOP rules. Please understand that we cannot make any exceptions.
We expect that you have working knowledge with at least one imperative programming language (e.g., Java, Python), as taught in an introductory programming course.
We also require basic knowledge of version control systems, particularly how to use git.
The following timetable lists all important dates for the course (lectures, tests, deadlines, tutor office hours) together with accompanying material (required reading, slides as PDFs, link to lecture videos).
Required reading should be done in preperation before the lecture!
Reading material is not always strictly "reading", but can also involve interactive online exercises.
Note that: The contents of the listed required readings will be part of the tests.
If a deadline is listed on a certain date, assume it due at 23:55 that day unless specified otherwise.
|01.03.||Kick-Off, Lecture 1 (L1) HTTP||Read An overview of HTTP|
|04.03.||Release Assignment 0 (A0)|
L2: Browser: HTML/Accessibility
|L3: CSS Basics|
|L4: CSS Responsive Design, Live Examples|
|10.03.||A0 Deadline + Group Finding Deadline|
|15.03. (12:00)||Release Assignment 1 (A1)|
|15.03||Live Lecture: HTML/CSS||
|22.03||Monday, Tutor Office Hours 13:15-15:00 (online)|
|01.04. (12:00)||Release Assignment 2 (A2)|
|27.03 - 11.04||Easter Holidays (no lectures and tutor hours)|
|19.04||Monday, Tutor Office Hours 13:15-15:00 (online)|
|26.04||Monday, Tutor Office Hours 13:15-15:00 (online)|
|29.04.||Release Assignment 3 (A3)|
|03.05||Test 1 (Content: L1-L5 Lectures and Reading). Test will be conducted on TUWEL|
|L7: Web Servers|
|L8: Backend Abstractions|
|12.05||Live Lecture: Web Backends||Watch Lectures 7 and 8 (Web servers, backend abstractions) and post your questions on the TUWEL lecture forum|
|17.05||Monday, Tutor Office Hours 13:15-15:00 (online)|
|20.05.||Release Assignment 4 (A4)|
|L9: Frontend Abstractions|
|24.05||Pfingsten (Public Holiday)|
|31.05||Live Lecture: Web Frontends||Watch Lecture 9 (Frontend abstractions and Vue.js) and post your questions on the TUWEL lecture forum|
|07.06||Monday, Tutor Office Hours 13:15-15:00 (online)|
|14.06.||Test 2 (Content: L6 to the last lecture L9 - Lectures and Reading). Test will be conducted on TUWEL|
Additional reading and exercises
For those who want to read and practice on their own, we collected a list of additional (optional) resources (interactive tutorials, reading):
- HTML: Practice HTML (FreeCodeCamp)
- REST: Read the REST API Checklist
- Frontend Frameworks:
- As the lecture progresses, we will add more resources here!
Lecture ModeThe lecture will follow a flipped classroom model:
- In particular, we provide required reading material prior to class.
- Students should then watch already recorded lectures by the professor.
- In live lectures, we then demonstrate the material live on the command line, browser, or IDE.
We want each team member to substantially contribute to the project. Thus, we will track the lines of code commited to GitHub for every assignment (after data cleaning, e.g., removing whitespace, detecting formatting changes, and so on) as a measure of relative contribution to the project. Please ensure that you divide work up as evenly as possible within the group, so that every member can contribute. If you do pair programming, please switch up computers (or at least git email in the commits), so that really everyone gets to actively program.
It does not have to be exactly 50% per team member. However, if we see a large gap between relative contributions, we will look into the situation and deduct points accordingly.
GradingYour grade will be a combination of the theoretical part (tests) and practical part (assignments). Material for the theoretical tests will be the contents of the lecture slides and required reading indicated in timetable/lectures.
- Two written tests (20 points each)
- Test 1: L1 – L5
- Test 2: L6 – L9
- The sum of both tests has to be at least 50% (20 points)
- The tests will be held online on TUWEL. You will need a stable internet connection.
- There will be no retake test.
- Four assignments (A1-A4)
- More than 30% on each assignment
Grading ScaleThe points of the theoretical and practical part sum to exactly 100 points. The points map to grades as follows:
- S1: 88-100
- U2: 75-87.99
- B3: 63-74.99
- G4: 50-62.99
- N5: 0-49.99