DOM Scripting

DOM Scripting training course
Based on the best selling book of the same name, this day-long course will introduce you to the basics of JavaScript, the Document Object Model and DOM manipulation. Through a series of practical examples you will learn the vocabulary of the DOM and how this can be used to update the content and behavior of the page. Using the concept of unobtrusive JavaScript, you will learn how to create advanced functionality that is accessible and degrades gracefully.
This training course is taught by Clearleft Technical Director, Jeremy Keith. Jeremy is the author of the best selling book DOM Scripting, and a recognised expert on JavaScript and the DOM. By the end of this course you'll have a full understanding of the power of the Document Object Model. You will be able to add markup to the page and change styles using the DOM, all from an external JavaScript file. Using this knowledge you will be able to start adding advanced interactivity to your sites, in order to create the best user experience possible.
This course is a perfect for intermediate developers who understand the basics of XHTML and CSS and have been using them for several months. The course is also suitable for back-end programmers curious about the power of JavaScript. The course is ideal for 4-8 people and prices start from £1600+VAT. Sessions can either be run on site at your offices, or at our state-of-the-art training centre in Brighton.
Introduction to JavaScript

1. What is JavaScript
2. The history of JavaScript
3. Browser support

Basic Syntax

1. Variables and data types
2. Arrays
3. Conditional statements and looping
4. Functions and variable scope
5. Objects

The Document Object Model

1. Introducing the DOM
2. Nodes, node names and node types
3. getElementByID and getElementByTagName
4. getAttribute and setAttribute

Applying JavaScript to a Page

1. Event handlers
2. External files
3. Unobtrusive JavaScript and graceful degradation
4. Example: image gallery

Generating Markup with the DOM

1. createElement and createTextNode
2. appendChild and insertBefore
3. Writing a custom insertAfter function
4. Example: better blockquotes

Changing Styles with the DOM

1. Separating structure, presentation and behaviour
2. Manipulating the style property
3. Updating class names
4. Example: showing and hiding content

Example: Putting it all Together

1. Example site
2. Image gallery
3. Slideshow
4. Navigation
5. Table and form enhancements