Une des grandes forces du framework javascript jQuery est de pouvoir y ajouter des plugins afin d’abstraire ses fonctionnalités favorites (qui ont parfois coûtés pas mal d’heures de réflexions) pour les utiliser simplement dans d’autres projets, ou pour pouvoir les partager avec d’autres. En général, lorsque l’on prend le temps de transformer des bouts de codes en plugins, on en profite aussi pour étendre leurs fonctionnalités afin de pouvoir les utiliser dans un plus grand nombre de cas.
De manière générale, pour créer un plugin, on utilise le code suivant :
(function($) {
$.fn.nomDuPlugin = function() {
// Ici, l'incroyable code du plugin !
};
})( jQuery );
Il existe plusieurs tutoriels expliquant comment créer des plugins jQuery. Par ordre de difficultés :
- Le guide officiel jQuery Plugins/Authoring,
- Le plugin style guide de Ben Alman,
- Signs of a Poorly Written jQuery Plugin de Remy Sharp,
- Et à propos des design-patterns Javascript et en particulier ceux des plugins jQuery
- Essential jQuery Plugin Pattern d’Addy Osmany sur Smatching Magazine
- Le livre électronique Essential Javascript Design Pattern d’Addy Osmany
Bonne lecture, bon code !
