JavaScript Programming Course

This course covers the material you need to know to become proficient using JavaScript with your Web pages. You will learn JavaScript's critical elements, including language syntax, script design, and deployment. This course will provide you with a strong foundation in JavaScript and enable you to build JavaScript enabled Web pages correctly and with confidence.

Audience:Beginning Web designers who want to learn how to use JavaScript to enhance their Web site, Webmasters who want to code and debug complex Web projects, or Web developers who need to expand beyond the limits of HTML.

Practical experience with PCs and desktop workstations. Knowledge of the web browser platforms (Internet Explorer, Mozilla/Netscape, etc) is helpful. General knowledge of HTML/XHTML tags, including form tags. Basic programming knowledge is helpful, but not necessary.

Topics covered on the 4 day JavaScript Programming course

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

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

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

Arrays

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

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

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

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

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

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

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