10 jQuery Plugin Development Tutorials. jQuery, one of the most popular JavaScript library, has a huge selection of plugins which makes it more powerful. For sure, not every code must become a plugin that would be meaningless. But converting the ones to be re-used will save a lot of re-development time & if shared with the community, will make the code itself better. jQuery offers an easy to learn & flexible environment for creating plugins. Here are 10 tutorials to get you started:

1. jQuery Sparklines

This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via JavaScript.

2. WiseJS – a wise tool for web developers

Allow embedding any JavaScript components in ASP.NET, including jQuery Plugins, jQuery UI, and more, includes powerful assistants to access different database, creation of events/actions on the server side and/or client side. Allows the simultaneous use of C # or VB and JavaScript.

3. jQuery Plugin Boilerplate

A boilerplate for jump-starting jQuery plugins development.

4. jQuery Queue plugin

JavaScript is an event-driven programming language. Therefore with heavy frontend applications your code is easy to have nested callbacks. And this makes your code less flexible.

5. IF plugin for jQuery

This jQuery plugin adds conditional branching to jQuery matched set chaining.

6. Tutorial: Developing a jQuery Plugin

First of all, you might ask yourself why you’d want to develop a plugin. The first and best reason is the ability to maintain chainability.

7. Tutorial: A Plugin Development Pattern

This article is meant to share the pattern that I’ve found especially useful for plugin authoring. It assumes you already have an understanding of plugin development for jQuery.

8. Plugins/Authoring

This post will outline the basics, best practices, and common pitfalls to watch out for as you begin writing your plugin.

9. jQuery Plugin Tutorial, In-Depth for Absolute Beginners

In this tutorial you will learn about 2 different jQuery plugin patterns (pattern A and pattern B) — by the end of this tutorial, you should be able to grasp the basic behind writing custom jQuery plugins.

10. The Definitive Guide to Creating a Practical jQuery Plugin

In this article we’re going to be building our very own jQuery plugin step-by-step from scratch; jQuery makes this task exceptionally easy for us, giving us a simple method of packaging up our scripts and exposing their functionality, and encouraging the use of scalable and reusable object-oriented techniques.

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.