Description
JavaScript is perhaps the most popular language used for client-side scripting for Web development. This course provides students with a practical, hands-on introduction to JavaScript and its use in interactive Web pages.

Audience
Web developers and designers who plan on building interactive Web pages using JavaScript. This course assumes students have little prior programming experience.

Prerequisites
Completion of Arkoa's Programming with HTML course or equivalent knowledge is required. Understanding of basic programming concepts as provided by Arkoa’s Introduction to Programming course is helpful.

Hardware and Software
Windows 95/98/ME/NT/2000, latest version of preferred Web browser, and text editor.

Format

• Presentation
  
• Hands-on
  
• Demonstration
  

Objectives
After completing this course, participants should be able to:

• Describe JavaScript syntax
• List and explain the HTML tags used with JavaScript
• Explain JavaScript’s events and event handling process
• Write JavaScript programs to enable rollover functionality in Web pages
• Write JavaScript programs to validate form data
• Write JavaScript programs to control windows and frames
• Write JavaScript programs to handle common events

Introduction to JavaScript

• Introduction
• Embedding JavaScript in a Web Page
  • Creating and Using JavaScript Files
  • Writing to the Document
  • Functions
  • Debugging JavaScript
• Representing Data
  • Data Types
  • Escape Characters
  • Data Variables
  • Conversion
  • Arrays

JavaScript Logic

• Expressions and Operators
  • Types of Statements
  • Comments
  • Expressions
  • Operators
  • Functions -- Review
  • Parameters vs. arguments Property
  • Operator Precedence
• Control Statements

JavaScript and the Document Object Model

• JavaScript Object Model
  • Using Objects
  • Browser Objects
  • Document Object
  • Document Object Hierarchy
  • Custom Objects
  • Events
• Form Processing
  • Coding Guidelines
  • Form Objects
• Handling Events
  • The Event Model
  • Event Sources
  • Event Types/Handlers
• Other Event Handlers

Manipulating the DOM with JavaScript

• Core Objects and Functions
  • Core Objects
  • Top-Level Properties and Functions
  • HTML Code Generation
• Validating Form Input
  • Client-Side vs. Server-Side
  • When to Validate Data?
  • Creating a Regular Expression
  • Common Pattern Matching Symbols
  • Post-Pattern Modifiers
  • Special Escape Pattern Characters
  • Matching Regular Expressions
• Document Control
  • Image Object
  • Image Selection
  • Image Slide Show
  • Image Roll
  • Multiple Forms
  • Replacing the Current Document
  • Other Document Capabilities

Working with Windows, Frames, and Cookies

• Windows and Frames
  • Opening and Closing Windows
  • Referencing a Window Object
  • Creating a Frame
  • Updating a Frame
  • Referencing a Frame Object
  • window Object Properties
  • window Object Methodwindow Object Events
  • Handling Major Window Events
• Advanced Topics
  • JavaScript URLs
  • The Status Bar
  • What Is a Cookie?
  • How Cookies Are Sent
  • Using the cookie Property
  • Using Cookies with JavaScript
  • Custom Objects
  • Defining a Custom Object Type
  • Using Custom Objects