Target Audience

This course is designed for the developer looking to further their web application development skills with JavaScript. This course teaches developers how to use JavaScript to transform static XHTML web pages into dynamic web pages that react to user input, and perform functions such as 'client-side' XHTML form validation, event handling and cookie manipulation.

Pre-requisites

The developer should be familiar with the host environment - either Windows NT/2000, Windows 95/98 or Windows XP. Knowledge of any programming language would be advantageous, however it is not essential. A basic knowledge of XHTML would be beneficial. This can be gained by attending course EC12.

Course Objectives

Whilst covering the basics of JavaScript, and how it is used, this course also aims to give an insight into JavaScript syntax. Issues such as events and event handlers, object properties and methods and the Document Object Model are discussed. On completion of this course the student will be able to:

•     Develop XHTML web pages using basic JavaScript statements
•     Understand and use JavaScript statements
•     Understand and use JavaScript Operators
•     Understand and use JavaScript Methods
•     Understand and Navigate the JavaScript Document Object Model
•     Develop and process XHTML form web pages
•     Develop and process XHTML web pages containing frames
•     Develop and process XHTML web pages using cookies

Course Environment

Development will be performed using:

•     XHTML and JavaScript Source Editor
•     a text editor such as Notepad, WinEdit or TextPad

•     Internet Explorer or
•     Netscape Navigator

Course Details

JAVASCRIPT BASICS

Introduction to JavaScript

JavaScript

JScript

ECMAScript

JavaScript

Core JavaScript

Client Side JavaScript

Server Side JavaScript

Dynamic HTML

The SCRIPT Element

JavaScript Basics

External JavaScript

The Scripting Language

The NOSCRIPT Element

Hiding JavaScript

Commenting Scripts

Commenting JavaScript

Commenting VBScript

Commenting TCL Scripts

Debugging Scripts

Debugging JavaScript in Netscape

Debugging JavaScript in Explorer

Intrinsic Events

The Onmouseover Event Handler

The Onclick Event Handler

The Alert Method

JAVASCRIPT STRUCTURE

Case Sensitivity

Whitespace and Line Breaks

Semicolons

Comments

Commenting within XHTML Pages

Reserved Words

DATA TYPES

Numbers

Integer Literals

Octal Literals

Hexadecimal Literals

Floating Point Literals

Special Numeric Values

Strings

String Literals

Escape Sequences

Boolean Vales

Objects

Object Properties

Object Methods

Object Instantiation

Arrays

Creating Arrays

Null and Undefined

VARIABLES

Variable Names

Declaring and Initialising Variables

Variable Scope

Global Variables

Local Variables

VARIABLE MANIPULATION

Data Type Conversion

Number to Strings

Tostring Method

Strings to Numbers

Parseint Method

Pasrefloat Method

Isnan Method

String Manipulation

Cahrat Method

Concat Method

Escape and Unescape Methods

Fontcolor Method

Indexof Method

Italics Method

Lastindexof Method

Slice Method

Split Method

Substring Method

Tolowercase Method

Touppercase Method

Numeric Manipulation

Numeric Constraints

Isfinite Method

Math Functions

Boolean Manipulation

Tostring Method

OPERATORS

Operators and Operands

Operand Data Types

String Operators

Arithmetic Operators

Unary Operators

Relational Operators

Logical Operators

Conditional Operators

STATEMENTS

If / Else

Switch

While Lopp

Do/While Loop

For Loop

Nested Loops

For/In Loops

Lables

Break

Continue

SIMPLE SCRIPTING

Writing HTML

The Document.Writeln Method

IMAGE SWAPPING

Image Swapping

Pre-Loading Images

BROWSER OBJECT MODEL

The JavaScript Browser Object Model (BOM)

Web Page Componetns

Object Properties

Object Methods

Object Events

The Browser Object Model

Window Object

Navigator Object

MimeType Object

Plugins Object

Screen Object

Location Object

History Object

THE DOCUMENT OBJECT MODEL

The JavaScript Document Object Model (DOM)

WINDOW AND FRAME MANIPULATION

Window Manipulation

Window Features

Communicating Between Windows

Properties of Windows

ARRAYS

Arrays

Array Properties

Array Methods

Arrays in the Object Model

FUNCTIONS

Functions

Functions with Parameters

Functions with Return Values

Timing Events

FORM HANDLING

Form Handlers

Field Events

Text Field Events

Checkbox Field Events

Radio Button Fields Events

Select Field Events

COOKIES

What Are Cookies ?

Setting Cookies

Reading Cookies

Deleting Cookies

Complicated Cooking Setting and Reading

Session Cookies

Multiple Cookies

REFERENCE

The Window Object

Window Object Methods

Window Object Properties

Window Object Event Handles

The Frame Object

Frame Object Methods

Frame Object Properties

Frame Object Event Handles

The Document Object

Document Object Methods

Document Object Properties

Document Object Event Handles

Course Format

Practical sessions make up a large part of the course, allowing delegates to demonstrate and reinforce the lectures given. During these sessions the delegate will gain experience of embedding and testing many different types of JavaScript into XHTML web pages containing features such as frames processing, window manipulation, form validation and cookie processing. Examples are used extensively, ranging from simple code snippets to full applications with complete ‘real world’ functionality. These are supplied at the start of the course and it is encouraged that the delegates execute and ‘experiment’ with these under the instructor’s guidance as they are introduced. These examples are available to take away, along with the delegate’s own work. The comprehensive Student Guide supplied is fully indexed serving as a useful reference tool long after the course has finished. Delegates will also be able to access a free help-line with technical questions relating to topics covered on the course.