Remote Access

Wed, 09 Nov 2022 09:40:00 +0100

You have three main options for accessing the Linux environment from your own computer:

Use Remote SSH to connect to the LiU Linux environment through VS Code. (Strongly advised!)
Login to the shared remote server using ThinLinc. (Somewhat janky and unreliable due to high load.)
Use RDP to connect to available computer in a computer room. (Dependent on available computers in the computer rooms.)

Information on the last two options can be found on university web page Remote login.

Visual Studio Code

Sun, 29 Oct 2017 21:12:29 +0100

Visual Studio Code, or VS Code, is the recommended editor to use for this course. Using VS Code, you can use the Live Server Extension which allows you to easily view the current state of your web pages.

We strongly advise that you and your lab partner meet at one computer to work on the assignments and project. However if this is not possible, the Live Share Extension allows you to share your editor workspace with your lab partner and simultaneusly edit the same files. The local HTTP server that Live Server runs can also be shared using Live Share making remote collaboration easier.

Lectures

Wed, 28 Sep 2016 00:00:00 +0000

Below you can find an overview of the lectures that will be given during the course together with links to lectures slide, code written during the lectures and pointers to the recommended reading material for each lecture.

Lecture slides will be updated during the course and will be made available around the time of each lecture.

Lecture 1.1 & 1.2: Introduction to HTML and CSS

Slides

Lecture 1.1 Web version, Searchable version (HT25)
Lecture 1.2 Web version, Searchable version (HT25)

Code

Reading material (tips)

Videos (tips)

Inspecting the CSS Cascade using Firefox DevTools

Other

Lecture 2: Introduction to JavaScript

Slides

Lecture 2 Web version, Searchable version (HT25) (This is a merge of actual lecture slides and the recovered broken slide deck I had planned to use, hopefully the order makes sense. The examples have now been run and have actual outputs.)

Code

Reading material (tips)

JavaScript Guide in the MDN web docs
Using the console in Google Chrome link1, link2
Using the console in Firefox link 1, link 2, link 3

Videos (tips)

JavaScript Quirks for Python Developers
- For those of you familiar with Python, JavaScript is just about similar enough to give you a false sense of security, but different enough to trip you up. This covers some of the most important differences to keep in mind.
JavaScript var, let, and const explained
- Why you should prefer let and const over var. (And maybe const over let too.)
The different types of JavaScript functions explained
- Useful for understanding function expressions vs declarations vs arrow functions.

Lecture 3: More on event handling + animation

Slides

Lecture 3 Web version, Searchable version (HT25) (Now with updated anime.js examples compatible with version 4.x!)

Course Material on Interaction Programming

Remote Access

Visual Studio Code

Lectures

Lecture 1.1 & 1.2: Introduction to HTML and CSS

Slides

Code

Reading material (tips)

Videos (tips)

Other

Lecture 2: Introduction to JavaScript

Slides

Code

Reading material (tips)

Videos (tips)

Lecture 3: More on event handling + animation

Slides

Code

Lecture 4: Web Components

Slides

Code