spacer



home
syllabus
bboard
e-mail list


js class notes
js games
Nancy Kaplan
509 Charles Royal
410.837.5319
nakaplan@ubmail.ubalt.edu
Hypermedia Production is all about the invisible but powerful technologies that differentiate Web publishing from other publication media. During the semester, we will work with three important technologies: Javascript, DHTML, and Flash.

With basic HTML codes, developers and designers can essentially produce page layouts for a screen. With CSS (cascading style sheets), we gain greater control over the layout but no greater dynamism or responsiveness to our audience's activities or, even more importantly, to our visitors' desires. Among the Web sites we cannot build with the bare bones technologies: game sites, retail sites, and large information-rich sites. With the addition of Javascript, these offerings become possibilities. With DHTML -- which combines the layout tools of HTML and CSS with the scripting capabilities of Javascript and then adds a few new twists and wrinkles -- the kinds of feedback and interactions our sites can support are not limited to the information that can be stuffed into basic forms. Flash, the third leg of the stool, adds more sophisticated graphic and sound tools than simple GIF and JPEG elements have provided (though with some costs attached, as we shall see).

These technologies and techniques provide information value, not just entertainment or eye-candy. Part of the course, then, is devoted to understanding what can be done and how. Another part is concerned with when and why.
Survival Tips
As the King Lear says to his daughter Cordelia, "nothing comes of nothing; speak again." The outcome of Shakespeare's greatest tragedy proves the Lear right. In this course, nothing will come if you don't "code again." These technologies are demanding: they require persistence and humility. As those of you who managed the Intro course with me know, I'm a big believer in daily practice, in taking on a series of small projects and writing things over and over again to help the learning stick. I am also a great believer in borrowing and tinkering. If you commit yourself to doing some bit of javascript every day (or two at most), you will begin to get the better of it.

Working with Javascript and DHTML is more like (ugh) programming than designing with Quark or Photoshop or Illustrator. But the payoffs are and will be great. If you master these elements, you will be in a much stronger position in a hot job market. But more than that, you will be in control of your tools rather than the other way 'round.
Expectations
Everything counts in this course. And I'm not kidding. The course material demands dedicated and persistent attention to minute details and constant practice.

Prepare for class by studying the assigned readings and working through the exercises -- even when they are not assigned and do not "count" toward the grade. Come to class on time. Use each other as resources (a sort of learn by consulting approach). Use e-mail and the discussion list to keep in touch between classes and use me only as a last resort. You'll learn more and it will stick better that way.

Use the Web itself as a resource in two ways:

  • Spend time every week looking at Web sites (especially those produced by designers to impress ohter designers!). Whenever possible, check out (even save) the scripts, style sheets and DHTML codes that produced the effects you like. Study the examples you collect: figure out how they did that.
  • Collect some bookmarks for Web sites offering CSS, Javascript, and DHTML tutorials and references. Pass good resources along to the rest of the class. It's ok to use the ones I will put on our Course Resource page, but bookmarking them in your own browser makes more sense. You can pick the ones you like best and find them again even if the course pages go away or the server isn't answering your call.


I will provide detailed lectures and demonstrations of all the technical material you are expected to master. If you miss class, it is up to you to find out what I covered and to get notes and pointers from other members of the class.
required:
  • Danny Goodman, The Javascript Bible
    IDG Books. ISBN 0-7645-3188-3
  • Jeff Rule, Dynamic HTML
    Addison-Wesley. ISBN 0-201-37961-9
  • Ken Milburn and Janine Warner, Flash 3 Web Animation
    Coriolis. ISBN 1-57610-382-X


also recommended:
    DHTML --
    • Danny Goodman, Dynamic HTML: the Definitive Reference (O'Reilly)
    • Steven Mulder, Web Designer's Guide to Style Sheets
    • Shelley Powers, Dynamic HTML
    Javascript --
    • David Flanagan, Javascript: the Definitive Guide (O'Reilly)
    Other generally excellent resources --
    • Patrick Lynch and Sarah Horton, Web Style Guide
Grades
Grades will be based on five exercises, three projects, and class participation. These elements will be weighted according to the chart below. For details about each item, consult the relevant assignment page and the syllabus.
  Exercises:
1 tic-tac-toe logic 5.0%
2 browser detection and feedback 2.5%
3 site visit report 5.0%
4 First Flash 2.5%
5 plug-in detection and alternative presentations 5.0%
Projects:
1 Javascript game or application 20.0%
2 Tricks or Treats Web site 20.0%
3 The Store 30.0%
Class Participation:
  using e-mail list and bboards to help others with problems, offering links to useful on-line resources, catching mistakes I make in my demos 10.0%

GRAND TOTAL:

100.0%
I will not accept late work unless you can demonstrate some sort of emergency. This is especially important for your Site Report, Tricks and Treats project, and The Store project. Please don't ask after the fact.

You are responsible for updating your information on the course Web site. If you change e-mail addresses, for example, you need to revise your listing with the whole class.