Web Components: a chance to create the future

April 30, 2014 @ SFHTML5

Transcript

1. Web Components Create the future a chance to
2. @zenorocha
3. I’m from Brazil
4. Share! Create! Learn!
8. But there was no starter-kit =/
10. github.com/webcomponents/polymer-boilerplate
11. <X>
12. github.com/webcomponents/x-tag-boilerplate
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
17. github.com/webcomponents/generator-element
18. Share! Create! Learn! ✔
19. So people started to create elements
21. 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/