Pro Yearly is on sale from $80 to $50! »

Web Components: a chance to create the future

Web Components: a chance to create the future

April 30, 2014 @ SFHTML5

E190023b66e2b8aa73a842b106920c93?s=128

Zeno Rocha

April 30, 2014
Tweet

Transcript

  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

    together…
  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

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

  39. Stickers \o/