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

328 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
328
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!

×