samedi 5 octobre 2013

Backbone.js

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.
The project is hosted on GitHub, and the annotated source code is available, as well as an online test suite, an example application, a list of tutorials and a long list of real-world projects that use Backbone. Backbone is available for use under the MIT software license.
You can report bugs and discuss features on the GitHub issues page, on Freenode IRC in the #documentcloud channel, post questions to the Google Group, add pages to the wiki or send tweets to @documentcloud.
Backbone is an open-source component of DocumentCloud.
Introduction
When working on a web application that involves a lot of JavaScript, one of the first things you learn is to stop tying your data to the DOM. It's all too easy to create JavaScript applications that end up as tangled piles of jQuery selectors and callbacks, all trying frantically to keep data in sync between the HTML UI, your JavaScript logic, and the database on your server. For rich client-side applications, a more structured approach is often helpful.
With Backbone, you represent your data as Models, which can be created, validated, destroyed, and saved to the server. Whenever a UI action causes an attribute of a model to change, the model triggers a "change" event; all the Views that display the model's state can be notified of the change, so that they are able to respond accordingly, re-rendering themselves with the new information. In a finished Backbone app, you don't have to write the glue code that looks into the DOM to find an element with a specific id, and update the HTML manually — when the model changes, the views simply update themselves.
Backbone.js permet de structurer des applications web en fournissant des modèles basés sur des liaisons clé-valeur et des événements personnalisés, des collections avec une API riche de nombreuses fonctions, des vues avec gestion d'événements déclaratifs, et relie le tout avec votre API au travers d'une interface REST et JSON.
Le projet est hébergé sur GitHub, où le code source est disponible et documenté, ainsi qu'une suite de tests en ligne, un exemple d'application, une liste de tutoriels et une longue liste de projets opérationnels qui utilisent Backbone. Backbone est disponible pour utilisation sous licence de logiciels MIT.
Vous pouvez créer des rapports de bugs et demander des fonctionnalités sur la page des "issues" de GitHub, sur l'IRC Freenode sur le canal # documentcloud, poser des questions au groupe Google, ajouter des pages au wiki ou envoyer des tweets à @ documentcloud.
Backbone est un composant open-source de DocumentCloud.
Introduction
Lorsque vous travaillez sur une application web qui implique beaucoup de JavaScript, l'une des premières choses que vous apprenez est de cesser de lier vos données à la DOM. Il est en effet trop facile de créer des applications JavaScript qui finissent par faire des ensembles incontrôlés de sélecteurs et de callbacks jQuery, tout en essayant désespérément de garder les données synchronisées entre l'interface utilisateur HTML, le logique JavaScript, et la base de données sur votre serveur. Pour les applications de type client riche, une approche plus structurée est souvent utile.
Avec Backbone, vous représentez vos données comme des modèles, qui peuvent être créés, validés, détruits, et enregistrés sur le serveur. Chaque fois qu'une action de l'IU cause un changement dans un attribut d'un modèle, le modèle déclenche un événement "changement", toutes les vues qui affichent l'état du modèle peuvent être averties de ce changement, afin qu'ils soient en mesure de réagir en conséquence, ré-affichant eux-mêmes les nouvelles informations. Dans une application Backbone, vous n'avez pas à écrire la partie de code qui cherche dans la DOM pour trouver un élément avec un ID spécifique, et mettre à jour le code HTML manuellement - lorsque le modèle change, les vues se mettent simplement à jour.

Source : Backbone.js, backbonejs.org.

Aucun commentaire:

Enregistrer un commentaire