Home

WEB222 Course Outline

Course Code: WEB222
Course Name: Web Programming Principles
Offered Date: Fall - 2019 | Other versions
Print Outline
Course Description:
This is an introductory course in web programming for standard browsers. Students begin by learning JavaScript, the programming language of the Web, and the focus of this course. Then, the Document Object Model (DOM) is studied, and with it, documents that use the Hypertext Markup Language (HTML) to define their structure and content. To affect and modify the appearance and formatting of a document, students learn and apply the foundations of the Cascading Style Sheet (CSS) language. Throughout this progression of topics, JavaScript is continually used to access and modify the content and appearance of documents through the DOM 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 and general functionality of the World Wide Web, and its foundation protocol, HTTP.
  2. Develop professional-quality web client applications that conform to standards.
  3. Demonstrate competence working with the Document Object Model in modern browsers.
  4. Demonstrate competence in the JavaScript programming language, applied to web client applications.
  5. Demonstrate competence with the HyperText Markup Language in composing documents for the web.
  6. Demonstrate competence with Cascading Style Sheets to affect 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
  • 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
  • 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
http://developer.mozilla.org

Web Education Community Group Wiki
by the W3C Web Education Community Group
http://www.w3.org/community/webed/wiki/Main_Page

Your Web, Documented
by the W3C and the Web Platform stewards
http://www.webplatform.org/

Supply:
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

http://www.senecacollege.ca/about/policies/student-progression-and-promotion-policy.html

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)
OR
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. (http://www.senecacollege.ca/registrar/gpacalulator.html.


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

Approved By:
Mary-Lynn Manton
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