palestra web moderna v2

#GX24 #GX24

DESENVOLVENDO APLICATIVOS WEB MODERNOS

Carlos Alexandre Luchini/Rafael Sienna

@caluchini/@rmsphd

alexandreluchini@thdesenvolvimento.com.br/ rafael@heurys.com.br

Carlos Alexandre Luchini

Rafael Mendes Sienna

#GX24

Aplicativos Web Modernos

#GX24

Aplicativos Web Modernos

X

#GX24

Framework

API

Aplicativos Web Modernos Gx Ev2

GeneXus Ev3

#GX24

WebComponents

#GX24

Antes

#GX24

Com WebComponent

#GX24

Genexus

#GX24

Suporte

TEMPLATES

HTML IMPORTS

CUSTOM ELEMENTS

SHADOW DOM

#GX24

Page Load Time

Qual o problema ?

#GX24

Page Load Time

Não é o suficiente

#GX24

Percepção de Performance

fator(performance esperada, UX, performance atual)

#GX24

Single Page Applications

Equilíbrio entre processamento

servidor e o cliente

#GX24

Exemplos SPA em GeneXus Ev3

#GX24

Antes do SPA

#GX24

Como criar SPA

•  Iframe •  Ajax •  Hijax

#GX24

Histórico de Navegação

History API

SEO e bookmarkability

#GX24

Pronto ?

#GX24

Cache de tela

#GX24

UI Feedback

•  Transitions

#GX24

Navegação Pendente

n

#GX24

Guardar o estado

,

#GX24

Renderização hibrida

•  Server retorna HTML •  Client + Ajax

#GX24

Gerenciar recursos

#GX24

Detectar Timeout

{

#GX24

Imitar o  comportamento 

nativo do browser  é o que torna a  sua aplicação  SPA bem feita

#GX24

Suporte SPA

•  IE10, Chrome, Firefox, Safari, etc •  Browser antigo, funciona com SPA desligado

#GX24

Genexus Ev3, oque precisamos ?

•  “Web User Experience” para “Smooth“ •  % Histórico de navegação •  % Cache de tela •  % UI Feedback •  % Navegação Pendente •  % Guardar o estado •  % Renderização hibrida •  % Gerenciar os recursos •  % Detectar Timeout

#GX24

Conclusão

Antes

SPA

#GX24 #GX24

Carlos Alexandre Luchini/Rafael Sienna @caluchini/@rmsphd alexandreluchini@thdesenvolvimento.com.br / rafael@heurys.com.br