13
Construindo WebApps ricas com Rails e Sencha

Construindo WebApps ricas com Rails e Sencha

Embed Size (px)

DESCRIPTION

Palestra para o encontro GURUCE http://guruce.org/iii-encontro-guru-ce/

Citation preview

Page 1: Construindo WebApps ricas com Rails e Sencha

Construindo WebApps ricas com Rails e Sencha

Page 2: Construindo WebApps ricas com Rails e Sencha

SenchaAlém do Ajax

Page 3: Construindo WebApps ricas com Rails e Sencha

ScriptTag

XHR Script Tag

Compatível com Cross-browser? Não Sim

Política de mesmo domínio? Sim Não

Trabalha com HTTP status codes? Sim Não (falha com outro código HTTP diferente de 200)

Suporta os métodos GET e POST? Sim Não (Somente GET)

Pode receber/enviar HTTP Headers? Sim Não

Pode receber XML? Sim Sim (mas embutido na sentença JavaScript)

Pode receber JSON? Sim Sim

Oferece chamadas síncronas e assíncronas? Sim Não (somente assíncronas)

Page 4: Construindo WebApps ricas com Rails e Sencha

TwitterListView

Page 5: Construindo WebApps ricas com Rails e Sencha

Data Store API

Page 6: Construindo WebApps ricas com Rails e Sencha

Ext.data.ScriptTagProxy

Page 7: Construindo WebApps ricas com Rails e Sencha

Hands on...https://gist.github.com/746691

Page 8: Construindo WebApps ricas com Rails e Sencha

Rails On Sencha

Page 9: Construindo WebApps ricas com Rails e Sencha

CRUD Restful API

var proxy = new Ext.data.HttpProxy({ url: '/features.sencha'});

var proxy = new Ext.data.HttpProxy({ api: { read: {url: '/features.sencha', method: 'GET'}, create: {url: '/features.sencha', method: 'POST'}, destroy: {url: '/features.sencha', method: 'DELETE'}, update: {url: '/features.sencha', method: 'PUT'} }});

Page 10: Construindo WebApps ricas com Rails e Sencha

Sencha Responder

Page 11: Construindo WebApps ricas com Rails e Sencha

Sencha Responder

Page 12: Construindo WebApps ricas com Rails e Sencha
Page 13: Construindo WebApps ricas com Rails e Sencha

Hands On...https://gist.github.com/746701