O documento aborda a arquitetura do desenvolvimento web e mobile, destacando tanto a arquitetura tradicional quanto a arquitetura Single Page Application (SPA). Apresenta os benefícios de front-ends como Progressive Web Apps, que oferecem desenvolvimento mais rápido e compatibilidade entre plataformas. Também menciona o uso de microserviços no back-end e fornece exemplos práticos e links adicionais relacionados ao tema.

1. Desenvolvimento Web
e Mobile
Adriano Patrick Cunha

2. Vamos pensar na arquitetura
da web
Desenvolvimento Web e Mobile

3. Arquitetura Tradicional
Desenvolvimento Web e Mobile

4. Arquitetura Single Page Application (SPA)
Desenvolvimento Web e Mobile

5. Arquitetura Single Page Application (SPA)
Desenvolvimento Web e Mobile
Front-End
Back-End

6. Front-End
Desenvolvimento Web e Mobile

7. Front-End - Pilha de Tecnologia
Desenvolvimento Web e Mobile

8. Front-End - Híbrido
Mesmo código para diferentes plataformas.
Maior liberdade de design, menor imposição
dos padrões.
Menor custo e complexidade
Uso de recursos nativos
Desenvolvimento mais rápido
Atender necessidade do usuário

9. Front-End - Progressive Web App
Crise das apps nativas
Progressivamente mais app à medida em que você engaja e interage com ele
Esses aplicativos não são entregues através da App Store, eles são apenas
websites que tomaram a dose certa de vitaminas
o usuário não precisa se comprometer a baixar um aplicativo antes mesmo de
saber se valerá a pena ou não.

10. Front-End - Progressive Web App
Mesmo código para diferentes plataformas.
Maior liberdade de design, menor imposição
dos padrões.
Menor custo e complexidade
Uso de recursos nativos
Desenvolvimento mais rápido
Atender necessidade do usuário
Independente de Conexão - Service Workers
Sempre atualizado
Seguro, com TLS pra prevenir intrusos
SEO-friendly
Re-engajavel
Instalável
Linkável

11. Front-End - Progressive Web App
Exemplos >
https://www.flipkart.com/
https://sergiolopes.github.io/shopping/
https://developer.chrome.com/devsummit
Mais Informações >
https://developers.google.com/web/progressive-web-apps/

12. Back-End com MicroService
Desenvolvimento Web e Mobile

13. Back-End com MicroService
Desenvolvimento Web e Mobile

14. Back-End - Pilha de Tecnologias
Desenvolvimento Web e Mobile

15. Desenvolvimento Web e Mobile
Adriano Patrick Cunha
- github.com/adrianopatrick
- adrianopatrick@gmail.com
Contatos