MooTools 1.2 beginner's guide : learn how to create dynamic, interative, and responsive cross-browser web applications using one of the most popular JavaScript frameworks / Jacob Gube, Garrick Cheung
Cover; Copyright; Credits; About the Authors; About the Reviewer; Table of Contents; Preface; Chapter 1: MooTools and Me; What is MooTools?; Why use MooTools?; The advantages of using MooTools; Writing terse and elegant code; Extending native JavaScript; Cross-browser compatibility; Working with the Document Object Model; The advantage of using open-source projects; Downloading and installing MooTools; Time for action -- downloading and installing the MooTools Core; Different MooTools downloads; The domready event listener; Rolling your own MooTools; MooTools Core
Time for action -- exploring the MooTools Core BuilderMooTools More; Time for action -- exploring the MooTools More Builder; The API concept; MooTools resources; MooTools Docs; MooTools Users Google groups; mooforum; The MooTorial; Summary; Chapter 2: Writing JavaScript with MooTools; Writing unobtrusive JavaScript with MooTools; An ""obtrusive"" JavaScript example; What's so bad about it?; Don't repeat it if you don't have to; It'll be hard to maintain; It's a bad practice to have functionality in your content structure; Time for action -- rewriting our script unobtrusively
Removing our inline event handlersUsing the DOM to handle events; Creating MooTools classes; What the heck is a class?; Real-world analogy; Creating a MooTools class; The Implements property; Time for action -- creating an instance of Dog; Time for action -- giving our class instance some; custom options; Time for action -- determining the value of our options; Extending classes; Time for action -- extending the ShowDog class with; the Dog class; Class inheritance; Using MooTools classes; The concept of chainability; The Chain class; A Chain example; A look ahead: Chaining Fx .Tween
Time for action -- create a chain of Fx.Tween methodsIsn't MooTools classy?; Chainability; Summary; Chapter 3: Selecting DOM Elements; MooTools and CSS selectors; Working with the () and () functions; The () dollar function; The () dollars function; When to use which; Time for action -- selecting an element with the dollar function; Time for action -- selecting elements with the dollars function; Time for action -- selecting multiple sets of elements; with the dollars function; () versus document.getElementById(); Selecting multiple sets of elements
Common errors with the dollar and dollars functionsSelection using pseudo-classes; Pseudo-class example: Zebra striping a table; Time for action -- using pseudo-classes to zebra stripe a table; Other pseudo-class selectors; Working with attribute selectors; Attribute selector operators; Attribute selector example: Styling different types of links; Time for action -- using = attribute selector; Time for action -- using != attribute selector; Time for action -- using ̂= attribute selector; Time for action -- using = attribute selector; Attribute selector case sensitivity
Summary
Learn how to create dynamic, interactive, and responsive cross-browser web applications using this popular JavaScript framework
