Web Components: a chance to create the future

Transcript

1. 1.

   Web Components Create the future a chance to

2. 2.

   @zenorocha

3. 3.

   I’m from Brazil

4. 4.

   Share! Create! Learn!

5. 5.

   None
6. 6.

   None
7. 7.

   None
8. 8.

   But there was no starter-kit =/

9. 9.

   None
10. 10.

    github.com/webcomponents/polymer-boilerplate

11. 11.

    <X>

12. 12.

    github.com/webcomponents/x-tag-boilerplate

13. 13.

    None
14. 14.

    github.com/webcomponents/element-boilerplate

15. 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. 16.

    None
17. 17.

    github.com/webcomponents/generator-element

18. 18.

    Share! Create! Learn! ✔

19. 19.

    So people started to create elements

20. 20.

    None
21. 21.

    None
22. 22.

    None
23. 23.

    We needed a place to show these elements

24. 24.

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

    together…
25. 25.

    customelements.io

26. 26.

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

    North America South America Southern/ Western Europe Eastern/ Northern Europe 13%
27. 27.

    How to add
 an element there?

28. 28.

    bower.json

29. 29.

    Share! Create! Learn! ✔ ✔

30. 30.

    What’s the main reference
 to learn Web Components?

31. 31.

    Addy Osmani

32. 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. 33.

    None
34. 34.

    webcomponents.github.io

35. 35.

    Highlight great
 articles & talks Gather best practices Introduce useful

    tools and resources Discuss API implementations
36. 36.

    Share! Create! Learn! ✔ ✔ ✔

37. 37.

    The best way to predict the future is to create

    it.
38. 38.

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

39. 39.

    Stickers \o/