O documento apresenta o que são Web Components e como eles podem ser usados para construir aplicações single-page (SPA) de forma organizada através de frameworks. Discute também sobre Progressive Web Apps (PWA) e como o Polymer pode ser usado para desenvolvê-las.

1. POLYMER
STARTER KIT

2. Evaldo Barbosa
Analista de Sistemas
Programador
Scrum Master
Palestrante
PHP Maranhão
GDG São Luís
Agile MA
Startup MA

3. “Os projetos client-side mais populares
estãofadados a morrer.”
Zeno Rocha
/watch?v=7Q0-E_rZ_Cc

5. O QUE SÃO WEBCOMPONENTS?

6. Ele é o conjunto de 4 tecnologias de
navegadores web:
Custom Elements
HTML Imports
Templates
Shadow DOM
Leia mais em: http://bit.ly/2lXS0Pi

7. Onde encontrar webcomponents
webcomponents.org
customelements.io
polymer-project.org

8. Frameworks Client­side

10. Multi­page Applications (MPA)
X
Single­page Applications (SPA)

11. MPAs têm um problema:
REPLICAR O LAYOUT

12. SPAs têm um problema:
ORGANIZAR O CÓDIGO
NA PÁGINA ÚNICA

13. Controle manual da view na SPA:
VOCÊ USA?

15. SPAs dependem de várias views:
ENTREGUE ISSO A UM FRAMEWORK

16. QUE TAL UMA WEB APP INSTALÁVEL?

17. Progressive Web Apps (PWA)
São confiáveis, rápidas e engajam melhor.

18. Confiáveis - Não vão te mostrar um dinossaurinho
mesmo em condições ruins de rede;
Rápidas: Respondem rápido às interações do usuário
com animações fluídas;
Engajam – Por serem instaláveis, diminuem a rejeição.

19. polymer­project.org
Desenvolvido pelo Google

21. É de graça!

23. Vamos começar?

25. Quer ver?

33. Acesse agora em
https://psk-gdg.firebaseapp.com

35. Obrigado!

37. Evaldo Barbosa
Telegram: @EvaldoBarbosa
E-mail: evaldobarbosa@gmail.com
Linkedin: br.linkedin.com/in/evaldobarbosa