Notes & Material

course notes and material for COMP 324/424

---

Course notes and material will be added to this page during the semester.

This material will be updated on a weekly basis.

---

Week 15 - 20th April 2020

• extras - Final Report Outline
  • Final Report Outline

Week 14 - 13th April 2020

• course
• extras - Final Report Outline
  • Final Report Outline
• extras - data stores
  • Firebase - authentication
  • Firebase - setup & usage

Week 13 - 6th April 2020

• course
• extras - JS
  • Prototype
  • Proxy
• extras - Patterns
  • Observer pattern
  • Pub/Sub pattern
• extras - Systems Management
  • Build First
  • Grunt - Basics
  • Grunt - Project Outline
  • Systems - Environments and Distributions
  • Webpack - Basics
  • Webpack - Assets

Week 12 - 30th March 2020

• course
• extras - Heroku & Git setup
  • Heroku & Git
• extras - Heroku & MongoDB setup
  • Heroku & MongoDB
• extras - Node.js - API
  • Heroku & Postman
  • Data stores & APIs - MongoDB and native driver
  • Node Todos API
  • Testing - Node Todos API
• extras - Node.js - Express
  • Node.js outline
  • Node.js and Express
  • Node.js & Express starter
• extras - Node.js - Express and MongoDB
  • Node.js and MongoDB
• extras - Node.js - testing
  • assertions
  • mocha
  • postman
• extras - Node.js - various
  • Node.js updating
• extras - Node.js - Web Sockets
  • Node.js & Socket.io
• extras - JavaScript modules
  • CommonJS modules
  • ES modules - technical
  • ES modules - usage
  • ES modules - library

Week 11 - 23rd March 2020

• course
• extras - JS
  • JS - Working with the DOM
• extras - Web development - general
  • UI concept - autoscroll

Week 10 - 16th March 2020

• course
• extras - design
  • design and information architecture
• extras - JS
  • JS - Generators and Promises

Week 9 - 9th March 2020

• course
• extras - data stores
  • Firebase - authentication
  • Firebase - setup & usage
• extras - various
  • JS - Google APIs Overview
  • JS - OAuth 2.0 with Google APIs

Week 8 - 2nd March 2020

• N/A - Spring Break

Week 7 - 24th February 2020

• course
• extras - design
  • design and UI
• extras - JS
  • JS - json
• extras - Web development - general
  • Basic geolocation
  • Basic timestamps

Week 6 - 17th February 2020

• course
• extras - css
  • CSS - Flexbox
• extras - design
  • designing our app
• extras - JS
  • JS - intro
  • JS - core
  • JS - logic

Week 5 - 10th February 2020

• N/A - Presentations

Week 4 - 3rd February 2020

• course
• extras - CSS
  • CSS - Basics
  • CSS - Common grid layouts
  • CSS - Grid Basics
  • CSS - HTML5
  • MDN - Basic Concepts of Grid Layout
• extras - Design
  • design and interface

Week 3 - 27th January 2020

• course
• extras - CSS
  • CSS - Intro
  • CSS - Box Model
• extras - Design
  • Design - Mockups
• extras - HTML5
  • HTML5 - Intro
  • HTML5 - Extra
• extras - HTML5 Canvas
  • HTML5 Canvas - drawing
  • HTML5 Canvas - interaction

Week 2 - 20th January 2020

• N/A

Week 1 - 13th January 2020

• course
• extras
  • Git basics
• extras - HTML
  • HTML - Intro
  • HTML - DOM Intro
  • HTML - Basics