JavaScript - Table of Contents
JavaScript Home Page
1 - Basic Display
- a JavaScript template
- JavaScript placement
- example: 'hello world!'
- alert, prompt & confirm
- interactive 'hello world'
- last update, current date
- date/time selected content
2 - Syntax and Grammar
- lexical structure
- literal constants
- variables and arrays
- operators and expressions
- conditions,statements,blocks
3 - Control,Functions,Objects
- conditional statements
- loops and switches
- continue, break and return
- functions: structure
- functions: an example
- functions: overloading
- functions: timing/delays
- functions: recursion
- objects, properties&methods
4 - Events
- event handlers
- event listeners
- example: time on page
- example: mouse rollover
- example: timed ad cycler
- the events list
5 - DHTML and DOM
- accessing elements with DOM
- style - color&fontsize changes
- visibility - collapsing text
- visibility - the noscript issue
- content - timed sayings
- relocation - page timeout
6 - DHTML GrabBag
- object explorer tool
- object position|dimension
- viewport window size
- cursor location
- example: popups
- example: drag and drop
- equalized column heights
- 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
- dynamic form selection
- dynamic select lists
- newColor function
- select list color picker
- radio button color picker
- hexadecimal color picker
11 - Form Field 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
- blank field check
- text analysis
- text formatting
- example: budget form
- example: health check
- example: fuel efficiency
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
- escapers&character classes
- boundaries and quantifiers
- regular expression modifiers
- using regular expressions
- example: trim() function
- example: URLS and files
- example: Canada postal code
- example: e-mail addresses
16 - Graphics and Imaging
- the canvas
- shapes and paths
- styles and patterns
- transforms and composites
- using images
- text, shadows, fonts
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