Contents

• Warning: contains code
• jQuery
• jQuery plugins
• jQuery methods
• Types of plugins
• jQuery UI - Widgets
• jQuery UI - Interactions
• Bootstrap from Twitter
• Why write a plugin?
• Writing a jQuery Plugin
• But first
• The jQuery function
• Method chaining
• But second
• Objects
• Scope
• Function scope
• Namespacing
• Standard boilerplate
• Everything is an object
• Finally
• Writing a jQuery plugin
• The one thing
• With some real code
• With boilerplate
• Support chaining
• Options
• Review
• Case Study I
• cssTwiddle
• Case Study II
• serverSync
• Constructor
• Methods
• serverSync plugin
• That pattern again
• serverSync plugin
• Case Study III
• Date text entry
• Date text entry defaults
• Building the widget
• The DateTextInput class
• The DateTextEntry class
• Date text entry API
• Date text entry plugin
• Case Study IV
• The 'typeahead' widget
• Inside bootstrap.js ...
• Dynamic re-wiring
• The 'fixed' version
• Lessons
• The End
• ...
• Title Sequence
• Map of CPAN - The Movie
• jquery.titlesequence.js
• The End