jQuery Plugin Development Beginner's Guide Table of contents

Table of Contents

Preface
Chapter 1: What is jQuery About?
Chapter 2: Plugins Basics
Chapter 3: Our First jQuery Plugin
Chapter 4: Media Plugins: Images Plugins
Chapter 5: Media Plugins: Audio Plugins
Chapter 6: Media Plugins: Video Plugins
Chapter 7: Form Plugins
Chapter 8: User Interface Plugins
Chapter 9: User Interface Plugins: Tooltip Plugins
Chapter 10: User Interface Plugins: Menu and Navigation Plugins
Chapter 11: Animation Plugins
Chapter 12: Utility Plugins
Chapter 13: Top jQuery Plugins
Appendix A: Tools, reference, and final recommendations
Appendix B: Pop Quiz Answers
Index

• Preface

• Chapter 1: What is jQuery About?
  • A little background
  • jQuery: "the write less, do more JavaScript library"
  • How jQuery works
  • Time for action – writing a basic jQuery script
  • Time for action – callback and functions
  • Extending jQuery: Plugins
  • Plugins basics
  • Suggested reading that could help greatly
    • Books
      • Learning jQuery 1.3
      • jQuery 1.4 Reference Guide
    • Online reference and documentation
      • jQuery.com
      • Nettuts
      • Cheatsheets
      • Forums and mailing lists
  • Summary

• Chapter 2: Plugins Basics
  • Using plugins
  • Time for action – looking for a plugin
  • Time for action – setting up our own page
  • Structure of a plugin
  • Time for action – types of plugins: Function plugins
  • Time for action – types of plugins: Messing with methods
  • Time for action – chaining
  • Basic plugins examples
  • A few key things to remember
  • Summary

• Chapter 3: Our First jQuery Plugin
  • Defining our own default plugin structure
  • Setting the basics for our first plugin
  • Time for action – our first plugin, Part I
  • Getting a step farther
  • Time for action – our first plugin, Part II: Hovering
  • Dealing with options
  • Time for action – our first plugin, Part III: Options
  • Using functions inside the plugin
  • Time for action – our first plugin, Part IV: Functions
  • Closures: Making functions private
  • Time for action – our first plugin, Part V: Closures
  • Summary

• Chapter 4: Media Plugins: Images Plugins
  • Plugin overview
  • Handling images
  • Time for action – showing images
  • Time for action – one step more
  • Centering things
  • Time for action – turning theory into code
  • Putting it all together
  • Time for action – the final step
  • Summary

• Chapter 5: Media Plugins: Audio Plugins
  • Plugin overview
  • Handling audio files
  • The player
  • Time for action – creating the Flash player
  • Putting the plugin together
  • Time for action – creating the plugin
  • Styling and multiple players
  • Time for action – adding support for multiple players
  • Time for action – adding some style
  • Summary

• Chapter 6: Media Plugins: Video Plugins
  • Plugin overview
  • Handling video files
  • Embedding YouTube videos
  • Time for action – creating your first video plugin
  • Adding preview thumbnails and the pop-up feel
  • Time for action – adding previews
  • Time for action – creating a pop up
  • Summary

• Chapter 7: Form Plugins
  • Form plugins in general
  • Validating forms
  • Time for action – creating the form check plugin
  • Auto-growing textareas
  • Time for action – creating the autogrow plugin
    • Other types of form-related plugins
    • Checkboxes and radio buttons
    • Text manipulation
    • Edit in place
  • Summary

• Chapter 8: User Interface Plugins
  • Positioning
  • Time for action – understanding mouse movement events
  • Setting equal heights
  • Time for action – setting the same height
  • Other examples of user interface plugins
    • Menu plugins
    • Form enhancement plugins
    • Context menus and tree menus
  • Summary

• Chapter 9: User Interface Plugins: Tooltip Plugins
  • Tooltip plugins in general
  • Positioning the tooltip
  • Custom jQuery selectors
  • Time for action – creating custom jQuery selectors
  • Merging pieces together
  • Time for action – creating a tooltip plugin
  • Summary

• Chapter 10: User Interface Plugins: Menu and Navigation Plugins
  • Splitting the work in two
    • CSS: Drop-down menu and styling
  • Time for action – creating and styling the menu
    • jQuery: Spicing things up
  • Time for action – adding a fading effect
  • Creating the plugin
  • Time for action – creating the plugin
  • Summary

• Chapter 11: Animation Plugins
  • Sliding
    • What does "sliding" actually mean?
    • Sample plugins that "slide"
    • Creating an accordion plugin (that slides!)
  • Time for action – creating sliding panes
  • Fading
    • What does "fading" actually mean?
    • Sample plugins that "fade"
    • Creating a fading news ticker plugin
  • Time for action – creating the plugin
  • The animate() method
    • Understanding the jQuery animate() method
  • Time for action – creating your first animation
  • Summary

• Chapter 12: Utility Plugins
  • Generating tag clouds
    • A bit of theory to start with
  • Time for action – creating a tag cloud plugin
  • Cookie handling
    • How cookies work
  • Time for action – creating a cookie plugin
  • Summary

• Chapter 13: Top jQuery Plugins
  • Typesearch
    • Description
    • Synopsis
  • Time for action – obtaining an OSX-like search bar with the Typesearch plugin
    • Final thoughts
  • JSON plugin
    • Description
    • Synopsis
  • Time for action – encoding and decoding JSON strings
    • Final thoughts
  • notNow
    • Description
    • Synopsis
  • Time for action – postponing a function using the notNow plugin
    • Final thoughts
  • Webcam
    • Description
    • Synopsis
  • Time for action – setting up and using the webcam plugin
    • Final thoughts
  • Quovolver
    • Description
    • Synopsis
  • Time for action – putting Quovolver to work
    • Final thoughts
  • ScrollToElement
    • Description
    • Synopsis
  • Time for action – different ways of scrolling
    • Final thoughts
  • PassRoids
    • Description
    • Synopsis
  • Time for action – using the plugin
    • Final thoughts
  • Virtual Keyboard Widget
    • Description
    • Synopsis
  • Time for action – using the virtual keyboard plugin
    • Final thoughts
  • Sliding Doors
    • Description
    • Synopsis
  • Time for action – creating a sliding door
    • Final thoughts
  • idleTimer
    • Description
    • Synopsis
  • Time for action – timing idle users
    • Final thoughts
  • Summary

• Appendix A: Tools, reference, and final recommendations
  • Reference and bibliography
    • Official jQuery documentation
    • jQuery API browser
    • jQuery 1.4 Reference Guide
  • Blogs to follow and websites to bookmark
    • jQuery blog
    • jQuery UI blog
    • John Resig
    • Learning jQuery
    • Jörn Zaefferer (bassistance)
    • jQuery for designers
    • jQuery HowTo
  • On browsers: compatibility, comparisons, and plugins
    • Supported browsers
    • Compatibility master table
    • Browser plugins
      • FireBug (Firefox)
      • Internet Explorer 8 Developer Tools
      • DebugBar (Internet Explorer)
      • Safari Web Inspector
      • Dragonfly (Opera)
      • Chrome Web Inspector
  • Cheatsheets
  • jQuery plugin development checklist

• Appendix B: Pop Quiz Answers
  • Chapter 1: What is jQuery About?
  • Chapter 2: Plugins Basics
  • Chapter 3: Our First jQuery Plugin
  • Chapter 4: Media Plugins: Images Plugins
  • Chapter 5: Media Plugins: Audio Plugins
  • Chapter 6: Media Plugins: Video Plugins
  • Chapter 7: Form Plugins
  • Chapter 8: User Interface Plugins
  • Chapter 9: User Interface Plugins: Tooltip Plugins
  • Chapter 10: User Interface Plugins: Menu and Navigation Plugins
  • Chapter 11: Animation Plugins
  • Chapter 12: Utility Plugins
  • Chapter 13: Top jQuery Plugins

• Index