• 0: Assignments
  • Module Review
  • Project 1 Specification
  • Project 2 Specification
  • Project 2 (Alternative)

• 1: Introducing HTML
  • Module Overview
  • The Nature of the Web
  • HTML Basics
  • Lab-1.1: Editing HTML
  • Lab-1.2: HTML Structure

• 2: Introducing CSS
  • HTML Elements
  • CSS Basics
  • CSS Rules
  • CSS Cascade
  • Lab-2 CSS Intro

• 3: The Box Model
  • Web Standards Evolution
  • Box Model Fundamentals
  • Box Model Example
  • Multicolumn Layout
  • Lab-3a Layout
  • Lab-3b Multicolumn

• 4: Navigation, Semantics & Style Guides
  • HTML Style Guide
  • Navigation
  • Semantic HTML
  • CSS Style Guide
  • Lab-4a Navigation
  • Lab-4b Case Study

• 5: HTML Templates & Deployment
  • Deployment
  • Harp & Surge
  • Case Study
  • Templates
  • Lab-5a Harp & Surge
  • Lab-5b Templating
  • Lab-5c Templating & Nav

• 6: CSS Frameworks
  • Lab Review
  • Semantic-UI I: Container & Segment
  • Semantic-UI II: Grids & Images
  • Semantic-UI III: Tables
  • Semantic Part IV: Layout
  • Lab-6a Semantic UI 1
  • Lab-6b Semantic UI 2

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

• 8: Models & Views
  • Model View Controller
  • Views
  • Models
  • Lab-08a Playlist-2
  • Lab-08b Playlist-3

• 9: Forms
  • Todo
  • Add Todo
  • Playlist Management
  • Song Management
  • Lab-09b Todolist-1
  • Lab-09a Playlist-4

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

• 11: Sessions & Models
  • Playlist Sessions
  • Playlist Models
  • Lab-11a Playlist Review
  • Lab-11b Playlist 5

• 12: Deployment + Review
  • ICT Skills Studio + Next Onsite
  • Deployment
  • Skills Roadmap
  • Play References + Cheat Sheet
  • Lab-12a Deploy
  • Lab-12b Git Setup
  • Lab-12c Git Usage