Webucator Courseware

Introduction to JavaScript Training Overview

In this JavaScript training course, students learn to use JavaScript effectively to make their web pages more dynamic and functional and to reduce the number of roundtrips to the server.

Introduction to JavaScript Training Course Goals

• Learn how JavaScript is used
• Learn JavaScript syntax
• Learn about objects, methods and properties
• Learn to work with JavaScript variables
• Learn to create your own functions in JavaScript
• Learn to write flow control logic in JavaScript
• Learn to validate forms with JavaScript

Introduction to JavaScript Training Course Prerequisites

Experience in the following areas is required.

• HTML

Experience in the following areas would be beneficial.

• CSS
• Programming Experience

Introduction to JavaScript Training Course Outline

1. JavaScript Basics
   1. The Name "JavaScript"
   2. The HTML DOM
   3. JavaScript Syntax
      1. Basic Rules
      2. Dot Notation
      3. Square Bracket Notation
   4. Where Is JavaScript Code Written?
   5. JavaScript Objects, Methods and Properties
      1. Methods
      2. Properties
      3. The Implicit window Object
      4. The getElementById() Method
   6. Event Handlers
2. Variables, Arrays and Operators
   1. JavaScript Variables
      1. A Loosely-typed Language
      2. Storing User-Entered Data
   2. Arrays
      1. Associative Arrays
      2. Array Properties and Methods
   3. JavaScript Operators
   4. Conclusion
3. JavaScript Functions
   1. Built-in Functions
      1. Number(object)
      2. String(object)
      3. isNaN(object)
      4. parseFloat() and parseInt()
   2. Built-in Functions vs. Methods
   3. User-defined Functions
      1. Function Syntax
      2. Passing Values to Functions
      3. A Note on Variable Scope
      4. Returning Values from Functions
   4. Conclusion
4. Built-In JavaScript Objects
   1. String
   2. Math
   3. Date
   4. typeof Operator
   5. Conclusion
5. Conditionals and Loops
   1. Conditionals
      1. if - else if - else Conditions
      2. Switch / Case
   2. Loops
      1. while Loop Syntax
      2. do...while Loop Syntax
      3. for Loop Syntax
      4. for...in Loop Syntax
   3. Conclusion
6. JavaScript Form Validation
   1. Accessing Form Data
   2. Basics of Form Validation
      1. The this Object
      2. Cleaner Validation
   3. Validating Radio Buttons
   4. Validating Checkboxes
   5. Validating Select Menus
   6. Focus, Blur, and Change Events
      1. Focus and Blur
      2. Change
   7. Validating Textareas
   8. Conclusion
7. Working with Images
   1. Image Rollovers
      1. Backward Compatibility
      2. An Image Rollover Function
   2. Preloading Images
   3. Conclusion

Setup

For setup instructions, please visit http://www.webucator.com/Course.cfm?CourseID=JSC101