Trabalhando com Single Page ApplicationVictor Cavalcante

SPA Backbone JS

Conectando ao

ModeloCriando Views Rotas

Victor Cavalcantevictor@cavalcante.netwww.lambda3.com.br

Bike

ASP.NET MVC

JavaScript

HTML5 CSS

SPA – SINGLE PAGE APPLICATION

Evolução da web

evolutionoftheweb.com

Evolução da web

evolutionoftheweb.com

JS com Produtividade Developer Tools jsFiddle

jQuery Underscore

CoffeeScript Grunt

Teste-Driven Development

JavaScript, qual o problema?

Single Page Applications

1 única página

Inteligência de apresentação no JS

Comunicação via Ajax RESTful

Server side

magrinho

Foco na experiência do usuário

Frameworks SPA

Backbone.JS

Ember.JS

Knockout

AngularJS Spine

Sproutcore

Cappuccino

Sammy.js

JavaScript MVC

Batman.js

Responsabilidades do servidor web• Não precisa mais gerar HTML• Não precisa mais manter estado• Não precisa mais se conectar em todos

os serviços que atendem a aplicação

Quais suas novas responsabilidades?

Manifesto da Nova Web• Menos C#/Ruby/Java/Python, mais Javascript• Menos arrastar e soltar, mais HTML

codificado à mão• Menos poluição no HTML, mais CSS• Menos uso do HTML para design, mais foco

na semântica• Mais Javascript, muito mais javascript

Componentes do Backbone.js

Model

Sync

Collection History

Router Events

View

Como funciona?Model

View Collection

Router

DOM

<- Events

<- Events

Events -> E

vent

s->

DEMO

Fim!