CLASS PLAN

COMP 1073 – Client-Side JavaScript

Term: Summer 2023

Class Information:

Course: Course Code:

Client-Side JavaScript COMP 1073
Course Delivery Mode: Details (If Needed):
Online

Instructor Information
Professor’s Name: Maninder Tatla Email: [email protected]

Office Hours: Class Monday (1:00 – 4:00 pm)

Times:

Course Information
Course The use of client-side scripting to implement interactive behaviour within the
Description: browser environment is an important part of modern web applications. Standard
client-side scripting syntax, operations, conditional statements, loops, functions,
methods, and objects are examined. Students learn to manipulate the standard
Document Object Model (DOM), by modifying the structure (HTML) and the
appearance (CSS) of Web pages and/or interfaces for the purposes of improving
the user experience.

Course MDN Documents Client-Side JavaScript

Resources: https://developer.mozilla.org/en-US/docs/Web/JavaScript

W3Schools Tutorials:
JavaScript: https://www.w3schools.com/js/default.asp

Visual Studio Code:

https://code.visualstudio.com/

Page 1 of 4
Learning 1. Employ the most common functions and methods used with current client-
Outcomes: side JavaScript techniques;
2. Manipulate DOM node element attributes, textual content, and Cascading
Style Sheet (CSS) properties;
3. Test and debug scripts using validators, DOM inspectors, and error console
tools;
4. Optimize code for increased functionality, performance, readability, and
reusability;
5. Construct a variety of programming structures including variables, constants,
arrays, objects, functions, conditionals, and constructors;
6. Design and build a variety of user interface elements to address specific
functional requirements.

Evaluation
Assignments (4 × 12.5%) 50%
Labs (2 × 5%) 10%
Mid-term Test 20%
Final Test 20%
Total 100%

Page 2 of 4
 Weekly Outline
All items listed have tentative dates and may be subject to change.

Week Topics Assessment

• Course Introduction & Review
1 • JavaScript Introduction
• Imperative Programming
• Weakly typed variables
2
• Variables, Operators, and Strings

3 • Arrays Assignment #1 Given

Assignment #1 Due
4 • Conditionals & Loops
Lab 1

5 • Functions Assignment #2 Given

Assignment #2 Due
6 • Events, listeners, and handlers

7 MID-TERM EXAM (20%)

8 • Introduction to objects

9 • Object Prototypes Assignment #3 Given

• Objects, data, and JavaScript Object
10 Assignment #3 Due
Notation (JSON)
• Document Object Model (DOM)
11 Lab 2
APIs
12 • Server-based APIs (third-party) Assignment #4 Given

13 • Multimedia APIs Assignment #4 Due

14 FINAL EXAM (20%)

Additional Information:
Late Work
Please ensure you complete and submit your work on time as failure to do so will result in a zero.
Missed Tests
Tests and exams must be written at the time scheduled. Only documented medical/family
emergencies or conflicting religious observance schedules are grounds for special consideration.
Requests for an adjustment to a prescribed exam or test date must be made before the exam or
test date.

Page 3 of 4
Important Links for Students

Academic Rights and Responsibilities

Academic Honesty

Appeal Process

Page 4 of 4