Web Development and User Experience

Week 2

Coding session 1 - Getting started with coding and HTML

Markup and why computers need it

markup, computers vs. people, HTML

HTML basics

tag, element, <, >, /, html, head, body, title, section, h1, h2, h3, p, em, strong

How the internet (really the web) works

URL, /, scheme, host, path, browser tools, HTTP request and response

Code editors and environments

code editor, development environment, running HTML code, file organization, inspecting code

Workshop 1

Week 3

Coding session 2 - Boosting HTML

HTML attributes

variable, attribute, =, ", attribute name, attribute value, lang

HTML links, images, and file organization

images, links, a, href, img, src, alt, width, height, absolute vs. relative URL, URL fragment, file organization, index.html

Behind-the-scenes HTML

social media, search results, head, meta, name, content, title, description, og:image, twitter:image, character encoding, charset, utf-8, style, src, link, rel, href, script, defer, comments, <!-- -->, hidden

Meaning and presentation in HTML

meaning, presentation, semantic HTML, HTML history, table, br, p, strong, b, em, i, figure, img, figcaption, ul, ol, li, div, span, header, nav, main, aside, article, section, footer

Workshop 2

Week 8

Coding session 5 - CSS boost 2

Will it work? Using sandboxes to run code experiments

sandboxes

Coding session 6 - Responsive Web Design

Week 9

Coding session 7 - HTML forms and page structures

HTML forms

HTTP request methods, form, method, action, type, label, for, input, name, button

HTML page structures

layouts, body, header, nav, main, article, section, footer, ul

Using Git and GitHub with VS Code

Git, GitHub, code editor

Workshop 7

Week 10

Coding session 8 - CANCELLED

Week 11

Coding session 9 - Introduction to Programming with JavaScript

JavaScript setup

programming language, running JavaScript code, console.log, comments, //, /* */

JavaScript values and data types

values, data types, strings, ', ", escaping, \, numbers, booleans, true, false, undefined, null, typeof

JavaScript evaluation with operators

operators, +, ==, !=, <, >, -, /, *

Workshop 9

About this repository

This repository holds some of the lecture notes for Web Development and User Experience, a module in the Department of Film, Media, and Cultural Studies at Birkbeck, University of London.

The lectures here are not exhaustive as many of the lectures are given with slides instead. See the Moodle module for the complete collection of lecture slides and notes.

Rights

Lectures are copyright Birkbeck, University of London. Pictures and workshop documents are copyright Birkbeck, University of London unless otherwise stated where they are referenced in the lectures.

This work is licensed under a Creative Commons Attribution 4.0 International License.