Web Technologies (Former Bits & Atoms II) 2019
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 receive a lower grade.Shopping cart/Any part of GUI
Every students develops her/his personal «shopping cart»/or another part of their GUI built in HTML, CSS and JavaScript.
The part shows some interactive elements!
Delivery via Email 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 9.6.2019. Exercises handed in later than 24:00 on the 9.6.2019 will receive 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.
Material
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 | 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 | Examples / Work on Exercise 2 / Mentoring | Basic GUI |
09.06, 23:59 |
| Submission exercise 2 |
|