Specification for Assignment 1

Specification for Assignment 2

calendar · topics · assessments · schedule

code · html · http · standards · evolution · role of client · role of servers · learning resources

elements · attributes · paths · absolute · relative · nesting · block · inline · labs

structural elements · head elements · text elements · list elements · image elements · shared attributes

markup · presentation · style · rules · selectors · declarations · properties · values

rule structure · combining rules · combining selectors

class · id · div

standards · w3c · whatwg · sgml · xhtml · html5 ·

content · padding · border · margin · variations · fonts · dimensions

border-width · border-style · padding · width · margin-left · text-align · float

Some important characteristics of the box model layout rules.

The new Grid standard support a clean, simple way of defining multi-column layouts

Example of selector rule evaluation with a worked example

nav · tab · current · padding · border · menu · li · ul

Introduction to web design principles

clients · servers · hosting · domains · dns · paths · http · response codes

command prompt · node · harp · surge · server · compile

EJS · dry · wet · engine · partials · includes · layouts · paths · compile

The fundamentals of fonts & typefaces in the context of web design.

indentation · encoding · doctype · validity · semantics · entities · type attributes · quotations

header · main · nav · aside · article · footer · section · figure

lab-1 · lab-2 ·lab-3 · lab-4 · lab-5 · lab-6

header · main · nav · aside · article · footer · section · figure

validity · names · name style · selectors · shorthand · delimiters · order · stops · quotations

project structure · semantic ui archive · container · segment · raised · stacked

row · column · aligned · center · top · image · small · medium · large

table · celled · padded · single line · striped · inverted

An introduction to Colour in the context of web site design.

theme · content · navigation · structure · templates · style · interaction · business logic · context · static · dynamic

download · expand · path · verify · run · idealize · skeleton app

structure · front-end · backend · router · model · view · controller

layout · partials · views · tags · about · dashboard · main · start

request · router · controller · view · response

request · router · controller · view · response

extends · set · list · list · menu · listsongs`

table · row · mem · yaml · Song · Playlist · ArrayList · OneToMany · OnApplicationStart

A Separate case study - a simple todo list application

add item to todolist - detailed walkthrough

List, add and delete playlists

List, add and delete Songs

The usability, accessibility & pleasure provided by the user interaction

A quick tour of the Todo app so far

Sessions, via hidden form fields, url rewriting and cookies.

Introduce session management into the Todo app

Play books & videos + Cheat Sheet

Introduce session management into the Playlist 4 Application

Review the structure and manipulation of the Playlist Model

Evolving a design for a Web Application.

A high level tour of git & Sourcetree

Moving a Play web application from localhost to the cloud