WEB222 - Web Programming Principles

Outline info
Semester
School
Last revision date 2017-01-10 10:34:24.281
Last review date 2017-01-10 10:34:24.281


Subject Title
Web Programming Principles

Subject 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)

Learning Outcomes
Upon successful completion of this subject the student will be able to:

(The following learning outcomes will be revised before January 9, 2017.)

  • Explain the purpose and general functionality of the World Wide Web, and its foundation protocol, HTTP.
  • Develop professional-quality web client applications that conform to standards.
  • Demonstrate competence working with the Document Object Model in modern browsers.
  • Demonstrate competence in the JavaScript programming language, applied to web client applications.
  • Demonstrate competence with the HyperText Markup Language in composing documents for the web.
  • Demonstrate competence with Cascading Style Sheets to affect the appearance of web documents.
  • Solve a wide range of common web client programming problems.

Essential Employability Skills
Communicate clearly, concisely and correctly in the written, spoken and visual form that fulfils the purpose and meets the needs of the audience.

Respond to written, spoken, or visual messages in a manner that ensures effective communication.

Execute mathematical operations accurately.

Apply a systematic approach to solve problems.

Use a variety of thinking skills to anticipate and solve problems.

Locate, select, organize, and document information using appropriate technology and information systems.

Analyze, evaluate, and apply relevant information from a variety of sources.

Manage the use of time and other resources to complete projects.

Take responsibility for one's own actions, decisions, and consequences.

Cheating and Plagiarism
Each student should be aware of the College's policy regarding Cheating and Plagiarism. Seneca's Academic Policy will be strictly enforced.

To support academic honesty at Seneca College, all work submitted by students may be reviewed for authenticity and originality, utilizing software tools and third party services. Please visit the Academic Honesty site on http://library.senecacollege.ca for further information regarding cheating and plagiarism policies and procedures.

Discrimination/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.

Accommodation 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 Disabilities Services Office at ext. 22900 to initiate the process for documenting, assessing and implementing your individual accommodation needs.

Prerequisite(s)
IPC144

Topic Outline
1. Introduction

  • Course Overview
  • Learning Environment Overview
  • Expectations and Deliverables
  • Assignment Breakdowns
  • Marks and Grading
  • Student Account information
  • Login and password
  • Changing your password
  • Directory/File name conventions
  • Rules governing your account
  • Securing your account
  • Seneca College Acceptable Account Use Policy
  • Unix/Linux basic commands
  • Web Terminology
  • Website Overview
  • Browsers and URLs
  • Client and Server
     
2. HTML5 Overview
  • What is HTML5?
  • HTML Basic Structure
  • Syntax and Rules
  • HTML Elements and Attributes
  • Comments
     
3. HTML Basic Elements
  • <body> | <head> | <html>
     
4. HTML Metadata Elements
  • <head> | <link> | <meta> | <script> | <style> | <title>
     
5. HTML Content Section and Semantics Elements
  • <address> | <article> | <aside> | <footer> <header> | <hgroup>
  • <h1> |<h2> |<h3> |<h4> |<h5> | <h6> | <main> |<nav> | <section>
     
6. HTML Form Elements
  • <button> | <fieldset> | <form> | <input> | <label> | <legend> | <meter>
  • <optgroup> | <option> | <progress> | <select> <textarea>
     
7. HTML List Tags
  • <dd> | <dl> | <dt> | <li> | <ol> | <ul>
     
8. HTML Table Tags
  • <caption>  | <col> | <colgroup> | <table> | <tbody> | <td> | <tfoot> | <th> | <thead> | <tr>
     
9. Additional HTML Tags
  • <a> | <abbr> | <blockquote> | <div> | <fig> | <fig caption> | <hr> | <img> | <mark> | <p>
  • <pre> | <q> | <span> | <sub> |  <sup>
     
10. HTML Attributes
  • accesskey | action | alt | charset | class | colspan | disabled | href | id | lang | maxlength
  • method | multiple | name | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onload
  • onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | readonly
  • selected | size | span | src | style | title | type
     
11. CSS
  • Declaration
  • Declaration Block
  • External Style Sheet
  • Inline CSS
  • Internal Style Sheet
  • Property
  • Selectors
  • Styling Rules
  • Values
     
12. CSS Properties
  • * | background  | background-size | border | border-collapse | border-image | border-radius
  • border-spacing | bottom | box-shadow | columns | display | float | font | height | left
  • list-style | margin | opacity | padding | position | right | text-align | text-shadow | top
  • transition | transform | visibility | width | word-spacing | z-index

13. CSS Functions
  • linear-gradient
  • radial-gradient

14. JavaScript Keywords and Statements
  • break | continue | do | else | for | function | if | in | new | switch | var | while

15. JavaScript Functions and Methods
  • Abs | big | bold | ceil | charAt | charCodeAt | exp | floor | indexOf | isNaN | italics
  • lastIndexOf | length | link | max | min | parseFloat | parseInt | pop | pow | push
  • random | reverse | round | shift | slice | small | sqrt | strike | substr | substring
  • toLower | toString | toUpper | unshift | valueOf

16. JavaScript Objects
  • Array | Date | DOM | Event | Function | Math | RegExp | String | Table | Window

17. JavaScript Events
  • onBlur | onFocus | onClick | onDblClick | onChange
  • onKeyPress | onKeyDown | onKeyUp
  • onMouseDown | onMouseUp | onMouseOver | onMouseMove | onMouseOut
  • onReset | onSelect | onSubmit

18. JavaScript Operators
  • Assignment Operators
  • Arithmetic Operators
  • Comparison Operators
  • Conditional Operator
  • Logical Operators
  • String Operators

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

Prescribed Texts
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/

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

Promotion Policy

Grading Policy
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/academic-policy) or at Seneca's Registrar's Offices.


Approved by: Sharon Estok