Comprehensive JavaScript Training Courseware

Length: 5 days

Webucator's Comprehensive JavaScript Training Courseware provides a complete solution for deliverying Private or Public Technical Training.

---

---

Comprehensive JavaScript Training Courseware

Courseware 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.

Courseware 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.
• Learn to create roll-over images with JavaScript.
• Learn to open and work with new windows.
• Learn to work with JavaScript timers and intervals.
• Learn to work with the navigator history, and location objects.
• Review JavaScript functions and the DOM.
• Introduce / Review XmlHttpRequest and JSON.
• Learn to use advanced techniques, such as anonymous function.
• Learn to use regular expressions for advanced form validation.
• Learn to create dynamic forms with JavaScript.
• Learn to create dynamic web applications with JavaScript and Dynamic HTML.
• Learn to check for browser support on a feature by feature basis.
• Learn to create dynamic menus.
• Learn to create stunning visual effects with Dynamic HTML.
• Learn to position elements dynamically.
• Learn to modify content on the fly.

Courseware 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
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. Built-In JavaScript Objects
   1. String
   2. Math
   3. Date
   4. typeof Operator
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
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
7. Images, Windows and Timers
   1. Image Rollovers
   2. Preloading Images
   3. Creating a Slide Show
   4. Windows
   5. Timers
   6. Popup Timed Slide Show
8. Navigator, History, and Location Objects
   1. The navigator Object
   2. Feature Detection
   3. history Object
   4. location Object
   5. Creating a Simple Quiz
9. Quick JavaScript Recap
   1. Primitive data types
      1. Null
      2. Undefined
      3. Boolean
      4. Number
      5. String
   2. Native Types
      1. Date
      2. Array
      3. Object
      4. Regular Expressions
   3. Functions
   4. The DOM
      1. The DOM is not JavaScript
      2. JavaScript is not the DOM
      3. The window object
   5. The XMLHttpRequest object
   6. JSON
10. Advanced Techniques
    1. Optional Function Arguments
    2. Truthy and Falsy
    3. Default Operator
       1. Default Operator Gotcha!
    4. Functions Passed as Arguments
    5. Anonymous Functions
    6. Inner Functions
    7. Observing and Capturing Events
    8. The eval() Function
    9. Variable Scope
    10. Error Handling
        1. Runtime Errors
    11. The delete Operator
11. Regular Expressions
    1. Getting Started
       1. JavaScript's Regular Expression Methods
       2. Flags
       3. String Methods
    2. Regular Expression Syntax
       1. Start and End ( ^ $ )
       2. Number of Occurrences ( ? + * {} )
       3. Common Characters ( . \d \D \w \W \s \S )
       4. Grouping ( [] )
       5. Negation ( ^ )
       6. Subpatterns ( () )
       7. Alternatives ( | )
       8. Escape Character ( \ )
    3. Backreferences
    4. Form Validation with Regular Expressions
    5. Cleaning Up Form Entries
12. The HTML Document Object Model
    1. innerHTML
    2. Accessing Element Nodes
       1. getElementById()
       2. getElementsByTagName()
       3. getElementsByClassName()
       4. querySelectorAll()
       5. querySelector()
    3. Accessing Element and Text Nodes Hierarchically
    4. Attaching Events
       1. Event Propagation: Capturing and Bubbling
       2. Detaching Events
    5. Accessing Attribute Nodes
       1. getAttribute()
       2. attributes[]
    6. Accessing Nodes by Type, Name or Value
       1. nodeType
       2. nodeName
    7. Removing Nodes from the DOM
       1. DOM Differences: The Whitespace Problem
    8. Creating New Nodes
    9. Identifying the Target of an Event
13. Dynamic Forms
    1. Jump Menus
       1. The options[] Collection
       2. The selectedIndex Property
       3. Disabling Form Elements
    2. Adding Options to a Select Menu
    3. Cascading Select Menus
       1. Making the Code Modular
    4. Creating a JavaScript Timer
    5. A Sample Quiz Tool
14. Dynamic HTML
    1. Introduction
    2. Accessing and Modifying Styles
    3. JavaScript style Properties
    4. Hiding and Showing Elements
    5. Manipulating Tables
    6. Dynamically Changing Dimensions
       1. Creating a Timed Slider
    7. Positioning Elements Dynamically
       1. Creating a Different Timed Slider
    8. Changing the Z-Index
    9. A Note on JavaScript Frameworks

Courseware Materials

• A printed manual with an optional custom cover.
• A zip file containing the class files to be distributed to the students.
• A zip file containing the class files and a PDF copy of the manual for the instructor to present.

Class Prerequisites

Experience in the following areas is required:

• HTML

Experience in the following areas would be beneficial:

• CSS
• Programming Experience

Technical Requirements

Our computer technical requirements and setup process is easy, with support just a click away.

• Course technical requirements and setup instructions.