JavaScript - Table of Contents

JavaScript Home Page

1 - Basic Display and Objects

• a JavaScript template
• JavaScript placement
• example: 'hello world!'
• alert, prompt&confirm windows
• example: interactive 'hello world'
• example: last update,current date
• objects, properties & methods

2 - Syntax and Grammar

• lexical structure
• literal constants
• escape characters
• variables and arrays
• operators and expressions
• conditions,statements,blocks

3 - Control Flow and Functions

• conditional statements
• loops and switches
• continue, break and return
• functions: structure
• functions: an example
• method overloading
• functions: delays/timing
• functions: recursion

4 - Events

• event handlers
• event listeners
• example: time on page
• example: mouse rollover
• example: timed ad cycler
• the events list

5 - DOM and DHTML

• accessing elements using DOM
• style - color & fontsize changes
• visibility - collapsing text
• visibility - the noscript issue
• content - timed sayings
• positioning - 'sticky' elements

6 - DOM GrabBag

• object explorer tool
• object position|dimension
• viewport window size
• cursor location
• example: popups
• equalized column heights
• jump to a new location
• example: page timeout
• example: click to print

7 - Animation & Media

• scrolling marquees
• flying text
• news scroller
• adding audio
• transitions & viewports
• presentations & slideshows

8 - Menu Systems

• tabbed menus
• autoflagging
• select lists
• dropdown and pullout menus
• floatout, popup & tree menus
• two dimensional menus

9 - Working with Forms

• accessing form&control objects
• accessing control content
• simple text control
• toggle buttons
• radio button confirmation

10 - Dynamic Form Examples

• text formatting
• dynamic select lists
• newColor function
• select list color picker
• radio button color picker
• hexadecimal color picker

11 - Form Validation

• common validations needed
• validating before submission
• validating on a by entry basis
• validating on a keystroke basis
• validating numeric data
• validating string data

12 - Validation Examples

• multiple valid strings
• multiple field validation
• text analysis
• example: health check
• project: order form

13 - Cookies

• required cookie ingredients
• baking a cookie
• eating a cookie
• tossing a cookie
• saving user preferences
• saving a user 'agreement'

14 - Debugging

• types of errors
• common errors
• testing methods
• using jsLint checker
• browser issues
• browser sniffers

15 - Regular Expressions

• escaper characters
• character classes
• boundaries & quantifiers
• regular expression modifiers
• testing regular expressions
• using regular expressions
• example: Canada Post codes
• example: URLS and files
• example: e-mail addresses

16 - Graphics and Imaging

• the canvas
• shapes and paths
• styles and patterns
• transforms and composites
• using images
• project: bar graphs

17 - User-Defined Objects

• object constructors
• defining methods in constructors
• strictly typed properties
• function constructor methods
• inheritance based prototypes
• subclasses
• objects as associative arrays
• javascript object notation

Javascript Appendices