Manual de BackboneJS

Manual para entender el framework Javascript BackboneJS y aprender a usarlo para el desarrollo de proyectos basados en patrones de diseño.

En este manual hacemos mucho hincapié en aprender la arquitectura de los sistemas MV* en Javascript, que nos permiten separar el código de las aplicaciones web por responsabilidades. Por un lado tenemos los Modelos, que trabajan con los datos, las Vistas que trabajan con la presentación y por otra lo que serían controladores en los MVC tradicionales, que en BackboneJS lo tienes es los enrutadores (route), junto con otra serie de utilidades esenciales.

Competidores de BackboneJS tienes varios, como AngularJS, EmberJS, etc. Lo importante es que nos ofrecen un paradigma para organizar el código de las aplicaciones, algo fundamental en el desarrollo web front-end con uso intensivo de Javascript.

Quizás hay otros frameworks más poderosos que BackboneJS, pero sin duda éste nos servirá perfectamente para todo tipo de aplicaciones y nos permitirá aprender con una curva de aprendizaje muy suavizada. Backbone no te obliga a hacer las cosas de una manera determinada y eso ayuda a sacarle partido sea cual sea tu necesidad.

Te recomendamos la lectura de este manual si te interesa llevar tu codificación Javascript a un nuevo nivel. Con BackboneJS tendrás un aliado fundamental para conseguir desarrollar aplicaciones web avanzadas del lado del cliente, sin tener que sufrir en tu aprendizaje.

Si te parece útil este manual ayúdanos compartiendo!! :)

1.- Qué es BackboneJS

BackboneJS es una librería Javascript para programación del lado del cliente que nos ofrece diferentes ventajas y utilidades en la programación, atendiendo a patrones, de una manera flexible.

2.- Introducción a los Eventos en BackboneJS

Repaso conceptual a lo que son los eventos y las posibilidades que nos ofrecen en BackboneJS.

3.- Modelos y colecciones en BackboneJS

Qué son los modelos y las colecciones, y qué ventajas nos ofrece BackboneJS para tratarlos.

4.- Vistas en BackboneJS

Qué son las vistas y cómo nos ayudan a la hora de crear aplicaciones web y cómo BackboneJS las aprovecha para asociarlas a modelos y colecciones que contienen datos que pueden cambiar dinámica y automáticamente.

5.- Route o manejar las URL con BackboneJS

Explicamos la clase Route de BackboneJS para manejar las URLs de las aplicaciones web, además de explicar lo que son las clases History y Sync.

6.- Instalar Backbone.js en un proyecto web

Cómo dar los primeros pasos con BackboneJS e instalar el framework en un sitio web mediante la inclusión de distintas librerías.

7.- Implementar y disparar eventos en Backbone.js

Cómo implementar eventos con el módulo Backbone.Event de Backbone.js, asignar manejadores de eventos personalizados con on() y ejecutarlos con trigger().

8.- Eliminar eventos Backbone.js y cambiar su contexto

Más sobre los eventos en el framework Backbone.js, eliminarlos con off(), crearlos para ejecutarse una sola vez con once() y cambiar el contexto de ejecución o valor de la variable this.

9.- Implementando modelos en BackboneJS

Cómo se implementan los modelos en BackboneJS, cómo podemos almacenar datos en ellos y acceder a ellos.

10.- Gestionar propiedades en los modelos BackboneJS

De qué manera podemos almacenar propiedades y métodos en los modelos de BackboneJS y qué diferencias tienen las distintas posibilidades.

Descargas

Este manual puedes descargarlo en formato amigable para impresión y lectura en dispositivos a través de la App de DesarrolloWeb.com.

Compartir

Comentarios

Sebas

01/11/2013
Muy bien explicado
Recomiendo este manual especialmente para las personas que quieran aclarar conceptos relacionados con el MVC en Javascript. Aunque Backbone no es especialmente un MVC, sino MVR un concepto que varía un poco, pero básicamente, al final todo es lo mismo, separación de las capas de aplicación en diversos pedazos de código independientes.
Había leído otros manuales de backbonejs pero la verdad me resultaron un poco confusos, o destinados a personas que ya entendían estos conceptos de separación del código, ahora me queda todo bastante más claro.

brunocascio

02/11/2013
Buen Trabajo
Buen trabajo muchacho, aunque no loe he leido, confío plenamente en sus practicas y manuales. Me gustaría que el mismo se encuentre en forma de PDF, para poder imprimirlo y tener una mejor lectura, saludos!!

hallnewman

31/12/2013
Superr fácil
Sencillo y práctico, qué mas puedo decir? ;)

Angelito_089

09/1/2014
Gracias...
Gracias por este gran regalo, me gustaría que estuviera en pdf para leerlo más a gusto

emigalvan311

15/1/2014
Manual en PDF ?
Hola, buenisimo el manual. Pero me gustaria bajarlo para imprimir, no esa en formato PDF para descargar?
Saludos y gracias!

luigicr

15/1/2014
Descarga Manual
Hola, el manual no se puede descargar.

Juancitoo

15/1/2014
no me descarga
Hola no he podido descargar el manual esta es el link
http://www.desarrolloweb.com/descargas/descargar.php?descarga=745
pero no me devuelve nada!! que debo hacer!

gracias

Vaidal

18/1/2014
pregunta
tampoco e podido descargar el manual no me redirecciona al contrario redirecciona a la misma pagina

javifelices

18/1/2014
Hace falta estar registrado
Buenas, lo primero como siempre gran manual.

A los que tienen problemas con las descargas, estáis registrados y logueados? Si es así, debe salir un enlace de asistencia, que consiste en enviar un correo comentando el problema, que vuestro nombre de usuario es tal, y no podéis descargarlo, allí os comentarán que debéis de hacer.

Un saludo y suerte.

jose_mat

27/8/2014
Como descargarlo correctamente
Hola, me ha pasado lo mismo, me he logueado y no he conseguido descargarlo a la primera. He visto que puede que haya un fallo de configuración, puesto que a desarrolloweb.com se puede acceder con y sin www, por lo tanto si haces login en la página con "www", para descargarlo en enlace no lleva "www" y pide realizar login .... por lo tanto mientras no se solucione, fíjate que si haces login con "www" pués ponle las tres "www" al enlace de descarga (prueba los dos, si estás logueado, uno tiene que ir):
http://www.desarrolloweb.com/descargas/descargar.php?descarga=745
http://desarrolloweb.com/descargas/descargar.php?descarga=745
Espero que te sirva

rogama

16/4/2015
manual
Me lo acabo de descargar y el enlace funciona perfectamente.
Buena introducción, con ganas de mas XD
Lo que si, el manual tiene algunas pequeñas erratas, algunas ortográficas, (letras repetidas), y en alguna ocasión no se puede copiar y pegar el código ya que en vez de ";" aparece "?"
Pero nada grave que impida seguir con ello
Gran aporte, gracias!! ;)

Nicashared

17/2/2016
Completo
Muchas gracias por el tutorial... muy útil y completo!!!