JavaScript Tutorial

Tutorial 1 - Basic Display

  • a standard JavaScript template
  • where is JavaScript placed
  • 'hello world' example
  • alert, prompt and confirm windows
  • interactive 'hello world' example
  • last update, current date examples
  • using the status line
  • popup windows

Tutorial 2 - Objects,Events&Functions

  • objects, properties and methods
  • user defined functions
  • calling an event handling function
  • user's time on page example
  • page timeout example
  • mouse rollover effect
  • banner ad cycler
  • image viewport

Tutorial 3 - Core Language

  • lexical structure
  • literals or constants
  • escape characters
  • variables, arrays and operators
  • expressions and conditions
  • statements, loops and switches

Tutorial 4 - Working with Forms

  • referencing form and control objects
  • accessing control content
  • simple text control example
  • radio button confirmation example
  • select list navigation example
  • dynamic select list example

Tutorial 5 - Forms and DHTML

  • browser/object explorer tool
  • DOM level 0 document object
  • new background color function
  • select list color picker example
  • radio button color selector example
  • hexadecimal color picker example

Tutorial 6 - DOM and DHTML

  • accessing an element using DOM
  • dynamic style - color changes and fades
  • dynamic style - fontsize changes and zooms
  • dynamic visibility - collapsing text
  • dynamic content - toggle button example
  • dynamic content - protected feedback link

Tutorial 7 - Animation

  • scrolling marquees
  • glowing text
  • flying text
  • news scroller
  • splash screens

Tutorial 8 - Multimedia

  • image transitions
  • slideshows
  • music is media
  • click to print effect

Tutorial 9 - Cookies

  • required ingredients for a cookie
  • baking a cookie
  • eating a cookie
  • tossing a cookie
  • working example #1 - saving user preferences
  • working example #2 - saving a user 'agreement'

Tutorial 10 - Menuing Systems

  • autoflagging
  • tabbed menus and select lists
  • dropdowns and tree menus
  • popup menus

Tutorial 11 - Form Validation

  • common validations needed
  • validating before submission
  • validating on a by entry basis
  • validating on a keystroke basis
  • brute force validation
  • email address validation
  • postal code validation
  • password controlled pages

Tutorial 12 - Smart Forms

  • validating numeric data
  • multiple field validation
  • order forms
  • health checkup form
  • text analysis and formatting

Tutorial 13 - Getting The Bugs Out

  • types of javascript errors
  • using your browser's debugger
  • the alert window and the status line
  • using write() and writeln() methods
  • using the jslint validator
  • common javascript errors
  • browser issues
  • browser sniffers

Tutorial 14 - Regular Expressions

  • escaper characters
  • character classes
  • boundaries & greedy quantifiers
  • regular expression modifiers
  • testing regular expressions
  • using regular expressions
  • example - Canadian postal codes
  • example - URLS and files
  • example - e-mail addresses

Tutorial 15 - User-Defined Objects

  • object constructors
  • defining methods in constructors
  • function constructor methods & literals
  • inheritance based prototypes
  • subclasses
  • objects as associative arrays
  • javascript object notation (JSON)

Javascript Tutorial Appendices

  • App A - Objects, Properties and Methods
  • App B - Built-in Objects, Properties, Methods
  • App C - JavaScript Events and Event Handlers
  • App D - JavaScript Reserved Words
  • App E - Built-In Functions
  • App F - A Brief History of JavaScript