home
overview syllabus
week1
{ Core JavaScript }   
{ Windows & Frames }   
{ Documents }   
{ Images }   
{ eval() function }   

week2
{ Forms[] Array }   
{ Form Elements }   
{ Select Object }   
{ Form Examples }   
{ Date object }   
{ Cookies }   
{ String Methods }   

week3
{ Browser Detection }   
{ Object Detection }   
{ DHTML DOMs }   
{ Error Handling }   


{ Objects }   
{ Arrays }   
{ Math object }   

 
Applied JavaScript : Syllabus


Week 1: Quick Review; Windows, Frames, Documents, Images
  • Lexical structure (quick review)
  • Client-side JavaScript and the DOM level 0
  • The Window object: frames [ ] array, Location, History, Screen and methods
  • The Document object
  • Document Methods: document.open(), document.write(), document.close()
  • Image object and constructor
  • eval() function
Assignments:
  1. Write a script that directs users to different pages based on a confirmation dialog box.
  2. Write a script that checks to see if a site is being framed, and if so, asks to load the site into a new browser window.
  3. Create a reusable script to open a new browser window. The script should accept arguments for URL, window name, height and width.
  4. Write a script for a slideshow presentation.
  5. Write an image rollover script that changes two images at once.

Week 2: Forms, Dates, Cookies

  • Reading and writing form values
  • Form validation
  • The Date() object
  • Reading and writing cookies
Assignments:
  1. Create a drop down navigation menu that launches the destination page in a new browser window.
  2. Create a reusable form validation script. Challenge: allow for optional fields to be set.
  3. Write a clock script that updates every second. Display 12-hour time with AM/PM indicator.
  4. Create a reusable script to read the value of a cookie (hint: pass the cookie name as an argument in the function)

Week 3: Browser and Object detection, DHTML DOMs

  • The Navigator object and properties
  • The navigator.plugins[ ] array
  • Detecting style properties for DHTML
  • Exception handling in JavaScript 1.5