• 00: Assignment Specifications
  • Assignment 1
    Project 1 Specification
    Project Submission Template
    Assignment 2 Submission
  • Assignment 2
    Project 2 Specification
    Assignment 2 Briefing
    Project Submission Template
    Assignment 2 Submission

• 00: Module Overview
  • Course Preview + Html Editing
    Module Overview
    Lab-00 Editing HTML

• 01: Introducing HTML
  • HTML Fundamentals
    The Nature of the Web
    HTML Basics
    Lab-01 HTML Structure
    01: Introducing HTML

• 02: Introducing CSS
  • HTML & CSS
    HTML Elements
    CSS Basics
  • CSS Fundamentals
    CSS Rules
    Class, ID & DIV
    Lab-02 CSS Intro
  • 02: Introducing CSS

• 03: Box & Grid
  • Box Model
    Web Standards Evolution
    Box Model Fundamentals
    Box Model Example
    Lab-03a Layout
  • Layout
    Box Layout
    Grid
    Lab-03b Multicolumn
  • 03: Box & Grid

• 04: Navigation & Style
  • Navigation
    CSS Cascade
    Navigation
    Lab-04 Navigation
    04a: Navigation
  • Design I: Introduction
    Design Guides for the Web
    04b: Design Guides for the Web

• 05: Deployment & Templating
  • Deployment
    Deployment
    Harp & Surge
    Lab-05a Harp & Surge
  • Templating
    Templates
    Lab-05b Templates
  • Design II: Typography (+ html coding standards)
    Typography
    HTML Style Guide
    Semantic HTML
    05b: Typography
  • 05a: Templating

• 06: Semantic + CSS Frameworks
  • 06a: Semantic HTML
    Lab Review
    Semantic HTML
    CSS Style Guide
    Lab-06a Nav Params
  • 06b: CSS Frameworks & Semantic UI
    Semantic-UI I: Container & Segment
    Semantic-UI II: Grids & Images
    Semantic-UI III: Tables
    Lab-06b Semantic-UI
  • 06c: Colour
    Designing with Colour
    Colour
  • 06d: Web Project Repositories
    Bundle Store
    Grid Layout
    Bundle Store - Templates
  • 06a: Semantic + CSS Frameworks

• 07: Applications
  • Introducing Play Framework
    Web Sites/Applications
    Starting to Play
    Lab-07a Play Setup
  • Play Project Structure
    Web App Introduction
    Front-end
    Back-end
    Lab-07b Playlist 1
  • 07: Starting to Play

• 08: Models & Views
  • Controllers + Views
    Model View Controller
    Views
    Lab-08a Playlist-2
  • Models
    Models
    Lab-08b Playlist-3
  • 08: Introducing MVC

• 09: Forms
  • Todo List Case Study
    Todo
    Add Todo
    Lab-09a Todolist-1
  • Creating a Playlist
    Playlist Management
    Song Management
    Lab-09b Playlist-4
  • User Experience Introduction (UX)
    Defining UX
  • 09: Forms

• 10: Sessions
  • Sessions in Todo
    Todo Review
    Sessions
    Sessions in Todo
    Lab-10 Todolist-2
  • 10: Sessions

• 11: Sessions & Models
  • Play Review
    Play References + Cheat Sheet
    Lab-11a Playlist Review
  • Playlist Sessions
    Playlist Sessions
    Playlist Models
    Lab-11b Playlist 5
  • UX for Application Development
    Designing the User Experience
    11b: Designing the User Experience
    UX Document Template
  • 11a: Playlist Sessions

• 12: Deployment
  • Git
    Git, Github & Sourcetree
    Lab-12a Git Setup
    Lab-12b Git Workflow
  • Deployment
    Deployment
    Lab-12c Deploy
  • 12: Deployment