Free Sample
+ Collection

jQuery Plugin Development Beginner's Guide

Beginner's Guide
Giulio Bai

Build powerful, interactive plugins to implement jQuery in the best way possible
$26.99
$40.50
RRP $26.99
RRP $44.99
eBook
Print + eBook

Want this title & more?

$16.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849512244
Paperback288 pages

About This Book

  • 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

 

Who This Book Is For

This book is for anyone who wants to have a better understanding of the dynamics of jQuery when plugins come into play, as well as for those who are willing to push jQuery to its limits and develop awesome plugins to use in their websites. A little background information about JS and jQuery cannot harm, but even very beginners can have a chance to be introduced to the wonderful world of jQuery.

Table of Contents

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
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
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
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
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
Chapter 11: Animation Plugins
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
Chapter 12: Utility Plugins
Generating tag clouds
Time for action creating a tag cloud plugin
Cookie handling
Time for action — creating a cookie plugin
Summary
Chapter 13: Top jQuery Plugins
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

What You Will 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

 

In Detail

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.

Authors

Read More