Skip to Content

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

expand or collapse the menu Accessibility

expand or collapse the menu Web Development

expand or collapse the menu Adobe / Macromedia Web

expand or collapse the menu Programming

expand or collapse the menu Databases

expand or collapse the menu Professional Courses

expand or collapse the menu Adobe

expand or collapse the menu Microsoft SharePoint

expand or collapse the menu Technical

expand or collapse the menu Geographic (GIS)

expand or collapse the menu Microsoft Office

Training Resources

Current Training Schedule

Class Registration Form

Get Adobe Reader

JavaScript - Introduction

2 day course

View Detailed Outline in PDF Format
Get Adobe Reader

In this hands-on course, you will learn to use JavaScript to enhance web pages with effects and interactivity.  As part of our Web Development Series, this class includes techniques for developing standards compliant Accessible Web Sites.  Used improperly, JavaScript can create many accessibility problems.  Through this course, you will learn proper JavaScript coding techniques, types of things that JavaScript is used for, where to place the JavaScript code, how to respond to user events, how to interact with the content and elements of the web page, how to understand the Document Object Model (DOM), and how to interact with some Cascading Style Sheet properties such as the visibility of page elements.

Course Topics:

(for a full detailed outline, visit our PDF link above)

Introduction to JavaScript

  • The Origins of JavaScript
  • Why Standards and Accessibility Matter
  • Programming and Scripting Concepts
  • Characteristics of JavaScript
  • Object-based, Event-driven, Platform-independent
  • Client-side versus Server-side Applications
  • Common Uses of JavaScript
  • What JavaScript Looks Like.  Where to Put Code.

Basic Scripting

  • Embedding JavaScript in HTML Code
  • Referencing an External Script File
  • Syntax for Script Blocks and Comments
  • Writing a Script to Send Information to the User
  • Prompting the User for Input
  • Requesting Confirmation from the User
  • A Little Syntax:  Semicolons and Concatenation
  • Working with What the User Gives You
  • Creating Page Content "On The Fly"

Objects, Properties, and Methods (Oh my!)

  • Wait a Minute.  What is an Object?
  • For now, let’s keep this simple.
  • Where objects come from, what to do with them
  • Object Oriented Terminology
  • Using Dot Notation to Refer to Objects
  • Properties, Methods and Events
  • Object Models and The DOM
  • Playing with Objects, Setting and Getting Properties
  • Invoking Methods and Responding to Events

Declaring and Using Data Variables

  • Storing Stuff in Memory for Later Use
  • What are Variables and Data Types?
  • Naming, Declaring and Working with Variables
  • Keywords and Other Reserved Words
  • Operators and Operator Types
  • Keywords + Variables + Operators = Expressions
  • Precedence of Operations
  • Inline Scripts versus Event Handling
  • Simple User Events and Document Events

Functions, Methods, and Events

  • What is a Function?
  • Using Built-in Functions
  • Declaring you own Functions
  • Passing Parameters and Returning Values
  • Document Styles and Inheritance
  • Selectors, Elements, Classes and IDs
  • Linking to One or More External Style Sheets
  • Specifying Different Style Sheets for Different Media
  • Creating and Testing Style Sheets for Printing