Après un petit moment de silence, je reprend mon clavier pour vous parler d’un framework javascript nommé Backbone.js. Il devrait être le compagnon idéal qui se joindra à Jquery pour ajouter à votre site des fonctionnalités supplémentaires mais également et surtout une approche structurée et donc plus facile à maintenir.



Comme je vous le disais plus haut, il a été construit sur le modèle MVC. L’intérêt ici, et notamment au niveau javascript, est la structuration du code qui vous permettra de moins vous arracher les cheveux lors de la synchronisation entre les élements HTML, d’interface (UI), l’arbre DOM et j’en passe. Avec Backbone.js, vos données seront construites via un modèle qui pourra être créé, validé, détruit et sauvegardé sur le serveur. Une action via l’interface déclenchera alors au niveau du modèle un évènement qui lui répercutera l’information sur tous les éléments liés (au modèle) et permettra ainsi de remettre à jour les informations le cas échéant. Plus besoin comme en développement javascript classique de manipuler l’arbre DOM pour y trouver l’id correspondant à l’élément qui devra être mis à jour. L’évènement créé mettra donc les vues à jour. Voilà pour la partie théorique du fonctionnement.

Ce framework est disponible en téléchargement en deux versions (le site est hébergé sur GitHub) :

• la version développeur : il s’agit d’une version non compressée qui pèse 52 kb et qui n’est pas compressée. Elle comporte également de nombreux commentaires au niveau du code.
• la version dite de « production » : il s’agit d’une version pleinement opérationnelle mais passée au régime sec, elle ne pèse que 5.2 kb afin de ne pas alourdir vos pages.

Afin d’être le plus complet possible, Backbone s’appuie sur quelques dépendances :

• Underscore.js : bibliothèque javascript comportant une soixantaine de fonction de manipulation de tableaux,…
• json2.js : json permet sous la forme d’une structure clé-valeur de pouvoir échanger les informations
• Jquery ou Zepto pour toute la partie formulaire, effets, ….

Tout cela est bien théorique, mais le site nous décrit à travers des exemples les utilisations possibles comme todos, une application de to-do list, ou l’utilisation de Backbone dans Diaspora, … Je vous laisse donc parcourir la liste non exhaustive mais longue des exemples sur le site. Un autre exemple très agréable visuellement et fonctionnellement se trouve sur le site Atinux (très bon site sur le javascript) et notamment au niveau du billet intitulé : « Backbone books : Google Books API + Backbone.js » qui illustre l’utilisation de Backbone avec l’API de Google Books.

Concernant la documentation, elle est riche et chaque élément est disponible par un lien direct. Les évènements sont disponibles ici, les modèles là, les collections ici, mais également la FAQ…

Je n’ai pas mis en Å“uvre Backbone pour la simple et bonne raison que le peu de développement que je fais se fait sur un autre framework dont j’ai déjà parlé sur le site. J’ai pris connaissance du potentiel de Backbone et dans la partie exemples, on voit qu’il est utilisé par des sites à forts traffics. Mais le jour où je devrais l’utiliser, je passerai sur le site Backbone tutorials qui me permettra de mettre le pied à l’étrier. Il s’agit d’un site qui comporte plein de tutoriels sur Backbone, ça vous l’avez compris, mais qui sont classés en trois niveaux : débutant, intermédiaire et expert.

En espérant vous avoir apporté un outil de plus à votre panel, je vous souhaite de bons développements futurs !