Call Clearleft now on +44 (0)845 838 6163
or contact us

Home → What we do → Teach → DOM Scripting workshop

DOM Scripting workshop

Photograph of Jeremy Keith

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.

What will I learn?

Introduction to JavaScript

  • What is JavaScript
  • The history of JavaScript
  • Browser support

Basic Syntax

  • Variables and data types
  • Arrays
  • Conditional statements and looping
  • Functions and variable scope
  • Objects

The Document Object Model

  • Introducing the DOM
  • Nodes, node names and node types
  • getElementByID and getElementByTagName
  • getAttribute and setAttribute

Applying JavaScript to a Page

  • Event handlers
  • External files
  • Unobtrusive JavaScript and graceful degradation
  • Example: image gallery

Generating Markup with the DOM

  • createElement and createTextNode
  • appendChild and insertBefore
  • Writing a custom insertAfter function
  • Example: better blockquotes

Changing Styles with the DOM

  • Separating structure, presentation and behaviour
  • Manipulating the style property
  • Updating class names
  • Example: showing and hiding content

Example: Putting it all Together

  • Example site
  • Image gallery
  • Slideshow
  • Navigation
  • Table and form enhancements

Next public workshop

Public workshops are £395+VAT per person, but there are none scheduled at the moment. Subscribe to our events feed to be notified as soon as one is announced.

Fancy a private workshop for your whole team?

Private courses can be modified to perfectly suit your needs. They are great value at only £1,600 +VAT for up to 8 attendees. Sessions can either be run at your offices, or with our facilities in Brighton.

Call Richard on 0845 838 6163 to discuss.

DOM Scripting

DOM Scripting

by Jeremy Keith

The book is aimed at designers rather than programmers. If you've learned the benefits of Web Standards through CSS and you're now ready to move on to the next level, this is the book for you. It will show you how to add stylish, usable enhancements to your web pages using Web Standards that guarantee future compatibility.

Visit: domscripting.com

Email us through this magic form.

If you prefer a more tangible form of communication, we’re here:

Clearleft Ltd.
Studio 6
28 Kensington Street
Brighton BN1 4AJ
UK