COURSE OUTLINE
Information Technology Studies · The G. Raymond Chang School of Continuing Education · Ryerson University
COURSE NUMBER:
CXCP660
COURSE NAME:
Advanced HTML 5 Development
PRE-REQUISITE:
It is strongly recommended that students complete CXCP663 AND (CXCP675 or
CXCP673) OR have equivalent HTML and advanced JavaScript experience
prior to taking this course.
REQUIRED TEXT
Pro HTML 5 Programming
Peter Lubbers, Brian Albers, Frank Salim
Apress
ISBN NUMBER:
ISBN-13: 978-1430238645
COURSE DESCRIPTION:
In this 42 hour non-credit course, learners obtain hands-on experience developing web sites by utilizing HTML 5 Application
Programming Interfaces (APIs), including Canvas, SVG, audio and video, Geolocation, Communication, and Drag-and-Drop.
Forms, Web Workers, WebSockets and Web Storage APIs, as well as development of HTML 5`s off line web applications,
also are examined in detail.
COURSE EVALUATION:
This course is comprised of a combination of lectures and labs. Upon successful completion of this course the learner will be
assigned a letter grade based on the final grade. The final grade will be calculated based on the following components:
Assignments 50%
Tests 50%
Students are expected to complete all assignments, tests, and exams by the dates indicated in the course syllabus distributed
by the instructor at the first class meeting. However, Ryerson University policies allow a student who misses a test or final
exam to request an alternate arrangement to write a makeup exam for one of the following reasons only: medical illness,
religious observance, or compassionate grounds, provided the student`s request is in writing and is accompanied by the
appropriate documentation within the proscribed timeframe as outlined by the applicable policies listed at
www.ryerson.ca/senate/policies. Please refer to the end of this outline for details.
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009
Learning Outcomes — CXCP660
1. Introducing HTML5
Upon completion of this unit the learner will be able to:
a. Explore the updated HTML5 DOCTYPE and Character Set
b. List and describe new and deprecated elements
c. Understand the semantic markup
d. Simplify selection using the Selectors API
e. Perform JavaScript logging and debugging
2. Using the Canvas Application Programming Interface (API)
Upon completion of this unit the learner will be able to:
a. Check for browser support
b. Add a canvas element to a page
c. Apply transformations to drawings
d. Work with paths, stroke styles, and fill styles
e. Insert images into a canvas
f. Apply gradients and background patterns
g. Scale canvas objects
h. Implement canvas security
i. Build an application with HTML5 canvas
3. Working with Scalable Vector Graphics
Upon completion of this unit the learner will be able to:
a. Create 2D graphics with Scalable Vector Graphics (SVG)
b. Incorporate SVG into a page
c. Transform SVG elements
d. Manipulate patterns and gradients
e. Utilize SVG paths and SVG text
f. Build an interactive application with SVG
4. Integrating Audio and Video
Upon completion of this unit the learner will be able to:
a. Examine audio and video properties
b. Utilize video containers
c. List and describe audio and video codecs
d. Explore audio and video restrictions
e. Analyze browser support for audio and video
f. Employ the audio and video API
g. Manipulate audio and video elements
5. Implementing the Geolocation API
Upon completion of this unit the learner will be able to:
a. Analyze latitude and longitude coordinates
b. Retrieve geolocation data from GPS and IP addresses
c. Acquire Wi-Fi and cell phone geolocation data
d. Manipulate user-defined geolocation data
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009
2
Learning Outcomes — CXCP660
e.
f.
g.
h.
Examine browser support for geolocation
Trigger the privacy protection mechanism
Invoke the geolocation API
Build an application with geolocation
6. Applying the Communication APIs
Upon completion of this unit the learner will be able to:
a. Implement Cross Document Messaging
b. Explore browser support for Cross Document Messaging
c. Incorporate the postMessage API
d. Construct an application using the postMessage API
e. Analyze XMLHttpRequest level 2
f. Verify browser support for HTML5 XMLHttpRequest level 2
g. Utilize the XMLHttpRequest API
h. Create an application using XMLHttpRequest
7. Exploring the WebSocket API
Upon completion of this unit the learner will be able to:
a. Examine the WebSocket API
b. Compare and contrast real-time and HTTP communications
c. Write a simple echo WebSocket server
d. Use the WebSocket API
e. Verify browser support for WebSocket
f. Develop a WebSocket application
8. Using the Forms API
Upon completion of this unit the learner will be able to:
a. List the features of HTML5 forms
b. Compare and contrast HTML forms and XForms
c. Work with functional forms
d. Explore browser support for HTML5 forms
e. Utilize the HTML5 forms APIs
f. Describe new form attributes and functions
g. Check forms with validation
h. Build an application with HTML5 forms
9. Working with Drag-and-Drop
Upon completion of this unit the learner will be able to:
a. List the features of HTML5 drag-and-drop
b. Implement drag participation, transfer, and control
c. Build an application using drag-and-drop
d. Handle drag-and-drop for files
10. Introducing the HTML5 Web Workers API
Upon completion of this unit the learner will be able to:
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009
3
Learning Outcomes — CXCP660
a.
b.
c.
d.
e.
f.
g.
h.
i.
Validate browser support for Web Workers
Use the Web Workers API
Implement custom Web Workers
Load and execute additional JavaScript
Communicate with Web Workers
Handle errors related to the Web Workers API
Invoke Web Workers within Web Workers
Utilize timers
Develop an application with Web Workers
11. Exploring the Storage APIs
Upon completion of this unit the learner will be able to:
a. List the features of Web Storage
b. Explore browser support for Web Storage
c. Utilize the Web Storage API
d. Set and retrieve values
e. Compare and contrast localStorage and sessionStorage
f. Communicate Web Storage updates
g. Implement an application with Web storage
h. Examine the Web SQL database
i. Analyze the Indexed Database API
12. Creating Offline Web Applications
Upon completion of this unit the learner will be able to:
a. Explore browser support for HTML5 offline Web applications
b. Use the HTML5 Offline Application Cache API
c. Check for browser support
d. Construct a simple offline application
e. Explore the ApplicationCache API
f. Build an HTML5 offline Web application
g. Create the HTML structure and CSS for the user interface
h. Implement the offline JavaScript
i. Explore advanced features such as WebGL, audio data API, touchscreen device events, and peer-to-peer
networking
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009
4
Learning Outcomes — CXCP660
5
RYERSON ACADEMIC POLICIES:
Partial information on certain Ryerson University Senate policies is provided herein; For complete information on Ryerson`s
academic policies, visit the Senate website at www.ryerson.ca/senate/policies.
Policy on Grading, Promotion, and Academic Standing No. 46
Student Code of Academic Conduct No. 60
Undergraduate Academic Consideration and Appeals Policy No. 134
Examination Policy No. 135
Course Management Policy No. 145
Accommodation of Student Religious Observance Obligations Policy No. 150
REFUND POLICY and OFFICIAL WITHDRAWAL FROM THE COURSE:
FULL REFUND: granted to registrants who officially withdraw at least five business days prior to the first scheduled class.
75% REFUND: granted to registrants who officially withdraw after the full refund deadline but 24 hours prior to the fourth
scheduled class for courses of 42 or more hours in duration. No refunds will be granted after the fourth scheduled class.
GOOD ACADEMIC STANDING (no refund): granted to students who officially withdraw 24 hours before the eighth scheduled
class meeting.
NON ATTENDANCE OF THE COURSE IS NOT CONSIDERED AN OFFICIAL WITHDRAWAL: Students must officially
withdraw in person at Enrollment Services and Student Records or on line at www.my.ryerson.ca by the appropriate deadline.
MISSED TERM WORK OR EXAMINATIONS:
Exemption or deferral of a test, assignment, or final examination is not permitted except for documented medical, religious or
compassionate grounds. The instructor must be notified by e-mail prior to the test and appropriate documentation submitted.
For missed tests or coursework, the instructor may arrange a make-up test or re-weigh the course requirements depending on
course policy. For a missed final exam, if the majority of the course work has been completed with a passing performance, and
the documentation is acceptable, an INC grade will be entered by the instructor. An INC grade will not be granted if term work
was missed or failed. The make-up examination must be written by a specified date within 3 months after the submission of
the incomplete grade. Failure to do this will result in an F grade.
Medical: If possible, students must notify the instructor by e-mail/phone before the test/assignment/exam. The Student
Medical Certificate form (www.ryerson.ca/senate/forms/medical/pdf) must be completed by the student and medical physician
and presented to the instructor or Program Manager within 3 days of the missed piece of work.
Religious Observance: If you will require religious accommodation, you must complete and submit the Student Declaration of
Religious Observance Accommodation form (www.ryerson.ca/senate/forms/relobservforminstr.pdf) and present it to the
instructor or Program Manager within the first two weeks of the semester.
Compassionate grounds: The instructor/Program Manager will use discretion in considering compassionate grounds (such
as a death in the family). Students must present reasonable and appropriate documentation to support their request. Business
/or personal travel and/or normal employment commitments generally do not constitute grounds for academic consideration.
ACCESS CENTRE:
Students with existing Access Centre accommodations should meet with their instructor at the beginning of the course.
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009
Learning Outcomes — CXCP660
6
Students who register with the Access Centre during the semester must speak to their instructor as soon as their needs are
identified.
ACADEMIC INTEGRITY:
Plagiarism and/or cheating are unacceptable. Details of the Student Code of Academic Conduct are provided at
www.ryerson.ca/senate/policies/pol60.pdf. If you are unsure of what is acceptable, you should consult with your instructor.
PLAGIARISM:
The Ryerson Student Code of Academic Conduct defines plagiarism and the sanctions against students who plagiarize. All
Chang School students are strongly encouraged to go to the academic integrity website www.ryerson.ca/academicintegrity
and complete the tutorial on plagiarism.
The University has subscribed to the Turnitin service which helps instructors identify internet plagiarism and helps students
maintain academic integrity. The work submitted by students in this course may be submitted to Turnitin. Students who do not
want their work submitted to this plagiarism detection service must, by the end of the second class, consult with the instructor
to make alternate arrangements.
While every attempt has been made to ensure the currency and accuracy of information
contained within the course outline documents, these documents are subject to change
without prior notice at the discretion of Ryerson University. This material is the property of
Ryerson University and may be printed for course reference. This material shall not be
photocopied or reproduced, in any other format, for any other purpose. Copyright 2009