Úvod do Backbone.js Část 1:Modely – Video tutoriál

Pokud jste četli můj poslední příspěvek nebo jste jen drželi krok se světem JavaScriptu, pravděpodobně jste slyšeli o Backbone.js. No, toto je začátek série tutoriálů pro Backbone.js as touto novou sérií přichází také nový typ média:video! Dnešní video tutoriál vás naučí, jak začít používat M od MVC:model. Je to docela jednoduché, ale docela úžasné a výkonné.

Seriál výukových videí Backbone.js

  • Backbone.js Část 1:Modely
  • Backbone.js, část 2:Zobrazení
  • Backbone.js, část 3:Směrovače
  • Backbone.js, část 4:Kolekce
  • Backbone.js, část 5:AJAX
  • Páteřní průvodce aplikací, část 1:HTML a modely
  • Průvodce základní aplikací, část 2:Zobrazení a šablony
  • Návod na základní aplikaci, část 3:Nové zobrazení a externí šablony
  • Návod na základní aplikaci, část 4:Žije!
  • Návod na základní aplikaci, část 5:RequireJS

AKTUALIZACE: Tento tutoriál je mírně zastaralý. Udělal jsem změny v kódu níže, aby odpovídal tomu, jak funguje Backbone nyní po vydání verze 1.0. Změny:

  • Řádek 7:'error' změněno na 'invalid' . Název události, která se spustí, když se model nepodaří ověřit, se změnil z „chyba“ na „neplatný“, aby byl více sémantický.
  • Řádek 23:Přidáno , {validate:true} . Modely se již při volání set neověřují automaticky . Tuto možnost musíte výslovně zadat, aby byla ověřena.

Konečný kód JavaScript

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
Person = Backbone.Model.extend({
initialize: function() {
console.log('hello world');
this.bind("change:name", function() {
console.log(this.get('name') + " is now the value for name");
});
this.bind('invalid', function( model, error ) {
console.error(error);
});
},
defaults: {
name: "Bob Hope",
height: "unknown"
},
validate: function ( attributes ) {
if( attributes.name == 'Joe' ) {
return "Uh oh, you're name is Joe!";
}
}
});

var person = new Person();
person.set({name: "Joe", height:"6 feet"}, {validate:true});

console.log(person.toJSON());

Závěr

Toto je můj první video tutoriál, takže mějte trpělivost. Doufám, že jste se něco naučili a chcete se dozvědět více. Další video tutoriál by měl vyjít příští čtvrtek a bude obsahovat Views. Doufám, že se těšíte na pokračování této série stejně jako já. Šťastné kódování!

Seriál výukových videí Backbone.js

  • Backbone.js Část 1:Modely
  • Backbone.js, část 2:Zobrazení
  • Backbone.js, část 3:Směrovače
  • Backbone.js, část 4:Kolekce
  • Backbone.js, část 5:AJAX
  • Páteřní průvodce aplikací, část 1:HTML a modely
  • Průvodce základní aplikací, část 2:Zobrazení a šablony
  • Návod na základní aplikaci, část 3:Nové zobrazení a externí šablony
  • Návod na základní aplikaci, část 4:Žije!
  • Návod na základní aplikaci, část 5:RequireJS