WEB222 Course Outline

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.

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.

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

No textbook required, we will use authoritative online resources

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/

Low-cost, moderate capacity, high-performance USB flash drive

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. (https://www.senecacollege.ca/registrar.html.

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

Mary-Lynn Manton

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.

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.

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.