web client side programming (4002-536)
spring quarter 2002 (023)

information technology department
rochester institute of technology

lecture notes
& meeting
Dan Bogaard
primary e-mail: dsb@it.rit.edu
office phone: 475-5231
office location: 70b-2571

Section 01: Class meets Mon/Wed, from 10-11:50, in 86-1110
Section 02: Class meets Mon/Wed, from 4-5:50, in 13-1350

My office hours are Tuesday 4-6 and Wednesday 1:45-3:45 (70b-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-330
  • 4002-409
(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
Specific Plug-in Technologies (currently Flash)
  • Custom Technologies and Appropriate Usage
  • Learning the Flash Interface
  • Similarities of JavaScript / ActionScript
  • Animation (and comparison with JavaScript solutions)
  • Vector Graphics Explanation
  • Flash 'Controls'
  • Creating Forms using Flash
  • Parsing Forms with Actionscript
  • Objects & Arrays
  • Reusability
  • Streaming Flash content
  • JavaScript and Flash integration
  • Passing variables and objects between pages / cookies / movies
Future Client Side Technologies
  • Tags
  • Animation and Interaction
Texts &

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

ActionScripting in Flash MX (Kerman)
New Riders, ISBN: 0735712956

JavaScript The Definitive Guide, 4th ed (Flanagan - and yes, you MUST have the 4th edition) O'Reilly & Associates, ISBN: 0596000480

Macromedia Flash MX for Windows and Macintosh (Visual QuickStart Guide) (Ulrich)
Peachpit Press, ISBN: 0201794810

*There will be no assigned readings from the recommended text, it is simply a guide to familiarize yourself with the Flash Interface (so any basic text will do).

In addition to the texts, online readings might be assigned in class and linked from this page.

You should purchase at least one Zip disk 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 80% of your final grade (#1—15%, #2—20%, #3—30%, #4—15%). The first two will be JavaScript, the third ActionScript, and the last is SVG (see below).

The final practical shall be worth 20% 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 (Wednesday, May 14th).

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 March 17th . 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 6th 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 6th 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 Friday, April 4th (end week 4) .
  • Assignment 2: DHTML game. Due Friday, April 18th (end week 6) .
  • Assignment 3: E-Commerce Site. Due Friday, May 9th (end week 9) .
  • Assignment 4: Personal SVG page - both SMIL and JS animations. Due ???? (our final exam time - finals week) .

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 arrays) and beyond that I will challenge you to impress me!
  • Both of the JavaScript Assignments will be submitted to TurnItIn.com to check for plagiarism...
I will post announcements related to class in our class conference on the IT FirstClass server, rather than sending mass e-mails. If you do not yet have an IT account (or an NT account, which you'll need to use the PCs in the lab), you can get accounts set up in the IT learning labs in building 18.

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 3?
  • 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)
  • W1: JS-Ch 1-7, 9 (By wk 2!)
  • W2a: JS-Ch 12, 13, & 16
  • W2b: JS-Ch 14 & 15
  • W3a: JS-Ch 17
  • W3b: JS-Ch 18, 19
Part 2 -
Weeks 4 to 7?
  • Week 4b - Application Interface
  • Week 5a - Conclude Interface (and object types)
  • ActionScript Programming
  • W4b: Read "MX Visual QuickStart Guide"
  • W5-6: AS-Ch 1-5
  • W7: AS-Ch 15, Ws 3(back of book)
Part 3 -
ActionScript & JavaScript
Week 8?
  • Interaction
    • AS -> JS
    • JS -> AS
    • Communication with the server
  • AS-Ch 16
Part 4 -
Future Considerations:
Week 9-10?
  • SVG & the DOM
    • SVG objects
    • Animation with SMIL
    • Animation with JS
***All timing of assigned readings/assignments are tentative and subject to change!

Take the pre-test!
©2002 Dan Bogaard
Page last modified: Monday, 20-Aug-2007 23:48:20 EDT