Introduction à MooTools

En utilisant MooTools, vous aurez la possibilité de :

• créer des classes ;
• écrire du code en étant sûr que les objets natifs se comportent partout de la même manière ;
• avoir des objets natifs incluant toutes les fonctions qui font cruellement défaut au JavaScript natif ;
• gérer facilement les événements ;
• manipuler le DOM et ses objets ;
• rechercher des éléments grâce à un moteur de sélecteurs CSS3 ultrarapide ;
• faire de l'AJAX ;
• gérer les cookies ;
• ajouter des effets de transition ;
• …

À côté de cela, MooTools More propose des extensions à cette bibliothèque de base en lui permettant de s'enrichir à l'aide de :

• pseudoévénements ;
• gestion simplifiée des dates ;
• gestion des URI ;
• raccourcis clavier ;
• nouveaux effets ;
• gestion des assets ;
• gestion des locales ;
• …

Pour finir, une communauté très active enrichit l'écosystème de MooTools via des plugins proposés sur la forge.

MooTools respecte de manière stricte les standards et n'affichera donc aucun warning. La clarté de son API assure que vous n'aurez aucun mal à vous y mettre et vous y prendrez certainement plaisir !

Compatibilité▲

Bénéfices▲

Modularité▲

MooTools fournit tout le nécessaire pour construire et utiliser des classes, voici un exemple :

var Animal = new Class({
    initialize: function(name) {
        this.name = name;
    }
});

var Cat = new Class({
    Extends: Animal,

    talk: function() {
        return 'Miaou';
    }

});

var Dog = new Class({
    Extends: Animal,

    talk: function() {
        return 'Woof ! Woof !';
    }

});

var animals = {
    a: new Cat('Neige'),
    b: new Cat('Le chat'),
    c: new Dog('Ruby')
};

animals.each(function(animal) {
    console.log(animal.name + ': ' + animal.talk());
});

Il serait bien trop long de vous décrire ici chaque ajout apporté par MooTools mais je vous conseille vivement de jeter un œil aux liens suivants pour en découvrir les fonctionnalités qui me semblent les plus utiles :

• Array ;
• String ;
• Function ;
• Class ;
• Element ;
• Fx ;
• Request ;
• DOMReady.

L'un n'est pas meilleur que l'autre, n'allez pas vous y tromper. Les deux bibliothèques n'ont pas la même philosophie et c'est donc votre style de programmation qui vous fera pencher d'un côté. Je trouve que jQuery est particulièrement bien adapté au développement rapide qui n'est pas voué à la réutilisation. Si vous avez par contre plus de temps à consacrer à votre code et que vous souhaitez l'organiser, le modulariser et le partager, il y a alors de fortes chances que vous préfériez MooTools.

Il faut également noter que, bien que très active, la communauté MooTools est bien plus petite que la communauté jQuery. Vous trouverez sûrement moins de ressources, de blogs et devrez parfois plus vous impliquer pour résoudre vos problèmes. Il n'en reste pas moins que la mailing list sera utile pour vous dépanner et que les articles que vous trouverez seront souvent de qualité.

Je vous recommande cette lecture qui compare les possibilités des deux bibliothèques à travers des exemples de code.

Au final, les possibilités sont les mêmes mais vous n'écrirez pas votre code de la même façon avec l'un et l'autre. Mais après tout, tout est question de style non ? Et en ce qui concerne le style, je préfère MooTools !

MooTools a une approche objet alors que jQuery, lui, préfère l'approche fonctionnelle.

Nous avons donc vu avec cette rapide introduction à MooTools, que cette bibliothèque est une vraie alternative à jQuery et Prototype. Le seul moyen de se faire une idée est d'essayer. Prenez-le pour un petit projet et voyez vos affinités avec l'API. Tout le monde n'adhérera pas, certains me diront « jQuery fait le même » mais en matière de programmation il faut se sentir à l'aise et prendre du plaisir.

Cet article a été publié avec l'aimable autorisation de Synbioz, l'article original peut être vu sur le blog de Synbioz.

Nous tenons à remercier michel.di et ClaudeLELOUP pour leur relecture attentive de cet article.