O slideshow foi denunciado.

Web Components

283 visualizações

Publicada em

Palestra, sobre Web Components para Google I/O Extended Natal

Publicada em: Internet
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Web Components

  1. 1. WebComponents
  2. 2. Jefferson Moura Jeffersonmourak.com github.com/Jeffersonmourak Instagram.com/Jeffersonmourak facebok.com/ Jeffersonmouraamador plus.google.com/+JeffersonMourak
  3. 3. Por que usar ? • Modularidade • Encapsulamento • Reusabilidade
  4. 4. Modularidade
  5. 5. Encapsulamento IÚ XANOTE PESSI !
  6. 6. Encapsulamento
  7. 7. Reusabilidade
  8. 8. Horadecomeçar
  9. 9. O que são? Ondeelesvivem? O quecomem? • Templates • Custom-Elements • Shadow DOM • Imports
  10. 10. Templates
  11. 11. Templates
  12. 12. Templates
  13. 13. Imports
  14. 14. Custom-Elements
  15. 15. HTML4( 1997) HTML5( 2008) Web Components( 2010) Polymer( 2013)
  16. 16. Voltando no tempo
  17. 17. Criando um custom element
  18. 18. Shadow DOM
  19. 19. Shadow DOM
  20. 20. Shadow DOM
  21. 21. github.com/eduardolundgren/video-camera-element
  22. 22. Num mundo perfeito
  23. 23. Como ele funciona ?
  24. 24. Everything Isan element
  25. 25. Como ele funciona ?
  26. 26. Explicando melhor os elementos Elementos de estrutura <core-ajax> <core-xhr> <core-localstorage> <core-animation> <core-animation-keyframes> <core animation-prop> <core-scarffold> <code-toolbar> Elementos de dados Elementos de animação
  27. 27. Material Design
  28. 28. Criando um elemento
  29. 29. Agora um com conteúdo
  30. 30. Diretório de Elementos
  31. 31. Obrigado

×