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 create more complex JavaScript applications including the JavaScript BOM and DOM, associative arrays, date and time methods, browser identification and Dynamic HTML.

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, such as C, Java, Perl or VBScript along with knowledge of the Internet, building web pages and using XHTML. This can be gained by attending course EC11.

Course Objectives

Whilst covering advanced concepts of JavaScript, and how it is used, this course also aims to give an insight into JavaScript syntax. Associative arrays, date and time processing, browser identification and Dynamic HTML are discussed. On completion of this course the student will be able to:

•     Develop applications using associative arrays
•     Develop applications manipulating dates and time
•     Use JavaScript to Identify the Browser the web page is being viewed by
•     Understand the different Browser Document Object Models
•     Develop Applications using Dynamic HTML
•     Develop Applications to Dynamically Manipulate CSS Style Sheets
•     Develop an Application to Produce Cascading Menus

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

ASSOCIATIVE ARRAYS

Associative Arrays

DATE AND TIME

Date Object

Date and Time Extraction

Month Names

Day Names

Date and Time Setting

Date Calculations

Complex Date Calculations

BROWSER IDENTIFICATION

Navigator Object

Browser Identification

Navigator Object Properties

AppName Property

UserAgent Property

Browser Version Identification

Browser Platform Identification

DYNAMIC HTML

Introduction to Dynamic HTML

The Document Object Model

DOM - Level 0

Introduction to the Document Object Model

DOM - PROPRIETARY

The Proprietary DOM

Netscape 4.x DOM

Netscape 4.x Layers

Layers Property

Nested Layers

Explorer 4.x DOM

ALL Property

Tag Collections

DOM - LEVEL 1

Node Hierarchy

Specifying Nodes

Node Information

Element Nodes

Element Attributes

Amending the Structure of the Hierarchy

Inserting, Replacing, Cloning and Removing Nodes

DOM - LEVEL 1 AND CSS STYLES

Tag Styles

CSS Properties and Style Object Properties

Style Classes

CASCADING MENU

Browser Indentification

Menu Divisions

Anchor Styles

Displaying Sub0Menus

Netscape 4.x and Explorer 4.x Requirements

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 browser identification, dynamic HTML, date and time processing and document object model 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.