palestra web moderna v2
DESCRIPTION
Palestra web moderna v2TRANSCRIPT
#GX24 #GX24
DESENVOLVENDO APLICATIVOS WEB MODERNOS
Carlos Alexandre Luchini/Rafael Sienna
@caluchini/@rmsphd
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 [email protected] / [email protected]