All lectures ​

HTML attributes

Concepts: variable, attribute, attribute name, attribute value

Code: = " lang id class a href

Images and other files in HTML

Concepts: alt text, absolute and relative paths, files

Code: img src alt width height index.html

Meaning and presentation in HTML

Concepts: meaning, presentation, semantic HTML, HTML history

Code: table br p strong b em i figure img figcaption ul ol li div span header nav main aside article section footer

Will it work? Using sandboxes to run code experiments

Concepts: sandboxes

Accessibility

Concepts: digital accessibility, disability, mainstream and assistive technology, standards

Code: :focus outline header nav main section footer aria-label aria-labelledby

Forms

Concepts: HTTP request methods, front end and back end

Code: form method action type label for input textarea name button

The command line

Concepts: command line interface, Unix shell

Code: pwd ls cat touch mkdir mv cp rm ""

Git

Concepts: distributed version control, free and open source software, remote repository, local repository, staging area, working directory

Code: clone status add commit -m Esc+:wq push diff fetch pull merge rebase branch switch -u origin

GitHub

Concepts: GitHub, pull request, code review, merge, conflict, GitHub Pages

Introduction

Concepts: programming language, JavaScript history, running JavaScript code, comments

Code: script node console.log() // /* */

Values

Concepts: values, data types, strings, escaping

Code: " \ numbers booleans true false undefined null typeof

Operators

Concepts: operators

Code: + == != < > - / *

Variables

Concepts: statements, constants, variables

Code: let const var = ;

Conditionals and Functions: Pre-sessional activities

Conditionals

Concepts: conditionals, block scope

Code: if else while {}

Functions

Concepts: functions, function scope

Code: function return {}

Prep

Live coding

Prep

Live coding

Visualising Data with JavaScript: Pre-sessional activities

Visualising Data with JavaScript

APIs and Fetching Data

Drawing shapes and text

Prep

Live Coding

Prep

Prep