structuring (modules, mvc, frameworks)

TwitterFacebook
Get flash to fully experience Pearltrees

Backbone patterns

Here, I try to document the good practices that our team has learned along the way building Backbone applications. Inline templates The problem: if you need to use view templates in a small Backbone application, defining your templates in JavaScript code will be unwieldy and difficult to maintain. Solution: You may need some view templates to be inline in the HTML page. This solution has been outlined by John Resig in his blog post about JavaScript micro templating . http://ricostacruz.com/backbone-patterns/
Backbone.js est un cadre applicatif pour les applications à forte teneur en javascript. Backbone.js peut se définir comme un framework MVC mais pas au sens classique du terme. Ici le C représente des Collections d’objets.

Présentation de backbone.js

http://www.synbioz.com/blog/presentation_de_backbone_js_partie_1
http://www.synbioz.com/blog/creation_de_donnees_et_validations_avec_backbone_js Après notre introduction à Backbone.js , nous allons voir dans cette partie comment aller plus loin en insérant des données. Le code de cette application Backbone est disponible sur github. Créer un formulaire en Backbone.js Pour commencer nous allons enrichir notre layout d’un nouveau template javascript.

Création de données et validations avec Backbone.js

http://joshhuckabee.com/integrating-devise-backbonejs

Integrating Devise with Backbone.js | Josh Huckabee

For the impatient: view the code , or see the demo . Update 30 May 2012: The original version of the application and this article referenced the backbone.modelbinding project by Derick Bailey. Per the readme, that project has been abandoned and I have replaced backbone.modelbinding with the preferred backbone.modelbinder project. All code and referenced samples below have been updated accordingly. Several weeks ago I set out to create a single page web app leveraging Backbone.js on the front end with Ruby on Rails powering the back end.

Payne Digital Ltd - Bootbox.js - alert, confirm and flexible dialogs for twitter's bootstrap framework

UPDATE 01/02/2012: Version 2.0.0 of the Bootbox library is out. Whilst this tutorial is still largely accurate and version 1.1.2 will work with the 1.x series of Twitter's Bootstrap framework, you should check out the updated version here . This article discusses a GitHub repository – feel free to browse the code or follow the project . I’ve been using twitter's bootstrap framework for a number of site builds recently, mainly because it gets me from black-and-white markup to vaguely-presentable websites in a very small amount of time. http://paynedigital.com/2011/11/bootbox-js-alert-confirm-dialogs-for-twitter-bootstrap
http://requirejs.org/docs/api.html Usage § 1 Load JavaScript Files § 1.1 RequireJS takes a different approach to script loading than traditional <script> tags.

Require.JS

Unfortunately Backbone.js does not tell you how to organize your code, leaving many developers in the dark regarding how to load scripts and lay out their development environments. This was quite a different decision to other JavaScript MVC frameworks who were more in favor of setting a development philosophy. Hopefully this tutorial will allow you to build a much more robust project with great separation of concerns between design and code.

Organizing your application using Modules (require.js) - Backbone.js Tutorials

http://backbonetutorials.com/organizing-backbone-using-modules/