Advanced JavaScript and Dynamic HTML Training

Delivery Options

• Live Online Training - Public Class (2 days): $790.00

» Free Demo

» Watch Presentation

» More Info

» Contact Education Consultant

• Customized Onsite Training (2 days): Request a Proposal
• Looking for a self-paced course? Starts at $99.90

Upcoming Live eLearning Classes

There are currently no upcoming Live eLearning classes. Please contact us if you would like us to schedule a class.

Class Description

Class Overview

Class Goals

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

Class Outline

1. 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
2. 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
3. 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
4. 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
5. 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
6. 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

Class Materials

Each student in our Live Online and our Onsite classes receives a comprehensive set of materials, including course notes and all the class examples.

Class Prerequisites

Experience in the following areas is required:

• HTML
• Basic JavaScript

Experience in the following areas would be beneficial:

• CSS

Courses that can help you meet these prerequisites:

• Introduction to JavaScript Training

Technical Requirements

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

• Onsite and Instructor-led Online course technical requirements and setup instructions.
• WebEx system requirements for Instructor-led Online delivery option.