Slide 1

Slide 1 text

Web Components Create the future a chance to

Slide 2

Slide 2 text

@zenorocha

Slide 3

Slide 3 text

I’m from Brazil

Slide 4

Slide 4 text

Share! Create! Learn!

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

But there was no starter-kit =/

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

github.com/webcomponents/polymer-boilerplate

Slide 11

Slide 11 text

Slide 12

Slide 12 text

github.com/webcomponents/x-tag-boilerplate

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

github.com/webcomponents/element-boilerplate

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

github.com/webcomponents/generator-element

Slide 18

Slide 18 text

Share! Create! Learn! ✔

Slide 19

Slide 19 text

So people started to create elements

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

We needed a place to show these elements

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

customelements.io

Slide 26

Slide 26 text

CustomElements.io 13% 24% 14% + 170 elements + 100,000 pageviews North America South America Southern/ Western Europe Eastern/ Northern Europe 13%

Slide 27

Slide 27 text

How to add
 an element there?

Slide 28

Slide 28 text

bower.json

Slide 29

Slide 29 text

Share! Create! Learn! ✔ ✔

Slide 30

Slide 30 text

What’s the main reference
 to learn Web Components?

Slide 31

Slide 31 text

Addy Osmani

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

webcomponents.github.io

Slide 35

Slide 35 text

Highlight great
 articles & talks Gather best practices Introduce useful tools and resources Discuss API implementations

Slide 36

Slide 36 text

Share! Create! Learn! ✔ ✔ ✔

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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

Slide 39

Slide 39 text

Stickers \o/