web client side programming (4002-536)
fall quarter 2011 (20111)

information technology department
rochester institute of technology

lecture notes
& meeting
Dan Bogaard
primary e-mail: dsbics@rit.edu
office phone: 475-5231
office location: 70-2571
current schedule

Section 01: Class meets Tues/Thurs, from 2-3:50, in 70-2620

My office hours this quarter are Mon 4-6 & Wed 2-4 (70-2571).

Description &
This course will explore the possibilities and purpose of client side scripting over the Internet. Students will learn to use both native and plug-in technologies to build interactive interfaces that are both usable and effective. Key features that will be addressed are browser compatibility, object reusability (bandwidth issues), and different scripting environments. Programming is required.
  • 3 course programming sequence
  • 4002-409
Prerequisite Skills
  • Design and construct a medium-scale static web site
  • Write computer programs incorporating:
    • Local and global variables used following generally accepted programming practices
    • Control Structures such as if, if-then-else, counted and conditional loops and nested control structures.
    • Good coding style such as commenting code, indenting code to show structure and choice of meaningful names.
    • Functions and/or Objects and Methods (OOP).
(we'll see how far we get...)
  • Review of DOM
    • window, document, and event objects
  • Browser comparisons
  • Strategies for multiple deployment
  • Cookie Review
  • Animation
  • Text File Parsing
  • Dynamic Menus
  • Repositioning Elements for Browser Correction
  • Server Communication with XML (or without!)
Future Client Side Technologies
  • Tags
  • Animation and Interaction
JavaScript Libraries (currently jQuery)
  • Custom Technologies and Appropriate Usage
  • using the API to build such things as animations, validation, dynamic creation, etc.
  • Extending the core lib with plugins
  • Writing your own plugin(s)?
specific objectives
(learning outcomes)
By the end of this course, students should be able to:
  • Students will create scripts that execute on multiple browsers/platforms such as Mozilla and Internet Explorer on both the PC and Macintosh environments in individual projects.
  • Students will use client side technologies to manipulate the document object model (DOM) to create interactivity and navigation, dynamically build page elements, and communicate with plug-in technologies in individual projects.
  • Students will write scripts in technologies such as JavaScript, DHTML, CSS, SVG, SMIL, and proprietary scripting languages to gain familiarity with current practices and future developments in web client side scripting. This will be assessed in in-class activities.
  • Students will demonstrate the use of vendor specific technologies to overcome the limitations of general purpose scripting languages in individual projects.
  • Students will demonstrate basic proficiency by completing a practical hands-on examination to create any of the following:
    • Interactive and/or dynamic web pages (that could utilize JavaScript, CSS, DHTML, SVG, SMIL, or other current client side technology)
    • Browser viewable application built upon plug-in technology
Texts &

The following required texts will be available at the bookstore, or via online booksellers such as amazon.com and bn.com:

Book Cover Thumbnail
JavaScript The Definitive Guide, 6th Ed. Flanagan, O'Reilly & Associates, ISBN: 0596805527

More texts and/or online readings may be assigned as we discuss what we will do with the second half of the course

In addition to the text(s), online readings might be assigned in class and linked from this page.

You should purchase at least one thumb drive to store your work on; I recommend two in case you have problems with the first.

Grading &

Your grade will be based on your individual assignments & a final practical.

It's important to understand that if you complete all the requirements for an assignment, that entitles you to a grade of "B" (i.e. "satisfactory work"). To receive an A for an assignment, you must go beyond the basic requirements, and demonstrate creativity, initiative, and excellence--the grade of A is intended for work that is superior, rather than average.

Assignments submitted after the due date/time, without prior approval from me, will lose one full letter grade for each day that they are late. If you know that a situation will prevent you from turning something in, contact me in advance of the deadline to make alternate arrangements.

The individual assignments will be worth a total of 75% of your final grade (#1—30%, #2—20%, #3—25%). The first will be JavaScript, the second SVG, and the last is jQuery (see below).

The final practical shall be worth 25% of your grade. The practical itself will be based upon the in-class exercises, what we build in class together, and the readings. The practical will be held during the final class time (10b).

If you wish to dispute your final course grade, you must do so before the end of the quarter following this one; otherwise documentation of your work may not be available.

Last Day to Drop the Class: For this quarter, you can drop the class on or before Sept 11th (NOTE - Sunday). After that date, you must withdraw from the course, which will show on your transcript as a W.

Last Day to Withdraw: The deadline for withdrawing from a course with a W grade is the end of the 8th week of the quarter. Forms may be obtained from the IT office, and must be signed by your instructor. Completed forms should be returned to the IT office no later than the last day of the 8th week. After that date, a grade will be assigned based on the work that you have submitted.

"Incomplete" Grades: You may request an incomplete, or "I" grade, only in cases where exceptional conditions beyond your control, such as accidents, severe illness, family problems, etc., have kept you from completing the course. You must alert us to these circumstances as soon as possible--telling your instructor in November that you were sick in September is not acceptable. If your request for an incomplete is granted, you must complete the work for the course within the time limits set by the instructor. The maximum time is two (2) academic quarters. Unfinished "I" grades automatically become "F". Incomplete grades are not given to students who have simply fallen behind in their work.


Assignments will be discussed in class, and posted here on a regular basis. They will always be due at 5pm on the due date.

Individual Assignments:

  • Assignment 1: Interactive Form Elements. Due Oct. 5th (middle of week 5). (some possibly useful links)
  • Assignment 2: Personal SVG page - both SMIL and JS animations. Due ??? (probably in week 7).
  • Assignment 3: Use/Extending a Library - consuming/displaying real data (from RESTful service). Due ??? (finals week, end of our final time).

Grading Guidelines:

  • This is a 500 level course - that being said, I will not supply you with a laundry list of items I expect you to include in the projects. I will supply general criteria I expect (say, the use of DHTML to enhance your project) and beyond that I will challenge you to impress me!
  • All assignments will be submitted to TurnItIn.com to check for plagiarism...
I will post announcements related to class in our class on the mycourses page, rather than sending mass e-mails. All projects will be submitted to the dropbox in mycourses. All starter files will also be found there.

It is important that you understand what constitutes academic dishonesty, and what the penalty associated with it is. Read this policy carefully. Please note, in particular, the definitions of cheating and collusion. There is a fine line between asking for a classmate's help in solving a technical problem, and using their work as your own. Don't cross it. Similarly, while it's fine to get ideas from web sites, you must credit your source. If you violate the academic dishonesty policy, you will fail the course. It's just not worth it.


The readings for each week should be completed before that week begins, so that you're prepared to work with examples and exercises, and to ask questions.

Part 1 - JavaScript
Weeks 1 to 5+
  • Week 1 - Javascript Basics
    • Arrays & Functions
  • Week 2a - Window & Cookies
  • Week 2b - Document & Forms
  • Week 3a - DOM
  • Week 3b - DHTML & Events
  • Week 4a - DHTML (Menus)
  • Week 5a - AJAX
my FireFox plugins
  • W1: JS-Ch 1-8 & 13, (esp. 3,6,7,8,13)
  • W2a: JS-Ch 14, & 20
  • W2b: JS-Ch 15
  • W3a: JS-Ch 16
  • W3b: JS-Ch 17
  • W4b: JS-Ch 18
Part 2 -
Future Considerations:
~Week 6-7
  • SVG & the DOM
    • SVG objects
    • Animation with SMIL
    • Animation with JS
  • Read: JS-Ch 21
Part 3 -
  • Use and extensions of
  • Read: JS-Ch 19
***All timing of assigned readings/assignments are tentative and subject to change!

Take the pre-test!
©2002 Dan Bogaard
Page last modified: Sunday, 27-Nov-2011 21:34:17 EST