Versions Compared

Key

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

Exercise B: The Website

Developing a website using HTML, CSS, Javascript and CMS

...

https://www.washingtonpost.com/graphics/2020/world/corona-simulator/?fbclid=IwAR1WBxrEnSHy7nh1IqhSz82lVVlRzC-enzHkQhqMdkBxddN1HPwm0t1EwoE&utm_campaign=wp_main&utm_medium=social&utm_source=facebook

Features

  • UI

  • Images 

  • Lists

  • Headings, Text

  • Responsive?

Old Material (from Jonas) (some good reference slides here) 

https://github.com/Jones-S/web-dev-zhdk-2019

Schedule

Date (Room)

Time

Topic

Lecturer 

During which  course:

25.03.2020 

15:00 – 17:00

CANCELED

Interaction Design Process

01.04.2020

15:00 – 17:00

Introduction: History Internet and the WWW to the modern web. Overview of Web technology

(Research for Exercise A)

Luke

Interaction Design Process

08.04.2020

15:00 – 17:00

The HTML5 canvas element

Editors

P5.js

(Exercise A Continued)

Luke

Interaction Design Process

15.04.2020 

15:00 – 17:00

Github (Version Control)

https://teddavis.org/p5live/

(Exercise A Continued)

Luke

Interaction Design Process

22.04.2020 

15:00 – 17:00

(Exercise A Presentation)

Hosting: Netlify

Luke

Interaction Design Process

29.04.2020 

15:00 – 17:00

Introduction Web Technology: Page structure, HTML/CSS
Deployment, Servers, FTP, Databases

  • HTML

    • Basic Layout Elements

    • CSS Basics (selectors, positioning introduction)

Florian? 

Interaction Design Process

06.05.2020 

15:00 – 17:00

Web Technology

  • CSS Media Queries

  • CSS Animation

  • FTP


Florian?

Basic GUI

13.05.2020 

15:00 – 17:00

Web Technology

  • Bulma / VueJs

  • JSON / Database / Webservice

  • Dynamic Webpage


Florian?

Basic GUI

20.05.2020 

15:00 – 17:00

Web Technology
Web Sockets (socket io , node js, osc)

Andres

Basic GUI

27.05.2020 

15:00 – 17:00

Web Technology
Web RTC - video streaming peer to peer

Andres

Basic GUI

03.06.2020

15:00 – 17:00

Headless Browsing ( practice ) + hosting a web on your own computer ( local.run and IP forwarding ) & Net Art Input ( Theory )

Andres

Basic GUI

...