O documento discute a evolução das aplicações web modernas. Começa com sites estáticos e como eles evoluíram para sites dinâmicos com JavaScript e AJAX, permitindo UIs mais ricas. Apresenta as vantagens e desvantagens de cada abordagem. Discute a tendência atual de aplicações do lado do cliente, onde a lógica da aplicação roda no navegador. Termina perguntando sobre arquiteturas cliente-servidor modernas.

1. Modern
Web Apps
Rafael Ferreira dos Santos
rsantos@braziliandevs.com

2. Agenda
• O começo
• Para onde estamos indo
• Como chegaremos la
• Perguntas

3. O comeco

4. Sites puramente estáticos
Pros
• Baixo processamento
no servidor
• Simples para fazer
cache
• Simples para indexar
Contras
• Difícil (fácil?) para
atualizar
• Personalização baixa ou
nula
• UI/UX ruim

5. Javascript

6. Javascript Sites dinâmicos
Pros
• Usabilidade melhorada (?)
• Menos viagens ao servidor
• Validação básica
Contras
• Logica de negocio
implementada duas vezes no
cliente e no servidor

7. AJAX – Web 2.0
Pros
• UI/UX incríveis
• Apps muito mais responsivas
Contras
• Dificuldade de cache
• Impossível de indexar
• Javascript obrigatório
• Google maps
• Gmail – (com javascript)

8. Aplicações client side
Pros
• Numero de requisições ao
servidor menor
• Aplicação fácil de armazenar em
cache
• UI/UX extremamente ricas
Contras
• Conteúdo não indexável
• Javascript obrigatório
• Requer navegador moderno
(com últimos recursos)
• Regras de negocio no cliente
• Recursos e estado geral da aplicação armazenados no
servidor
• Estados da aplicação e sessões armazenados no cliente

9. Agenda
• O começo
• Para onde estamos indo
• Como chegaremos la
• Perguntas

10. Arquitetura cliente/server

11. Arquitetura moderna

12. Perguntas?
Rafael Ferreira dos Santos
rsantos@braziliandevs.com