Trabalhando com Single Page Application
16
Trabalhando com Single Page Application Victor Cavalcante
description
Trabalhando com Single Page Application. Victor Cavalcante. SPA. Backbone JS. Conectando ao Modelo. Criando Views. Rotas. Victor Cavalcante [email protected] www.lambda3.com.br. Bike. ASP.NET MVC. JavaScript. HTML5. CSS. SPA – SINGLE PAGE APPLICATION. Evolução da web. - PowerPoint PPT Presentation
Transcript of Trabalhando com Single Page Application
Trabalhando com Single Page ApplicationVictor Cavalcante
SPA Backbone JS
Conectando ao
ModeloCriando Views Rotas
SPA – SINGLE PAGE APPLICATION
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!
