You are in Home > Information Technology > Programming > JavaScript >

JavaScript, 2 Days

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:

• 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:

JavaScript Source Editor

• a text editor such as Notepad, WinEdit or TextPad

Testing Environment

• 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.

For further details and booking enquiries, telephone: 01275 859666 or visit:: www.casetraining.co.uk

Contact Case Training