SICT

BTI425

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
  • Web services re-introduction
  • Configure back end server as a web API
  • Dev Environment setup
  • How to extract/parse JSON/XML data from WebAPI using AJAX
  • Lab-01
    (2%)
2
  • Introduction to jQuery
  • Manipulate DOM using jQuery
  • Extracting JSON/XML data from WebAPI using jQuery AJAX
  • Additional libraries coverage:
  • Moment.js
  • Lodash.js
  • Lab-02 (2%)
  • Assignment-01 (7%)
3
  • Introduction to React
  • Getting started by creating a simple application
  • Explore React project structure
  • Understand the role of React Element, React Component and JSX in a React application
  • Test-01
    (Weeks 1,2,3)
    (10%)
  • Assignment-01
4
  • Introduction to React Components
  • Handling Events and Rendering Data
  • Lab-03
    (2%)
5
  • Introduction to Routing
  • Creating a UI with 3rd party Components
  • Processing forms in React
  • Implement Form validation
  • Lab-04 (2%)
  • Assignment-02 (8%)
6
  • Processing forms in React
  • Ajax Call in React (async/await)
  • Serving a React App
  • Lab-05
    (2%)
  • Assignment-02
7
  • Review
  • Test
  • Test-02 (Midterm)
    (15%)

Study Break - No Classes

8
  • Introduction to Angular and TypeScript
  • Getting started by running the default App
  • Introduction to Angular Components and Templates
  • Lab-06 (2%)
9
  • Attribute, Class, Style Bindings & Directives
  • Emitting Events
  • Introduction to Routing
  • Lab-07 (2%)
  • Assignment-03 (7%)
10
  • Angular Services
  • Working with a Web API, HttpClient, Observable in Angular
  • Angular Routing Continued
  • Test-03 (Weeks 8,9,10) (10%)
  • Assignment-03
11
  • Working with Forms in Angular
  • Implement Form validation
  • Element "State" & Validation
  • Lab-08 (2%)
  • Assignment-04 (8%)
12
  • Introduction to Angular Deployment & Testing
  • Lab-09 (2%)
  • Assignment-04
13
  • Introduction to Securing a Web API with JWT
  • Introduction to JWT
  • Securing routes in an existing API using Passport.js
  • Lab-10 (2%)
14
  • Review
  • Test
  • Test-04 (Final) (15%)


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.