jQuery Plugin Development Beginner's Guide


jQuery Plugin Development Beginner's Guide
eBook: $26.99
Formats: PDF, PacktLib, ePub and Mobi formats
$22.95
save 15%!
Print + free eBook + free PacktLib access to the book: $71.98    Print cover: $44.99
$63.45
save 12%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Overview
Table of Contents
Author
Support
Sample Chapters
  • 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

 

Book Details

Language : English
Paperback : 288 pages [ 235mm x 191mm ]
Release Date : October 2010
ISBN : 1849512248
ISBN 13 : 9781849512244
Author(s) : Giulio Bai
Topics and Technologies : All Books, Web Development, jQuery, Open Source


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
  • 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 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

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.
Sorry, we don't have any reviews for this title yet.

Code Downloads

Download the code and support files for this book.


Submit Errata

Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


Errata

- 1 submitted: last submission 05 Nov 2012

Errata type: Technical | Page number: 9 | Errata date: 19 Oct 10

code on line#10 is: alert("Hello World!"); It should be: alert("page loaded");

 

Sample chapters

You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

Frequently bought together

jQuery Plugin Development Beginner's Guide +    PlayStation®Mobile Development Cookbook =
50% Off
the second eBook
Price for both: $39.00

Buy both these recommended eBooks together and get 50% off the cheapest eBook.

What you will learn from this book

  • 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.

A practical straightforward guide for creating your first jQuery plugin

Approach

This book takes a beginner's guide approach, giving you step-by-step instructions for creating a number of different jQuery plugins covering most of the common issues one may encounter when working on web pages and sites. It is a practical guide, which will show you how to design and build the most commonly used 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.

Code Download and Errata
Packt Anytime, Anywhere
Register Books
Print Upgrades
eBook Downloads
Video Support
Contact Us
Awards Voting Nominations Previous Winners
Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
Resources
Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software