Trabalhando com Single Page Application
Victor Cavalcante
SPA
Backbone
JS
Conectando
ao Modelo
Criando
Views
Rotas
Victor Cavalcante
[email protected]
www.lambda3.com.br
HTML5
CSS
ASP.NET
MVC
Bike
JavaScript
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
Server side
magrinho
Foco na
experiência do
usuário
Comunicação via
Ajax
RESTful
Inteligência de apresentação no
JS
Frameworks SPA
Backbone.
JS
Ember.JS
Knockout
AngularJS
Spine
Batman.js
JavaScript
MVC
Sammy.js
Cappuccino
Sproutcore
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
Router
Collection
Events
History
Sync
View
Como funciona?
Model
Events->
View
DOM
<- Events
Router
Collection
DEMO
Fim!