SICT

WEB422

Web Programming for Apps and Services

Schedule Notes Resources MyApps Instructions Graded Work Code examples

Notes

Here, you will find the links to the weekly notes. Please also remember to refer to the learning resources for additional help.


Week Theme
1 - Notes
  • Welcome to the WEB422 course
  • Web services (re)introduction
  • Setting up the back-end Web API
  • jQuery Review & Rendering API Data
2 - Notes
  • jQuery Continued...
  • Handling Date/Time information using Moment.js
  • Helpful Utility Functions with Lodash
  • Introduction to SASS
3 - Notes Introduction to MVVM using Knockout.js:

  • Introduction to Knockout.js
  • Creating an "observable" ViewModel
  • Data binding (one-way / two-way)
  • Working with existing data
4 - Notes Introduction to Component-based architecture using React:

  • Introduction to React
  • Getting started by creating a simple application
  • More about components (as an architectural design)
5 - Notes React Continued:

  • React App Structure / Organization (Simple Style Guide)
    & Creating Pages using Components
  • Routing in React
  • Simple Forms & Connecting to our Teams API
6 - Notes Introduction to Angular:

  • Introduction (Relevant History, Angular / AngularJS, Value Proposition)
  • Getting started - Introduction to the Angular CLI & Architecture Overview
Introduction to Angular Components:

  • High Level Discussion of Angular Components
  • Creating components manually / using the Angular CLI
  • An introduction to using "templates" in components
  • A brief discussion on attribute & structural directives.
7 - Notes Introduction to Angular Routing / Components cont'd:

  • Additional details surrounding Components & Directives
  • Introduction to Angular Routing Concepts
  • Code / Walkthrough of an application using Routing
8 - Notes Introduction to Angular Services / Routing cont'd:

  • Introduction to Angular Services / Architecture (DI)
  • HttpClient Module & "Observables" explained
  • Updating an existing app to support Services
  • Angular Routing Continued (Routing Parameters Introduced)
9 - Notes Introduction to Angular Forms

  • Introduction to Angular Forms / Data Binding
  • Providing visual feedback for element "states"
  • Short introduction to form validation using Angular
10 - Notes Introduction to Angular Deployment & Testing

  • Introduction to Building / Deploying an Angular app using Node.js
  • A brief introduction to the Angular testing landscape
11 - Notes Introduction to Securing a Web API with JWT

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

  • Creating a server using Node/Express for managing socket connections
  • Developing an Angular application which contains a working "chat window"