Comprehensive JavaScript (5 days)

JavaScript is an essential tool in creating dynamic websites. Whether it is used to provide drop-down navigation menus, animation or interactive form validation, JavaScript is used to give your users needed information.

This 5-day course covers the skills that all web developers will need to write conditional statements, effectively use functions and manipulate options in the browser using the Document Object Model (DOM).

Students are provided a copy of Webucator's Course Materials and JavaScript & DHTML Cookbook by Danny Goodman.

Course Outline

• JavaScript Basics
• The Name "JavaScript"
• The HTML DOM
• JavaScript Syntax
  • Basic Rules
  • Dot Notation
  • Square Bracket Notation
• Basic Rules
• Dot Notation
• Square Bracket Notation
• Where Is JavaScript Code Written?
• JavaScript Objects, Methods and Properties
  • Methods
  • Properties
  • The Implicit window Object
  • The getElementById() Method
• Methods
• Properties
• The Implicit window Object
• The getElementById() Method
• Event Handlers
• Variables, Arrays and Operators
  • JavaScript Variables
    • A Loosely-typed Language
    • Storing User-Entered Data
  • A Loosely-typed Language
  • Storing User-Entered Data
  • Arrays
    • Associative Arrays
    • Array Properties and Methods
  • Associative Arrays
  • Array Properties and Methods
  • JavaScript Operators
  • Conclusion
• JavaScript Functions
  • Built-in Functions
    • Number(object) Number() is not really a function, but rather a constructor for creating a Number object.
    • String(object) String() is not really a function, but rather a constructor for creating a String object.
    • isNaN(object)
    • parseFloat() and parseInt()
  • Number(object) Number() is not really a function, but rather a constructor for creating a Number object.
  • String(object) String() is not really a function, but rather a constructor for creating a String object.
  • isNaN(object)
  • parseFloat() and parseInt()
  • Built-in Functions vs. Methods
  • User-defined Functions
    • Function Syntax
    • Passing Values to Functions
    • A Note on Variable Scope
    • Returning Values from Functions
  • Function Syntax
  • Passing Values to Functions
  • A Note on Variable Scope
  • Returning Values from Functions
  • Conclusion
• Built-In JavaScript Objects
  • String
  • Math
  • Date
  • typeof Operator
  • Conclusion
• Conditionals and Loops
  • Conditionals
    • if - else if - else Conditions
    • Switch / Case
  • if - else if - else Conditions
  • Switch / Case
  • Loops
    • while Loop Syntax
    • do...while Loop Syntax
    • for Loop Syntax
    • for...in Loop Syntax
  • while Loop Syntax
  • do...while Loop Syntax
  • for Loop Syntax
  • for...in Loop Syntax
  • Conclusion
• JavaScript Form Validation
  • Accessing Form Data
  • Basics of Form Validation
    • The this Object
    • Cleaner Validation
  • The this Object
  • Cleaner Validation
  • Validating Radio Buttons
  • Validating Checkboxes
  • Validating Select Menus
  • Focus, Blur, and Change Events
    • Focus and Blur
    • Change
  • Focus and Blur
  • Change
  • Validating Textareas
  • Conclusion
• Working with Images
  • Image Rollovers
    • Backward Compatibility
    • An Image Rollover Function
  • Backward Compatibility
  • An Image Rollover Function
  • Preloading Images
  • Conclusion
• Regular Expressions
  • Getting Started
    • JavaScript's Regular Expression Methods
    • Flags
    • String Methods
  • JavaScript's Regular Expression Methods
  • Flags
  • String Methods
  • Regular Expression Syntax
    • Start and End ( ^ $ )
    • Number of Occurrences ( ? + * {} )
    • Common Characters ( . \d \D \w \W \s \S )
    • Grouping ( [] )
    • Negation ( ^ )
    • Subpatterns ( () )
    • Alternatives ( | )
    • Escape Character ( \ )
  • Start and End ( ^ $ )
  • Number of Occurrences ( ? + * {} )
  • Common Characters ( . \d \D \w \W \s \S )
  • Grouping ( [] )
  • Negation ( ^ )
  • Subpatterns ( () )
  • Alternatives ( | )
  • Escape Character ( \ )
  • Backreferences
  • Form Validation with Regular Expressions
  • Cleaning Up Form Entries
  • Conclusion
• Dynamic Forms
  • Jump Menus
    • The options[] Array
    • The selectedIndex Property
    • Disabling Form Elements
  • The options[] Array
  • The selectedIndex Property
  • Disabling Form Elements
  • Interdependent Select Menus
    • Making the Code Modular
  • Making the Code Modular
  • Creating a JavaScript Timer
  • A Sample Quiz Tool
  • Conclusion
• The User's Environment
  • Why Know the User's Environment?
  • Conclusion
• Dynamic HTML
  • Introduction
  • Accessing and Modifying Styles
  • Hiding and Showing Elements
  • The innerHTML Property
  • Manipulating Tables
  • Dynamically Changing Dimensions
    • Creating a Timed Slider
  • Creating a Timed Slider
  • Positioning Elements Dynamically
    • Creating a Different Timed Slider
    • Changing the Z-Index
  • Creating a Different Timed Slider
  • Changing the Z-Index
  • Conclusion

See also

JavaScript / Cascading Style Sheets /AJAX Training

• Introduction to Cascading Style Sheets (2 days)
• Comprehensive JavaScript (5 days)
• Introduction to AJAX (2 days)