Benedito Batista apresentou sobre Polymer 1.0 e Web Components. Ele explicou que Polymer 1.0 é uma biblioteca que facilita a criação de componentes reutilizáveis para a web moderna e que Web Components é um conjunto de especificações da W3C que permitem a criação de componentes reutilizáveis. Ele também descreveu as vantagens de usar Polymer 1.0 como melhor desempenho, menor código e novo sistema de data binding.

1. Globalcode – Open4education
Trilha Web – Polymer 1.0
Benedito Batista
Co-Organizer GDG-SP
7COMm Developer

2. Globalcode – Open4education
Muito Prazer!!!
Benedito Batista
Graduado em Analise de Sistemas
Pós-Graduado em Desenvolvimento Web
Analista Desenvolvedor Sr. na 7COMm
Co-Organizador do GDG-SP
Nerd
Curioso
etc..

3. Globalcode – Open4education
+ de 30 Anos
+ 300 Devs
+ 3 milhoes de horas
+ 800 projetos

4. Globalcode – Open4education

5. Globalcode – Open4education
http://goo.gl/forms/ZuzDsYfriE

6. Globalcode – Open4education
+ 2600 membros
Android Meetup - Toda 1ª 3ª feira
Html5 Study Group - Toda 2ª Feira
GDG Drops - Code Labs - Design Sprint
Dev Fest - 800 Devs/dia

7. Globalcode – Open4education
http://www.meetup.com/pt/GDG-SP/

8. Globalcode – Open4education
@beneditobatista
github.com/beneditobatista
beneditobatista@gmail.com
http://beneditobatista.com.br

9. Globalcode – Open4education
Agenda
• O que é Polymer?
• Web Components
• Polymer 1.0

10. Globalcode – Open4education

11. Globalcode – Open4education

12. Globalcode – Open4education
É uma biblioteca projetada para tornar mais
fácil e mais rápido para, os desenvolvedores, a
criação de componentes reutilizáveis ​​para a
web moderna.
https://www.polymer-project.org/1.0/docs/start/what-is-polymer.html
COMPONENTES

13. Globalcode – Open4education
COMPONENTES ??????

14. Globalcode – Open4education

15. Globalcode – Open4education
É um conjunto de especificações da
W3C que permitem a criação de
componentes reutilizáveis na web.

16. Globalcode – Open4education

17. Globalcode – Open4education

18. Globalcode – Open4education

19. Globalcode – Open4education

20. Globalcode – Open4education
WebComponents também é conhecido como
um padrão “Guarda-Chuva” porque é formado por
4 outras especificações.

21. Globalcode – Open4education
http://pt.slideshare.net/DimitriGielis/a-primer-on-web-components-in-apex

22. Globalcode – Open4education
Html Templates
<template id=””>
</template>

23. Globalcode – Open4education
Custom Elements
<my-element>
</my-element>

24. Globalcode – Open4education
Shadow DOM

25. Globalcode – Open4education
Html Imports
<link rel=”import” ref=”element.html”>

26. Globalcode – Open4education

27. Globalcode – Open4education

28. Globalcode – Open4education

29. Globalcode – Open4education

30. Globalcode – Open4education
Melhoria na performance
3 X 4 X

31. Globalcode – Open4education
Redução de 40% do seu codigo

32. Globalcode – Open4education
https://elements.polymer-project.org/

33. Globalcode – Open4education
https://developers.google.com/web/tools/polymer-starter-kit

34. Globalcode – Open4education
Novo sistema de data binding, mais rápido e
muito mais simples.
Novo sistema de Tematização e Estilização,
Novo fallback de shadow DOM chamado shady
DOM, mais leve e rápido para browsers que
ainda não suportam a tecnologia.

35. Globalcode – Open4education
Para aprender mais
https://www.polymer-project.org/1.0/
http://www.w3.org/TR/components-intro/
https://customelements.io/

36. Globalcode – Open4education
WEBCOMP25

37. Globalcode – Open4education
Perguntas????

38. Globalcode – Open4education
@beneditobatista
github.com/beneditobatista
beneditobatista@gmail.com
http://beneditobatista.com.br
OBRIGADO!!!!!