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
Próximos SlideShares
Carregando em…5
×

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

307 visualizações

Publicada em

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.

Publicada em: Tecnologia
0 comentários
1 gostou
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
307
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
2
Comentários
0
Gostaram
1
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

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

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

×