Switch to the store?

jQuery Plugin Development Beginner's Guide

More Information
Learn
  • Create numerous types of commonly used jQuery plugins
  • Design a standard development pattern to apply to all your plugins to speed up the process
  • Build plugins that enhance viewer's multimedia experience on your website
  • Learn how to build attractive animation plugins that show effects like fading and sliding
  • Discover how jQuery handles third party plugins and how some portions of code can(not) be accessed
  • Implement time saving design patterns and best practices to optimize your plugins
  • Learn the ins and outs of some of the most popular plugins and how they actually work to do what they do
  • Learn via an in-depth practical approach, providing you with a simple, yet effective, structure to minimize efforts and obtain better results quickly

 

About

jQuery is the most famous JavaScript library. If you use jQuery a lot, it can be a good idea to start packaging your code into plugins. A jQuery plugin is simply a way to put your code into a package, which makes it easier to maintain your code and use across different projects. While basic scripting is relatively straightforward, writing plugins can leave people scratching their heads.

With this exhaustive guide in hand, you can start building your own plugins in a matter of minutes! This book takes you beyond the basics of jQuery and enables you to take full advantage of jQuery's powerful plugin architecture to deliver highly interactive content to your website viewers.

This book contains all the information you need to successfully author your very own jQuery plugin with a particular focus on the practical aspect of design and development.

This book will also cover some details of real life plugins and explain their functioning to gain a better understanding of the overall concept of plugin development and jQuery plugin architecture.

Different topics regarding plugin development are discussed, and you will learn how to develop many types of add-ons, ranging from media plugins (such as slideshows, video and audio controls, and so on) to various utilities (image pre-loading, handling cookies) and use and applications of jQuery effects and animations (sliding, fading, combined animations) to eventually demonstrate how all of these plugins can be merged and give birth to a new, more complex, and multipurpose script that comes in handy in a lot of situations.

Features
  • Utilize jQuery's plugin framework to create a wide range of useful jQuery plugins from scratch
  • Understand development patterns and best practices and move up the ladder to master plugin development
  • Discover the ins and outs of some of the most popular jQuery plugins in action
  • A Beginner's Guide packed with examples and step-by-step instructions to quickly get your hands dirty in developing high quality jQuery plugins

 

Page Count 288
Course Length 8 hours 38 minutes
ISBN9781849512244
Date Of Publication 14 Oct 2010
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
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
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
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
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
Form plugins in general
Validating forms
Time for action — creating the form check plugin
Auto-growing textareas
Time for action — creating the autogrow plugin
Summary
Positioning
Time for action — understanding mouse movement events
Setting equal heights
Time for action — setting the same height
Other examples of user interface plugins
Summary
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
Splitting the work in two
Time for action — creating and styling the menu
Time for action — adding a fading effect
Creating the plugin
Time for action — creating the plugin
Summary
Sliding
Time for action — creating sliding panes
Fading
Time for action — creating the plugin
The animate() method
Time for action — creating your first animation
Summary
Generating tag clouds
Time for action creating a tag cloud plugin
Cookie handling
Time for action — creating a cookie plugin
Summary
Typesearch
Time for action — obtaining an OSX-like search bar with the Typesearch plugin
JSON plugin
Time for action — encoding and decoding JSON strings
notNow
Time for action — postponing a function using the notNow plugin
Webcam
Time for action — setting up and using the webcam plugin
Quovolver
Time for action — putting Quovolver to work
ScrollToElement
Time for action — different ways of scrolling
PassRoids
Time for action — using the plugin
Virtual Keyboard Widget
Time for action — using the virtual keyboard plugin
Sliding Doors
Time for action — creating a sliding door
idleTimer
Time for action — timing idle users
Summary

Authors

Giulio Bai

Giulio Bai is a law student living in Italy who spends most of his time toying with stuff that doesn't have anything to do with law. Even after trying to keep the list of his past achievements as short as possible, the number of projects that he joined in (and that invariably sunk shortly thereafter) makes it hard to narrow down his interests to programming and carousels alone. It should be made clear that any claim of responsibility for those unfortunate ventures is wholeheartedly rejected – they never had the necessary potential to make it anyway.