O documento resume a trajetória do autor nos últimos 20 anos de desenvolvimento web, desde o uso de full-stack JavaScript em 2012 até se tornar um Community Partner do Vue.js em 2015. Ele também descreve sua experiência acadêmica e como as tecnologias web evoluíram de CGI para Ajax e, finalmente, para SSR e SPA.

2. 20 anos em desenvolvimento Web
Adepto de full-stack JavaScript desde 2012
Adepto do Vue desde 2015 (v. 0.12.11)
Community Partner pelo br.vuejs.org
Tecnólogo em Processamento de Dados
MBA em Gestão de Tecnologia da Informação
Mestre em Engenharia de Produção

3. Então, por que
“Teria sido melhor ir
ver o filme do Pelé”?
(Chaves, 1979)

5. Não podemos
chamar de novidade

6. O que é

7. completo,
gerado pelo
desde a primeira requisição

8. arquivos estáticos
request

9. Common Gateway Interface no servidor
request
back-end + DB

10. CGI,
desde 1997!

11. tudo se repete a cada requisição
request
(post-back)
back-end + DB

12. Experiência
entediante!
Precisava
melhorar...

13. empoderando JavaScript para os post-backs
request
(Ajax)
back-end + DB

14. JS é fera,
vamos usar
para fazer
tudo!

15. com HTML mínimo, renderizando no cliente
request

16. request
(Ajax)
back-end + DB
com HTML mínimo, renderizando no cliente

17. Para que

18. e
Crawlers verão diretamente a página,
completamente renderizada

19. de
Servidor entrega um HTML completo,
reduzindo waterfall requests

20. Um servidor pode reduzir ataques XSS
através de CSP headers e http only cookies

21. Usuários veem o conteúdo rapidamente,
antes de pensar em interagir

22. - -
Navegadores podem renderizar o HTML
sem ter de esperar todos os scripts

24. Quero SSR,
mas adoro os
recursos do
meu SPA...
Como
escolher?

25. unificando as abordagens SSR e SPA
request
back-end + DB
cliente
estático

26. cliente
dinâmico
unificando as abordagens SSR e SPA
preload &
prefetch

27. request
(Ajax)
back-end + DB
cliente
dinâmico
unificando as abordagens SSR e SPA

28. Agora sim!
Como faço isso
no Vue?

29. github.com/ErickPetru/vue-summit-ssr

31. Arquitetura com Webpack

33. o que esperar?
Muitos bugs resolvidos
Migração para Webpack 4
Suporte total a ES Modules
Separação entre runtime e bundler
CLI com nova experiência
Muito mais rápido!
Ainda este mês!

35. Erick Petrucelli
ErickPetru
erick-petrucelli
@erickpetru