JavaScript for Web Developers

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 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 Environment Development will be performed using:

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

Testing Environment

• Internet Explorer or
• Netscape Navigator

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.