DOM Scripting: Web Design with JavaScript and the Document Object Model

Front Cover
Apress, Dec 29, 2010 - Computers - 336 pages

With this second edition of the popular DOM Scripting: Web Design with JavaScript and the Document Object Model comes a modern revision to update best practices and guidelines. It includes full coverage of HTML5 in a new, dedicated chapter, and details on JavaScript libraries and how they can help your scripting.

The book provides everything you'll need to start using JavaScript and the Document Object Model to enhance your web pages with client-side dynamic effects and user-controlled animation. It shows how JavaScript, HTML5, and Cascading Style Sheets (CSS) work together to create usable, standards-compliant web designs. We'll also cover cross-browser compatibility with DOM scripts and how to make sure they degrade gracefully when JavaScript isn't available.

DOM Scripting: Web Design with JavaScript and the Document Object Model focuses on JavaScript for adding dynamic effects and manipulating page structure on the fly using the Document Object Model. You'll start with a crash course in JavaScript and the DOM, then move on to several real-world examples that you'll build from scratch, including dynamic image galleries and dynamic menus. You'll also learn how to manipulate web page styles using the CSS DOM, and create markup on the fly.

If you want to create websites that are beautiful, dynamic, accessible, and standards-compliant, this is the book for you!

What you’ll learn Apply dynamic behavior to your pages without inserting JavaScript in your markup Write scripts that degrade gracefully when JavaScript isn’t available Use web standards to ensure cross-browser compatibility Harness the power of the DOM to create user-controlled animation Also includes an introduction to Ajax Who this book is for

This book is for web developers wanting to expand their knowledge of the DOM to add interactivity and functionality to their web pages.

Table of Contents A Brief History of JavaScript JavaScript Syntax The Document Object Model A JavaScript Image Gallery Best Practices The Image Gallery Revisited Creating Markup on the Fly Enhancing Content CSS-DOM An Animated Slideshow HTML5 Putting It All Together DOM Scripting Libraries
 

What people are saying - Write a review

LibraryThing Review

User Review  - Molave - LibraryThing

A pretty good introduction to the Document Object Model (DOM) and how to apply it to creating web sites. The basics are covered (although not in much depth), and a few samples are shown in detail. Perfect for a beginner, but may bore the intermediate coder. Read full review

LibraryThing Review

User Review  - niwig - LibraryThing

Great introduction to scripting for novice developers. Each chapter builds on the previous chapter, providing clear instructions for building an increasingly complex Web application. Keith provides clear and thorough explanations of what is happening every step of the way. Read full review

Contents

A Brief History of JavaScript
1
JavaScript Syntax
7
The Document Object Model
31
A JavaScript Image Gallery
45
Best Practices
59
The Image Gallery Revisited
73
Creating Markup on the Fly
95
Enhancing Content
123
CSSDOM
149
An Animated Slideshow
175
HTML5
205
Putting It All Together
227
DOM Scripting Libraries
279
Index
303
Copyright

Other editions - View all

Common terms and phrases

About the author (2010)

Jeremy Keith is a web developer living and working in Brighton, England. Working with the web consultancy firm Clearleft (Clearleft.com), he enjoys building accessible, elegant websites using the troika of web standards: XHTML, CSS, and the DOM. His online home is Adactio.com. Jeremy is also a member of the WebStandards.org, where he serves as joint leader of the DOM Scripting Task Force. When he's not building websites, Jeremy plays bouzouki in the alt.country band Salter Cane (SalterCane.com). He is also the creator and curator of one of the web's largest online communities dedicated to Irish traditional music, TheSession.org.

Jeffrey Sambells is a graphic designer and self-taught web applications developer best known for his unique ability to merge the visual world of graphics with the mental realm of code. With a bachelor of technology degree in graphic communications management along with a minor in multimedia, Jeffrey was originally trained for the traditional paper-and-ink printing industry, but he soon realized the world of pixels and code was where his ideas would prosper. In late 1999, he cofounded We-Create, Inc., an Internet software company based in Waterloo, Ontario, which began many long nights of challenging and creative innovation. Currently, as director of research and development for We-Create, Jeffrey is responsible for investigating new and emerging Internet technologies and integrating them using web standards-compliant methods. In late 2005, he also became a Zend Certified Engineer. When not playing at the office, Jeffrey enjoys a variety of hobbies from photography to woodworking. When the opportunity arises, he also enjoys floating in a canoe on the lakes of Algonquin Provincial Park or going on an adventurous, map-free, drive with his wife. Jeffrey also maintains a personal website at JeffreySambells.com, where he shares thoughts, ideas, and opinions about web technologies, photography, design, and more. He lives in Ontario, Canada, eh, with his wife, Stephanie, his daughter, Addison, and their little dog, Milo.

Bibliographic information