Overview
Introduction to Web technologies. Course is part of «Basic GUI 2019».
Grading
The grades will be based on two individual exercises and will account for 25% of the overall Basic GUI grade.
80% attendance is mandatory. Missing more than 20% of the lectures will result in a failing grade.
Deliverables/Exercises
- Product Detail
Every student lays out a product detail layout using HTML and CSS.
The product should at least include an image, a description and a list with key features/product attributes.
Delivery on the filer per 8.5.2019. Exercises handed in later than 24:00 on 8.5.2019 won't be graded and result in course failure. - Shopping cart
Every students develops his personal «shopping cart» layout using HTML, CSS and eventually JavaScript.
Delivery on the filer per 28.5.2019. Exercises handed in later than 24:00 on 28.5.2019 won't be graded and result in course failure.
Exercise: Product Detail
- UI
- Image (at least one)
- Lists
- Headings, Text
Mediaqueries (Responsive layout)
Exercise: Shopping Cart
!!! Still unclear. Depends on what can be covered in the course. Will be updated soon.
- UI
- Basic Javascript/jQuery to add some interactivity
- More advanced features: Gallery, Expandable, Forms, Buttons to update cart
Material
- Link to Slides (updated after input)
Schedule
What is covered during the different lectures is not final and will be updated!
| Datum (Raum) | Time | Topic | During overall course: |
|---|---|---|---|
| 12.04 (4.K15) | 9:30 – 12:00 | Introduction, The Web | IAD Process |
| 03.05 (4.E08) | 9:30 – 12:00 | Introduction: HTML, Page structure, tags, CSS (Box Model, Colors) | IAD Process |
| 07.05 (4.E08) | Github (Version Control), Positioning, Mediaqueries Work on Exercise 1 / Mentoring | Basic GUI | |
| 08.05, 24:00 | Submission exercise 1 | ||
| 16.05 (4.D12) | HTML/CSS | Basic GUI | |
| 23.05 (4.D12) | Javascript/jQuery Basics | Basic GUI | |
| 31.05 | Deployment, FTP, Github Pages, Domain Registration etc. | Basic GUI | |
| 08.05, 24:00 | Submission exercise 2 |