Lectures
Below you can find an overview of the lectures that will be given during the course together with links to lectures slide and sublemental material. The sublemental material partially contains material from older courses.
Lecture slides will be made available around the time of each lecture.
Lecture 1 & 2: Introduction
-
Slides
- Lecture 1 - Intro (HT24)
- Lecture 1 - Intro (PDF) (HT24)
- Lecture 2 - HTML/CSS (HT24)
- Lecture 2 - HTML/CSS (PDF) (HT24)
- Git - (mp4) (HT24)
-
Code
-
Reading material (tips)
-
Videos (tips)
-
Other
Lecture 3: Introduction to JavaScript
-
Slides
-
Code
-
Reading material (tips)
Lecture 4: Advanced JavaScript
-
Slides
Lecture 5: Web Components
- Slides
- Lecture 5 - Web Components (HT24)
- Lecture 5 - Web Components (PDF) (HT24)
- Code
- Web Component without shadow DOM
- Web Component with shadow DOM
- Web Component using a template
- Web Component using attributes
- Web Component using named slots
- Web Component moving elements into the shadow DOM
<p-highlight>
, highlightable paragraph<image-selector>
creating elements in shadow DOM- Animated door
- Animated door + dispatching events
- Christmas calendar
- Online resources
Lecture 6: Project
- Slides
- Lecture 6 - Project (HT24)
- Lecture 6 - Project (PDF) (HT24)
- Reading material
- Wireflows: A UX Deliverable for Workflows and Apps
- Which UX DEliverables Are Most Commonly Created and Shared
- Lim, Y., Lee, S., & Kim, D. 2011 Dec 30. Interactivity Attributes for Expression-oriented Interaction Design. International Journal of Design. http://www.ijdesign.org/index.php/IJDesign/article/view/718/370, http://www.ijdesign.org/index.php/IJDesign/article/viewFile/718/354
- Psychological experiments
- Resources for Games
- Wirframe tools