https://github.com/Jones-S/web-dev-zhdk-2019
Overview
Introduction to Web technologies. Course is part of «Basic GUI 2019».
Overall goal of the course is to help you acquire a general understanding of how the internet and the world wide web evolved and what kind of technologies are useful for you as a designer. It should help you building interactive interfaces quickly, provide you with a powerful tool to make interactive prototypes or share information in a very accessible way.
...
- 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 via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch.
per 810.5.2019. Exercises handed in later than 24:00 on the 810.5.2019 won't be graded and result in course failure will receive a lower grade. - Shopping cart/Any part of GUI
Every students develops her/his personal «shopping cart» layout using /or another part of their GUI built in HTML, CSS and eventually JavaScript.
The part shows some interactive elements!
Delivery via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch containing links to published page on github pages, the github repository itself and a completed text file (template sent via email).
per 49.6.2019. Exercises handed in later than 24:00 on the 49.6.2019 won't be graded and result in course failure will receive a lower grade.
Exercise: Product Detail
...
- UI
- Image (at least one)
- Lists
- Headings, Text
Mediaqueries (Responsive layout)
Exercise: Shopping Cart
Features
!!! Still unclear. Depends on what can be covered in the course. Will be updated soon.
...
...
Material
- Download Slides 2019-04-12
- Download Slides 2019-05-03
- Download Slides 2019-05-07
- Download Slides 2019-05-16
- Download Slides 2019-05-23
Knowledge Base
- Overview: http://wiki.iad.zhdk.ch/CP
...
What is covered during the different lectures is not final and will be updated!
| Datum Date (RaumRoom) | 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, Github (Version Control), | IAD Process | |
| 07.05 (4.E08) | 9:00 – 17:00 | CSS, Box Model, Positioning, Mediaqueries Work on Exercise 1 / Mentoring | Basic GUI | |
| 0810.05, 24:00 | Submission exercise 1 | |||
| 16.05 (4.D12) | 9:00 – 17:00 | HTML/CSS | Basic GUI | |
| 23.05 (4.D12) | 9:00 – 17:00 | Deployment, FTP, Github Pages, Domain Registration etc., Webtypography | Basic GUI | |
| 31.05 | Deployment, FTP, Github Pages, Domain Registration etc.(4.D12) | 9:00 – 17:00 | Examples / Work on Exercise 2 / Mentoring | Basic GUI |
| 0809.0506, 2423:0059 | Submission exercise 2 |