WEB222 Course Outline

Course Code: WEB222
Course Name: Web Programming Principles
Offered Date: Winter - 2021 | Other versions
Print Outline
Course Description:

This is an introductory course in web programming using JavaScript, CSS (cascading style sheets), HTML and the DOM (document object model) interface.

Credit Status: 1 credit (3 units)
Required for CPA - Computer Programming and Analysis (Ontario College Advanced Diploma)
Required for CPD - Computer Programmer (Ontario College Diploma)
Prerequisite: IPC144
Mode of Instruction: Modes: In-class lecture, in-class exercises, and hands-on activity
Hours per week: 4
Room configuration: Classroom, and computer lab
Typical scheduling pattern: Fall, Winter, and Summer terms
Learning Outcomes:
  1. Explain the purpose of the World Wide Web, and the HTTP protocol.
  2. Develop web client applications that confirm to current standards and best practices.
  3. Demonstrate competence with a document object model to present content for end-user consumption and/or interaction.
  4. Ultilize JavaScript to implement interactivity in a web client application.
  5. Compose documents for the web using the hypertext mark-up language.
  6. Employ cascading style sheets to control the appearance of web documents.       
  7. Solve a wide range of common web client programming problems.
Topic Outline:
Internet architecture
  • Internet protocol basics
  • Internet application protocols and services
  • HTTP specifically, and an overview of how it works
  • JavaScript introduction
  • Types
  • Syntax, operators, statements, etc.
  • Objects (including object, array, date, etc.)
  • Functions (as objects)
  • Regular expressions
  • Scope
  • Closure
  • Prototypal inheritance
HTML, and the HTML DOM
  • HTML introduction
  • HTML DOM introduction
  • Document structure/overview
  • Important elements and using them
  • DOM tree
  • Node, and node types/kinds
  • Modifying the DOM (HTML structure and content) with JavaScript
  • CSS introduction
  • Rules overview
  • Selectors overview and specifics
  • Declarations
  • Box model
  • Block elements, inline elements
  • Rule categories… normalization, layout, type, color/media
  • Type, introduction
  • Colour, introduction
  • Modifying the DOM (CSS formatting and appearance) with JavaScript
Web client programming topics
  • More DOM modification, continued
  • Events
  • Hyperlinks
  • Images basics
  • Navigation and menus
  • Layout basics
  • HTML Forms
  • Image galleries
  • Ajax, and simulating a call to a web service
  • Media other than images – audio, video, canvas
  • Adaptive and responsive layout for print and mobile targets
Prescribed Text(s):
No textbook required, we will use authoritative online resources
Reference Material:
Mozilla Developer Network start page
by the Mozilla Developer Network and individual contributors

Web Education Community Group Wiki
by the W3C Web Education Community Group

Your Web, Documented
by the W3C and the Web Platform stewards

Low-cost, moderate capacity, high-performance USB flash drive
Promotion Policy:
To obtain a credit in this subject, a student must:
  • Achieve a grade of 50% or better on the final exam
  • Complete all assignments in a satisfactory manner
  • Achieve a weighted average of 50% or better for the tests and final exam
  • Achieve a grade of 50% or better on the overall course


Grading Policyhttp://www.senecacollege.ca/about/policies/grading-policy.html

A+ 90%  to  100%
A 80%  to  89%
B+ 75%  to  79%
B 70%  to  74%
C+ 65%  to  69%
C 60%  to  64%
D+ 55%  to  59%
D 50%  to  54%
F 0%    to  49% (Not a Pass)
EXC Excellent
SAT Satisfactory
UNSAT Unsatisfactory

For further information, see a copy of the Academic Policy, available online (http://www.senecacollege.ca/about/policies/academics-and-student-services.html) or at Seneca's Registrar's Offices. (https://www.senecacollege.ca/registrar.html).

Assignments (approximately 6) 30%
Tests (approximately 10) 50%
Final exam 20%

Approved By:
Kathy Dumanski
Cheating and Plagiarism:
Seneca upholds a learning community that values academic integrity, honesty, fairness, trust, respect, responsibility and courage. These values enhance Seneca's commitment to deliver high-quality education and teaching excellence, while supporting a positive learning environment. Ensure that you are aware of Seneca's Academic Integrity Policy which can be found at: http://www.senecacollege.ca/about/policies/academic-integrity-policy.html Review section 2 of the policy for details regarding approaches to supporting integrity. Section 2.3 and Appendix B of the policy describe various sanctions that can be applied, if there is suspected academic misconduct (e.g., contract cheating, cheating, falsification, impersonation or plagiarism).

Please visit the Academic Integrity website http://open2.senecac.on.ca/sites/academic-integrity/for-students to understand and learn more about how to prepare and submit work so that it supports academic integrity, and to avoid academic misconduct.
Discrimination and Harassment:
All students and employees have the right to study and work in an environment that is free from discrimination and/or harassment. Language or activities that defeat this objective violate the College Policy on Discrimination/Harassment and shall not be tolerated. Information and assistance are available from the Student Conduct Office at student.conduct@senecacollege.ca.
Accomodation for Students with Disabilities
The College will provide reasonable accommodation to students with disabilities in order to promote academic success. If you require accommodation, contact the Counselling and Accessibility Services Office at ext. 22900 to initiate the process for documenting, assessing and implementing your individual accommodation needs.

Program Information