Tutorial by Examples | RIP Tutorial

Basic Setup

Backbone requires Underscore and (optionally) jQuery - for DOM manipulation (using Backbone.View) and RESTful persistence. The quickest way to get up and running with Backbone is to create an index.html file with simple script tags in the HTML <head>: <html> <head> ...

backbone.js • Getting started with backbone.js

Example showcasing the basic concepts

The following example is an introduction to: Template compilation using underscore Accessing variables in a template Creating a view Rendering a view Showing a view <html> <head> <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> ...

backbone.js • Getting started with backbone.js

Example of Using Backbone (Primarily Backbone.Model)

Backbone.js is made up of four separate components: Collections, Models, Routers, and Views. Each of these serve different purposes: Model - represents a single data object, but adds additional functionalities not provided by native JavaScript objects, such as an event system and a more conveni...

backbone.js • Getting started with backbone.js

Hello Web (Basic "Hello World"-type setup)

<html> <head> <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script> <script src="https:...

backbone.js • Getting started with backbone.js