Versions Compared

Version Old Version 1 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.

Grading

The grades will be based on two individual exercises and will account for XX% 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

  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 on the filer per 8via Email (ZIP, WeTransfer) to jonas.scheiwiller@wearelucid.ch.
    per 10.5.2019. Exercises handed in later than 24:00 on 8the 10.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 JS.
    Delivery on the filer per 28.5JavaScript.
    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 28the 9.5.2019 won't be graded and result in course failure6.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.

  • UI
  • Basic Javascript/jQuery to add some interactivity
  • More advanced features: Gallery, Expandable, Forms, Buttons to update cart

Material

...

Material

Knowledge Base

Schedule

What is covered during the different lectures is not final and will be updated!

Datum
Date (
Raum
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,
CSS (Box Model, Colors)
Github (Version Control),
IAD Process
07.05 (
?)Github (Version Control)
4.E08)9:00 – 17:00CSS, Box Model, Positioning, Mediaqueries
Work on Exercise 1 / Mentoring		Basic GUI
08
10.05, 24:00
Submission exercise 1
09

16.05 (4.
T07
D12)9:00 – 17:00

HTML/CSS
Javascript/jQuery Basics
Work on Exercise 2 / Mentoring

Basic GUI
16
23.
05 
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
23
31.
05 
05 (4.D12)
Deployment, FTP, Github Pages, Domain Registration etc.
9:00 – 17:00

Examples / Work on Exercise 2 / Mentoring

Basic GUI
08
09.
05
06,
24
23:
00
59
Submission exercise 2