Versions Compared

Version Old Version 12 New Version Current
Changes made by

Jonas Scheiwiller

Jonas Scheiwiller

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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.

...

  1. 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.
  2. 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

Knowledge Base

...

Deployment, FTP, Github Pages, Domain Registration etc.
Date (Room)TimeTopicDuring overall course:
12.04 (4.K15)9:30 – 12:00Introduction, The WebIAD Process
03.05 (4.E08)9:30 – 12:00Introduction: HTML, Page structure, tags, Github (Version Control),
IAD Process
07.05 (4.E08)9:00 – 17:00CSS, 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
Javascript/jQuery Basics
Work on Exercise 2 / Mentoring

Basic GUI
23.05 (4.D12)9:00 – 17:00

Deployment, FTP, Github Pages, Domain Registration etc., Webtypography
Javascript/jQuery Basics
Work on Exercise 2 / Mentoring

Basic GUI
31.05 (4.D12)9:00 – 17:00

Examples / Work on Exercise 2 / Mentoring

Basic GUI
0809.0506, 2423:0059
Submission exercise 2