WA1015 JavaScript Training and Courseware Course Outline

1. Introduction

• JavaScript’s Humble Beginning
• JavaScript and ECMA
• New Features of JavaScript 1.5
• So Many Browsers
• Internet Explorer vs. Netscape Navigator
• Introducing the DOM
• Recognize Methods, Properties, and Event Handlers
• Script Placement
• Hiding JavaScript from Older Browser
• External Script Libraries
• Viewing Errors in Browsers
• Variables, Expressions, and Evaluations
• Operators
• Simple Conversions

2. JavaScript Conditions and Loops

• The if/if…else Control Structure
• else…if
• The Switch Statement
• Boolean Operators: NOT/AND/OR and Bitwise
• NOT
• AND
• OR
• Bitwise Booleans
• Loops
• for Loops
• Breaking Out of the Loop
• Skipping an Iteration
• while Loops
• do-while Loops
• Using in for Property Looping
• The with Statement
• Labeled Statements

3. Strings and Functions

• Strings
• Manipulating Strings
• String Concatenation
• Changing String Case
• Substring Searches
• Substring Extraction
• Functions
• Creating Your Own Functions
• Function Parameters
• Returning Data from Functions
• Variable Scope

4. Arrays

• Introduction to Arrays
• Simple Arrays
• Arrays as Structures
• Parallel Arrays
• Multidimensional Arrays
• Using the Array Object
• Length
• Concat
• Join
• Slice

5. Form Interaction

• Working with Form Objects
• Alternatives to Forms
• Form Basics
• Form.method Property
• Form.action Property
• Fieldsets
• Form.Elements[]
• Text Objects
• Button Objects
• Check Box Objects
• Radio Objects
• Select and File Objects
• File Input Object
• Validation and the onSubmit Event

6. Built-In Objects

• String Object
• Prototype Properties and Methods
• charAt()
• charCodeAt()
• fromCharCode ()
• String.match(RegExp)
• String.replace(RegExp, string)
• String.split(“delimiter”, [limit int]) or (RegExp)
• Date() Object
• Working with Other Dates
• setInterval() and setTimeout()
• setInterval
• setTimeout
• Math Objects.
• The Number Object
• The Boolean Object
• The Math Object
• Math Object Methods and Properties
• Regular Expressions and the RegExp Object
• Simple Pattern Expressions
• The RegExp Object

7. Windows and Frames

• The Window Object
• Spawning a Window
• Referencing the New Window
• Creating Content in the New Window
• Launching Functions and Passing Values
• Modal and Modeless Dialog Boxes in Internet Explorer 5+
• Creating a Frameset
• Parents and Children
• iframes

8. Event Handling

• Popular Browser Event Models
• The Sequence of Events
• The Event Object
• Bubbling vs. Capturing Events
• Bubbling Events in Internet Explorer 4+
• Netscape Navigator 4 Event Capture Model
• Events in Netscape Navigator 6+ (W3C Compliant Version)
• Event Objects
• The Static Event Object
• Standard Event Objects
• Browser Differences
• Capturing in a Compatible Fashion
• Event Types
• Mouse Event Types
• Keyboard Event Types: text, password, & textarea
• Loading/Unloading Event Types
• Other Window Event Types
• Form-Related Event Types

9. Error Handling

• Reading Error Messages
• Displaying Errors
• Investigating Problems
• Exception Handling
• Try…Catch…Finally Blocks
• Custom Error Objects
• JavaScript Debugging
• The Venkman Debugger
• The Venkman Interface

10. Custom Objects

• Functions
• Functions as Objects
• Functions on the Fly
• Nested Functions
• Variables and Arguments
• Undefined Parameters
• Objects and Properties
• Objects and Methods
• Arrays, Objects, or Object Arrays?
• Prototypes
• Method Overriding
• Best Practices
• Code Refactoring
• Template Technique
• Creating Organized Libraries