Backbone.js

Facebook Twitter

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly. Downloads Project Source Contribute Standard Select Turns This Into This Multiple Select Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better
Resources for getting started with Backbone.js 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).
Centre de Formation Adobe - Wiki Backbone.js est une librairie javascript open source développée par Jeremy Ashkenas, également créateur de CoffeeScript. Elle permet de structurer votre code javascript en proposant plusieurs “classes” la View dans laquelle vous allez poser des écouteurs sur les différents éléments du DOM et modifier ces derniers la Collection et Model qui représentent les données à manipuler : liste d'utilisateurs, éléments d'un panier d'achat, liste de tâches … Centre de Formation Adobe - Wiki
Sample App with Backbone.js and Twitter Bootstrap Backbone.js is a lightweight JavaScript framework that provides the basic infrastructure (Model, Collection, View, and Router classes) to bring structure to your Web applications. Twitter Bootstrap is a UI toolkit that provides simple and flexible HTML, CSS, and Javascript to implement popular user interface components and interactions. In other words, Backbone.js and Twitter Bootstrap focus on different areas of your application: core architecture and user interface respectively. Because of their well-defined and non-overlapping scope, Backbone.js and Twitter Bootstrap work well together. Sample App with Backbone.js and Twitter Bootstrap
Dependencies Underscore.js Backbone's only hard dependency. http://underscorejs.org Extensions, Plugins, Resources · documentcloud/backbone Wiki Extensions, Plugins, Resources · documentcloud/backbone Wiki
Organizing your application using Modules (require.js) - Backbone.js Tutorials

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

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. This tutorial will get you started on combining Backbone.js with AMD (Asynchronous Module Definitions). What is AMD? Asynchronous Module Definitions designed to load modular code asynchronously in the browser and server.
GIT

Naming Backbone.js Code with Require.js Naming Backbone.js Code with Require.js ‹prev | My Chain | next› One last bit of bookkeeping remains for my in my exploration of require.js with Backbone.js: file naming. As I have worked with the code in my calendar application, it has become apparent that I need a better way of naming files. The entire list of scripts is currently: javascripts ├── backbone.js ├── calendar │ ├── collections │ │ └── appointments.js │ ├── helpers │ │ ├── dayAfter.js │ │ ├── firstOfTheMonth.js │ │ ├── from_iso8601.js │ │ ├── template.js │ │ ├── to_iso8601.js │ │ └── weekAfter.js │ ├── models │ │ └── appointment.js │ ├── router.js │ └── views │ ├── Application.js │ ├── AppointmentAdd.js │ ├── AppointmentEdit.js │ ├── Appointment.html │ ├── Appointment.js │ ├── CalendarMonthBody.js │ ├── CalendarMonthDay.js │ ├── CalendarMonthHeader.js │ ├── CalendarMonth.js │ ├── CalendarMonthWeek.js │ ├── CalendarNavigation.js │ └── TitleView.js ├── calendar.js ├── css ├── jquery.min.js ├── jquery-ui.min.js ├── main.js ├── require.js ├── text.js └── underscore.js

Organizing Your Backbone.js Application With Modules – Organizing Your Backbone.js Application With Modules – Bocoup Web Log

Organizing Your Backbone.js Application With Modules – Organizing Your Backbone.js Application With Modules – Bocoup Web Log If you have spent any time looking at Backbone.js, like many others, you are probably amazed by how lightweight, flexible and elegant it is. Backbone.js is incredibly powerful, but not prescriptive in how it should be used. With great power comes great responsibility, and if you’ve tried to use Backbone.js for a large project you might be asking yourself: how do I organize my code? When thinking about “code organization” the questions you might be asking are:
Getting Started with Backbone.js Getting Started with Backbone.js Unlike its web development peers, JavaScript has never really had much in the way of frameworks to provide structure. Thankfully, in recent years, that's beginning to change. Today, I'd like to introduce you to Backbone.JS, a sweet little library that makes the process of creating complex, interactive and data driven apps so much easier. It provides a clean way to surgically separate your data from your presentation.
Thomas Davis Thomas Davis Back to home Backbone.js Tutorial – by noob for noobs The official website describes Backbone.js as a library to supply structure to Javascript heavy web applications. After using Backbone.js for a week I could never see myself building any sort of Javascript functionality regardless of size without using Backbone.js or alternatives.
1.js