Advanced JavaScript

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

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