Skip to main content

10 jQuery Plugin Development Tutorials

By Sam Deering



😳 Ever felt a little embarassed sharing your JavaScript? Let's fix it.

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 has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

💁‍♀️ Fun Fact: Python was ranked #2 on a recent highest paid coders list. *

🤓 Ok. When did a code editor from Microsoft become kinda cool!?