Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web Components: a chance to create the future

Web Components: a chance to create the future

April 30, 2014 @ SFHTML5

Zeno Rocha

April 30, 2014

More Decks by Zeno Rocha

Other Decks in Programming


  1. Web Components Create the future a chance to

  2. @zenorocha

  3. I’m from Brazil

  4. Share! Create! Learn!

  5. None
  6. None
  7. None
  8. But there was no starter-kit =/

  9. None
  10. github.com/webcomponents/polymer-boilerplate

  11. <X>

  12. github.com/webcomponents/x-tag-boilerplate

  13. None
  14. github.com/webcomponents/element-boilerplate

  15. What’s included? We encourage a series of best practices like

    setting up a live demo, documenting your API, maintaining a changelog
 for release purposes, and sharing it in a package manager. Lifecycle Grunt tasks Bower config
  16. None
  17. github.com/webcomponents/generator-element

  18. Share! Create! Learn! ✔

  19. So people started to create elements

  20. None
  21. None
  22. None
  23. We needed a place to show these elements

  24. Bernard De Luna Djalma Araújo Eduardo Lundgren Got some friends

  25. customelements.io

  26. CustomElements.io 13% 24% 14% + 170 elements + 100,000 pageviews

    North America South America Southern/ Western Europe Eastern/ Northern Europe 13%
  27. How to add
 an element there?

  28. bower.json

  29. Share! Create! Learn! ✔ ✔

  30. What’s the main reference
 to learn Web Components?

  31. Addy Osmani

  32. And a bunch of awesome people… Alex Komoroske Briza Bueno

    Daniel Buchner Eric Bidelman Bernard De Luna Soledad Penadés Rob Dodson Eduardo Lundgren Sindre Sorhus Pascal Precht Bruce Lawson Mathias Bynens
  33. None
  34. webcomponents.github.io

  35. Highlight great
 articles & talks Gather best practices Introduce useful

    tools and resources Discuss API implementations
  36. Share! Create! Learn! ✔ ✔ ✔

  37. The best way to predict the future is to create

  38. Thank you! zenorocha.com bit.ly/wc-mailing Zeno Rocha #webcomponents @webcomponents +WebComponents

  39. Stickers \o/