10 jQuery Plugin Development Tutorials

Sam Deering

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.
jQuery-Sparklines.jpg
Source


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.
WiseJS-–-a-wise-tool-for-web-developers.jpg
Source


3. jQuery Plugin Boilerplate


A boilerplate for jump-starting jQuery plugins development.
jQuery-Plugin-Boilerplate.jpg
Source


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.
jQuery-Queue-plugin.jpg
Source


5. IF plugin for jQuery


This jQuery plugin adds conditional branching to jQuery matched set chaining.
IF-plugin-for-jQuery1.jpg
Source


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.
Tutorial-Developing-a-jQuery-Plugin.jpg
Source


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.
Tutorial-A-Plugin-Development-Pattern.jpg
Source


8. Plugins/Authoring


This post will outline the basics, best practices, and common pitfalls to watch out for as you begin writing your plugin.
Plugins-or-Authoring.jpg
Source


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.
jQuery-Plugin-Tutorial-In-Depth-for-Absolute-Beginners.jpg
Source


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.
The-Definitive-Guide-to-Creating-a-Practical-jQuery-Plugin.jpg
Source

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://csillanas.hu/ honlapkészítés

    Very nice collection! Thanks!