html · css · layout · navigation · templates · apps · mvc · forms · sessions · deployment

Specification for Assignment 1

Specification for Assignment 2

An alternative assignment 2 specification

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

combining rules · combining selectors · class · id · div

rules · class · elements · explicit · inheritance · default · most specific · order

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

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

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

box structure · containing block · margins · floating · clearing · multicolumn layout

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

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

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

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

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

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

structure · layout · semantic elements · fonts · web safe fonts · images · picture element

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

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

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

grid · stackable · padded · aligned · color · icons · cdns

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

A quick tour of the Todo app so far

Sessions enable us to track a user, enabling login, logout and also to follow the user from page to page in an application

Introduce session management into the Todo app

Introduce session management into the Playlist 4 Application

Review the structure and manipulation of the Playlist Model

Schedule and structure of ICT Skills Studio + details on June Onsite

Moving a Play web application from localhost to the cloud

A peek into the future of web development - roles, knowledge and technologies

Play books & videos + Cheat Sheet