Resources for getting started with Backbone.js. The current product I am building makes heavy use of HTML5 & javascript to give the user a rich experience, both on and offline, across a variety of screens.
Before I even started this application I knew I wanted a clean and proven approach to help manage the complexity on the client. After reviewing several js frameworks I decided to go with backbone.js (compare yourself). I have been working with backbone for several months and I am really happy with it, and would recommend to anyone building similar types of javascript applications. As per the project description: “Backbone supplies structure to JavaScript-heavy 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 application over a RESTful JSON interface.” Updated: Backbone.js Training - A Multi-Day, Hands-On, Training Class. Notice Of Course Discontinuation Please note that as of January 2013 I am no longer offering my Backbone training class on a regular basis.
I have exited the consulting world in favor of a full time position working with Kendo UI as a Developer Advocate. While I will continue to be a part of the Backbone community with my new position, offering a private, on-site training class is not something I will be able to do right now. I may bring this back out at some point in the future, but I don't know when (if at all). Give your Couchapp some Backbone! Description backbone-couchdb is a plugin for Backbone.js that takes care of synching (Backbone-) Models and Collections automatically with a CouchDB instance. It makes heavy use of CouchDBs built-in Couchapp functionality. Normally it would be necessary to set up a webserver and a webapp (Rails, Sinatra, Django…) in order to persist Models. But with this plugin it is only needed to host Backbone Apps as Couchapp and the persistence layer is ready out of the box.
Since the App runs as a Couchapp, it is also capable of using the CouchDB _changes-feed which enables the App to receive real-time updates for Collections and Models. 1.Description 2.Usage 3.Examples 4.Recipes. Backbone patterns. Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications.
This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Introducing The Backbone Boilerplate. Over the past year Bocoup has worked on several production applications that utilize the MVC library Backbone.js.
We’ve worked hard to give back to the community through informative blog posts, core contributions, support & evangelism through various mediums such as meetups, IRC and Twitter. Over the course of the past year, we created small boilerplates to share around the office and across projects. How to Mimic the iGoogle Interface. Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+.
In this tutorial, I'll show you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface, which has plenty of potential applications! First, let's list exactly what we'll be creating here and what features it'll have: This interface will contain several widgets.Each widget can be collapsed, removed and edited.The widgets can be sorted into the three seperate columns by the user (using a drag and drop technique).The user will be able to edit the color and title of each widget.Each widget can contain any amount of regular HTML content, text, images, flash etc. Please note that we will only be covering the front-end aspect of the project in this tutorial.
Since it's all about the user and because the idea was influenced by iGoogle we're going to be calling this project 'iNettuts'. CKEditor + Backbone: play nicer. Play framework, binding et performance « Hakanai. Après avoir bataillé un bon moment avec les performances sur la page d’importation de Nemrod je me suis dit que ce serait intéressant de partager ce que j’ai appris sur le binding de Play.
Bref, je vous propose ce petit sujet autour du binding dans Play framework et une optimisation qui m’a sauvé la vie. Resituons le contexte tout d’abord. Si vous utilisez Play framework, vous avez peut être déjà utilisé des bindings avec des collections d’éléments dans un de vos contrôleur. Ce type de binding est excessivement utile dans la majorité des cas. Prenons par exemple le bout de template suivant : Ceci va vous créer dans votre page html une suite d’élément html comme suit : Pour traiter ensuite ce résultat dans votre contrôleur, il ne vous reste plus qu’à déclarer : ImportBean étant un simple objet ayant 4 propriété : filename, module, modulepath et localeId Autrement dit, Play framework a fait le binding pour vous entre les données de votre formulaire et une collection d’objets. J’ai remplacé par. What are some good resources for Backbone.js.
Building Mobile JavaScript WebApps With Backbone.js & jQuery: Part I. Welcome to Part 1 of a two-part tutorial on building complete mobile web applications in JavaScript using DocumentCloud's Backbone.js, jQuery Mobile and LABjs.
In Part 1, I'll be covering a complete run-down of Backbone 0.5.2's models, views, collections and routers but also taking you through options for correctly namespacing your Backbone application. I'll also give you some tips including what scaffolding tool that can save time setting up your initial application, the ideal number of routers to use and more. (339) backbonejs. Addyosmani/todomvc - GitHub.