DESENVOLVENDO 
APLICATIVOS WEB 
MODERNOS 
#GX24 
#GX24 
Carlos Alexandre Luchini/Rafael Sienna 
alexandreluchini@thdesenvo...
Carlos Alexandre Luchini
Rafael Mendes Sienna
#GX24 
Aplicativos Web Modernos
#GX24 
Aplicativos Web Modernos 
X
Aplicativos Web Modernos Gx Ev2 
#GX24 
Framework 
API 
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
Exemplos SPA em GeneXus Ev3 
#GX24
#GX24 
Antes do SPA
#GX24 
Como criar SPA 
• Iframe 
• Ajax 
• Hijax
#GX24 
Histórico de Navegação 
SEO e bookmarkability 
History API
#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
Genexus Ev3, oque precisamos ? 
#GX24 
• “Web User Experience” para “Smooth“ 
• % Histórico de navegação 
• % Cache de tel...
#GX24 
Conclusão 
Antes 
SPA
Carlos Alexandre Luchini/Rafael Sienna 
@caluchini/@rmsphd 
alexandreluchini@thdesenvolvimento.com.br / 
rafael@heurys.com...
Próximos SlideShares
Carregando em…5
×

Palestra web moderna v2

436 visualizações

Publicada em

Palestra web moderna v2

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
436
No SlideShare
0
A partir de incorporações
0
Número de incorporações
109
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Palestra web moderna v2

  1. 1. DESENVOLVENDO APLICATIVOS WEB MODERNOS #GX24 #GX24 Carlos Alexandre Luchini/Rafael Sienna alexandreluchini@thdesenvolvimento.com.br/ rafael@heurys.com.br @caluchini/@rmsphd
  2. 2. Carlos Alexandre Luchini
  3. 3. Rafael Mendes Sienna
  4. 4. #GX24 Aplicativos Web Modernos
  5. 5. #GX24 Aplicativos Web Modernos X
  6. 6. Aplicativos Web Modernos Gx Ev2 #GX24 Framework API GeneXus Ev3
  7. 7. #GX24 WebComponents
  8. 8. #GX24 Antes
  9. 9. #GX24 Com WebComponent
  10. 10. #GX24 Genexus
  11. 11. #GX24 Suporte TEMPLATES HTML IMPORTS CUSTOM ELEMENTS SHADOW DOM
  12. 12. #GX24 Page Load Time Qual o problema ?
  13. 13. #GX24 Page Load Time Não é o suficiente
  14. 14. #GX24 Percepção de Performance fator(performance esperada, UX, performance atual)
  15. 15. #GX24 Single Page Applications Equilíbrio entre processamento servidor e o cliente
  16. 16. Exemplos SPA em GeneXus Ev3 #GX24
  17. 17. #GX24 Antes do SPA
  18. 18. #GX24 Como criar SPA • Iframe • Ajax • Hijax
  19. 19. #GX24 Histórico de Navegação SEO e bookmarkability History API
  20. 20. #GX24 Pronto ?
  21. 21. #GX24 Cache de tela
  22. 22. #GX24 UI Feedback • Transitions
  23. 23. #GX24 Navegação Pendente n
  24. 24. #GX24 Guardar o estado ,
  25. 25. #GX24 Renderização hibrida • Server retorna HTML • Client + Ajax
  26. 26. #GX24 Gerenciar recursos
  27. 27. #GX24 Detectar Timeout {
  28. 28. #GX24 Imitar o comportamento nativo do browser é o que torna a sua aplicação SPA bem feita
  29. 29. #GX24 Suporte SPA • IE10, Chrome, Firefox, Safari, etc • Browser antigo, funciona com SPA desligado
  30. 30. Genexus Ev3, oque precisamos ? #GX24 • “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
  31. 31. #GX24 Conclusão Antes SPA
  32. 32. Carlos Alexandre Luchini/Rafael Sienna @caluchini/@rmsphd alexandreluchini@thdesenvolvimento.com.br / rafael@heurys.com.br #GX24 #GX24

×