Advanced JavaSript Training

How To Take This Class

Live Instructor-Led Online Class

Cost: $695.00

  • Open enrollment class for individuals
  • Live class with an instructor
  • Free class retakes forever!
  • Six months of instructor email support
  • Hands-on exercises and student labs
  • Classes never cancelled due to low enrollment
  • Money-back guarantee

Onsite or Offsite Group Training

Cost: Based on number of students

  • For groups as small as 3 people
  • Class Held at our location or yours
  • Hands-on exercises and student labs
  • Customization at no extra charge
  • Six months of instructor email support
  • All-inclusive pricing
  • Money-back guarantee
Request Group Pricing Proposal

Course Duration

2 Days

Course Description

In this Advanced JavaScript Programming class, students will learn advanced JavaScript techniques including advanced form validation with Regular Expressions and how to use the HTML DOM and create dynamic menus. In addition, students will learn how to manipulate CSS with JavaScript to create applications using DHTML.

Course Objectives

Upon successful completion of this course, students will be able to:
  • Use the XmlHttpRequest object
  • Understand and use JSON
  • Use Anonymous Functions
  • Use regular expressions for advanced form validation
  • Create dynamic forms with JavaScript
  • Create dynamic web applications with JavaScript and DHTML
  • Test for browser support for specific features
  • Create Dynamic menus
  • Create adanced visual effects with DHTML
  • Position elements dynamically using Javascript

Course Audience

This course is designed for Web designers and others who have a basic understanding of Javascript and want to learn about more advanced Javascript and DHTML functionality.

Course Prerequisites

Completion of, or familiarity with, the topics covered in our Javascript Training Course.

Course Syllabus

  1. Quick JavaScript Recap
    • Primitive data types
      • Null
      • Undefined
      • Boolean
      • Number
      • String
    • Native Types
      • Date
      • Array
      • Object
      • Regular Expressions
    • Functions
    • The DOM
      • The DOM is not JavaScript
      • JavaScript is not the DOM
      • The window object
    • The XMLHttpRequest object
    • JSON
  2. Advanced Techniques
    • Optional Function Arguments
    • Truthy and Falsy
    • Default Operator
      • Default Operator Gotcha!
    • Functions Passed as Arguments
    • Anonymous Functions
    • Inner Functions
    • Observing and Capturing Events
    • The eval() Function
    • Variable Scope
    • Error Handling
      • Runtime Errors
    • The delete Operator
  3. Regular Expressions
    • Getting Started
      • 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 ( )
    • Backreferences
    • Form Validation with Regular Expressions
    • Cleaning Up Form Entries
  4. The HTML Document Object Model
    • innerHTML
    • Accessing Element Nodes
      • getElementById()
      • getElementsByTagName()
      • getElementsByClassName()
      • querySelectorAll()
      • querySelector()
    • Accessing Element and Text Nodes Hierarchically
    • Attaching Events
      • Event Propagation: Capturing and Bubbling
      • Detaching Events
    • Accessing Attribute Nodes
      • getAttribute()
      • attributes[]
    • Accessing Nodes by Type, Name or Value
      • nodeType
      • nodeName
    • Removing Nodes from the DOM
      • DOM Differences: The Whitespace Problem
    • Creating New Nodes
    • Identifying the Target of an Event
  5. Dynamic Forms
    • Jump Menus
      • The options[] Collection
      • The selectedIndex Property
      • Disabling Form Elements
    • Adding Options to a Select Menu
    • Cascading Select Menus
      • Making the Code Modular
    • Creating a JavaScript Timer
    • A Sample Quiz Tool
  6. Dynamic HTML
    • Introduction
    • Accessing and Modifying Styles
    • JavaScript style Properties
    • Hiding and Showing Elements
    • Manipulating Tables
    • Dynamically Changing Dimensions
      • Creating a Timed Slider
    • Positioning Elements Dynamically
      • Creating a Different Timed Slider
    • Changing the Z-Index
    • A Note on JavaScript Frameworks