Polymer Elements
@obetomuniz
Beto Muniz
@obetomuniz
meliuz.com.br
minasdev.org
braziljs.org
webcomponets.org
Mas primeiro...
@obetomuniz
@obetomuniz
Ok! E o que é o Polymer?
@obetomuniz
E o que é o Polymer?
@obetomuniz
@obetomuniz
E o que é o Polymer?
@obetomuniz
E o que é o Polymer?
E o que o Polymer não é?
@obetomuniz
Um polyfill
@obetomuniz
@obetomuniz
O Material Design
@obetomuniz
O que é o Polymer Elements?
@obetomuniz
@obetomuniz
@obetomuniz
@obetomuniz
Core Elements
&
Paper Elements
@obetomuniz
Core Elements
Estrutura
<core-scaffold>
<core-toolbar>
<core-header-panel>
•••
Animação
<core-animation>
<core-animation-k...
<core-scaffold>
@obetomuniz
@obetomuniz
<core-ajax>
<core-drag-drop>
@obetomuniz
Paper Elements
<paper-slider>
<paper-tabs>
<paper-button>
<paper-dialog>
<paper-progress>
<paper-input>
<paper-dropdown>
•...
<paper-slider>
@obetomuniz
@obetomuniz
<paper-input>
@obetomuniz
<paper-dropdown>
Beleza…Mas porque o Polymer?
@obetomuniz
@obetomuniz
Shadow DOM
Custom Element
Template
HTML Import
Element API por Default
@obetomuniz
Acessibilidade
@obetomuniz
Declarativo
@obetomuniz
Extensível
@obetomuniz
Frameworkless
@obetomuniz
Testável
@obetomuniz
Vamos componentizar!
@obetomuniz
DÚVIDAS?
bit.ly/polymer-elements
Muito Obrigado!
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
Polymer Elements: Tudo que você precisa saber para criar a web
of 48

Polymer Elements: Tudo que você precisa saber para criar a web

Abordagem da camada de elementos oferecida pelo Polymer. Iremos conceitualizar, ver exemplos de elementos criados com Polymer, ver os tipos de elementos oferecidos pela biblioteca e muito mais. Sem dúvidas, após esta palestra, você ficará se coçando para criar elementos com todo o poder que o Polymer tem a oferecer.
Published on: Mar 4, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Polymer Elements: Tudo que você precisa saber para criar a web

  • 1. Polymer Elements @obetomuniz
  • 2. Beto Muniz @obetomuniz
  • 3. meliuz.com.br
  • 4. minasdev.org
  • 5. braziljs.org
  • 6. webcomponets.org
  • 7. Mas primeiro... @obetomuniz
  • 8. @obetomuniz
  • 9. Ok! E o que é o Polymer? @obetomuniz
  • 10. E o que é o Polymer? @obetomuniz
  • 11. @obetomuniz E o que é o Polymer?
  • 12. @obetomuniz E o que é o Polymer?
  • 13. E o que o Polymer não é? @obetomuniz
  • 14. Um polyfill @obetomuniz
  • 15. @obetomuniz
  • 16. O Material Design @obetomuniz
  • 17. O que é o Polymer Elements? @obetomuniz
  • 18. @obetomuniz
  • 19. @obetomuniz
  • 20. @obetomuniz
  • 21. Core Elements & Paper Elements @obetomuniz
  • 22. Core Elements Estrutura <core-scaffold> <core-toolbar> <core-header-panel> ••• Animação <core-animation> <core-animation-keyframe> <core-animation-prop> Data <core-ajax> <core-xhr> <core-localstorage> Outros <core-a11y-keys> <core-splitter> <core-drag-drop>
  • 23. <core-scaffold> @obetomuniz
  • 24. @obetomuniz <core-ajax>
  • 25. <core-drag-drop> @obetomuniz
  • 26. Paper Elements <paper-slider> <paper-tabs> <paper-button> <paper-dialog> <paper-progress> <paper-input> <paper-dropdown> •••
  • 27. <paper-slider> @obetomuniz
  • 28. @obetomuniz <paper-input>
  • 29. @obetomuniz <paper-dropdown>
  • 30. Beleza…Mas porque o Polymer? @obetomuniz
  • 31. @obetomuniz Shadow DOM Custom Element Template HTML Import
  • 32. Element API por Default @obetomuniz
  • 33. Acessibilidade @obetomuniz
  • 34. Declarativo @obetomuniz
  • 35. Extensível @obetomuniz
  • 36. Frameworkless @obetomuniz
  • 37. Testável @obetomuniz
  • 38. Vamos componentizar! @obetomuniz
  • 39. DÚVIDAS?
  • 40. bit.ly/polymer-elements
  • 41. Muito Obrigado!

Related Documents