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.
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 via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch.
per 10.5.2019. Exercises handed in later than 24:00 on the 10.5.2019 will get a lower grade. - Shopping cart/Any part of GUI
Every students develops his personal «shopping cart»/or another part of their GUI built in HTML, CSS and JavaScript.
Delivery via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch.
per 4.6.2019. Exercises handed in later than 24:00 on the 4.6.2019 will get a lower grade.
Exercise: Product Detail
Features
- 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.
- UI
- Basic Javascript/jQuery to add some interactivity
- More advanced features: Gallery, Expandable, Forms, Buttons to update cart
Material
- Download Slides 2019-04-12
- Download Slides 2019-05-03
- Download Slides 2019-05-07
- Download Slides 2019-05-16
Knowledge Base
- Overview: http://wiki.iad.zhdk.ch/CP
Schedule
What is covered during the different lectures is not final and will be updated!
| Date (Room) | 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 |
| 10.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 (4.D12) | 9:00 – 17:00 | Work on Exercise 2 / Mentoring | Basic GUI |
| 04.06, 24:00 | Submission exercise 2 |