SICT

WEB422

Web Programming for Apps and Services

Schedule Notes Resources MyApps Instructions Graded Work Code examples

Weekly schedule

Please note that all Assignments will be released on the Friday of the week indicated and will similarly be due on the Friday one or two weeks later (see below).

Each test will commence at the start of the corresponding Lecture period (we will not have tests during the lab period)


Week Topic theme & coverage Task Assigned Due
1
  • Dev environment setup
  • Re-introduction to back-end web services and testing
  • Assignment 1
    (5%)
2
  • Short jQuery with Bootstrap 3 Review
  • Helpful utility functions with Lodash & Rendering Data
  • Handling Date / Time information using Moment
  • Assignment 2
    (9%)
  • Assignment 1
3
  • Introduction to React
  • Getting started by creating a simple application
  • Introduction to React Components
  • Test 1
    (Weeks 1-2)
    (10%)
4
  • Handling Events and Rendering Data
  • Introduction to Routing
  • Creating a UI with 3rd party Components
  • Assignment 3
    (9%)
  • Assignment 2
5
  • Processing forms in React
  • Serving a React App
  • Test 2
    (Weeks 3-4)
    (10%)
6
  • Introduction to Angular
  • Getting started by running the default App
  • Introduction to Angular Components and Templates
  • Assignment 4
    (9%)
  • Assignment 3
7
  • Attribute, Class, Style Bindings & Directives
  • Emitting Events
  • Introduction to Routing
  • Test 3
    (Weeks 5-6)
    (10%)

Study Break - No Classes

8
  • Angular Services Introduction
  • Working with a Web API in Angular
  • Angular Routing Continued
  • Assignment 5
    (9%)
  • Assignment 4
9 Introduction to Working with Forms in Angular

  • Angular Forms Introduction
  • Element "State" & Validation
  • Test 4
    (Weeks 7-8)
    (10%)
10 Introduction to Angular Deployment & Testing

  • Introduction to Building / Deploying an Angular app using Netlify
  • A brief introduction to the Angular testing landscape
  • Assignment 6
    (9%)
  • Assignment 5
11 Introduction to Securing a Web API with JWT

  • Introduction to JWT
  • Review User Account Management / Security (MongoDB / bcrypt)
  • Securing routes in an existing API using Passport.js / Passport-jwt
  • Updating an Angular app to use JWT (Route Guards / Http Interceptors)
  • Test 5
    (Weeks 9-10)
    (10%)
12 Introduction to Socket.io

  • Creating a server using Node/Express for managing socket connections
  • Developing an Angular application which contains a working "chat window"
  • Assignment 6
13
  • Course Review
  • Test 6
    (Weeks 11-12)
    (10%)


Summary

6 Tests - 50% (10%/ea - lowest test dropped)
6 Assignments - 50% ([A1] = 5%, [A2-A6] = 9%/ea)

Promotion Policy

Most of the materials posted in this course are protected by copyright. It is a violation of Canada’s Copyright Act and Seneca’s Copyright Policy to share, post, and/or upload course material in part or in whole without the permission of the copyright owner. This includes posting materials to third-party file-sharing sites such as assignment-sharing or homework help sites. Course material includes teaching material, assignment questions, tests, and presentations created by faculty, other members of the Seneca community, or other copyright owners.

It is also prohibited to reproduce or post to a third-party commercial website work that is either your own work or the work of someone else, including (but not limited to) assignments, tests, exams, group work projects, etc. This explicit or implied intent to help others may constitute a violation of Seneca’s Academic Integrity Policy and potentially involve such violations as cheating, plagiarism, contract cheating, etc.  

These prohibitions remain in effect both during a student’s enrollment at the college as well as withdrawal or graduation from Seneca.