Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Web Components: a chance to create the future
Zeno Rocha
April 30, 2014
Programming
296
40k
Web Components: a chance to create the future
April 30, 2014 @ SFHTML5
Zeno Rocha
April 30, 2014
Tweet
Share
More Decks by Zeno Rocha
See All by Zeno Rocha
zenorocha
0
300
zenorocha
1
190
zenorocha
0
100
zenorocha
3
500
zenorocha
2
430
zenorocha
1
220
zenorocha
0
220
zenorocha
1
210
zenorocha
12
1.4k
Other Decks in Programming
See All in Programming
grapecity_dev
0
180
kilometer
2
380
korosuke613
2
260
rince
3
250
coa00
2
160
maito1201
0
170
satoshun
0
110
makicamel
0
190
ntaro
0
170
nkjzm
1
200
mackee
0
630
heistak
2
130
Featured
See All Featured
carmenhchung
31
1.5k
morganepeng
18
1.2k
malarkey
119
16k
bryan
100
11k
62gerente
587
200k
schacon
145
6.6k
lara
590
61k
scottboms
251
11k
maggiecrowley
10
510
tmm1
61
9.4k
holman
461
280k
jnunemaker
PRO
40
4.6k
Transcript
Web Components Create the future a chance to
@zenorocha
I’m from Brazil
Share! Create! Learn!
None
None
None
But there was no starter-kit =/
None
github.com/webcomponents/polymer-boilerplate
<X>
github.com/webcomponents/x-tag-boilerplate
None
github.com/webcomponents/element-boilerplate
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
None
github.com/webcomponents/generator-element
Share! Create! Learn! ✔
So people started to create elements
None
None
None
We needed a place to show these elements
Bernard De Luna Djalma Araújo Eduardo Lundgren Got some friends
together…
customelements.io
CustomElements.io 13% 24% 14% + 170 elements + 100,000 pageviews
North America South America Southern/ Western Europe Eastern/ Northern Europe 13%
How to add an element there?
bower.json
Share! Create! Learn! ✔ ✔
What’s the main reference to learn Web Components?
Addy Osmani
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
None
webcomponents.github.io
Highlight great articles & talks Gather best practices Introduce useful
tools and resources Discuss API implementations
Share! Create! Learn! ✔ ✔ ✔
The best way to predict the future is to create
it.
Thank you! zenorocha.com bit.ly/wc-mailing Zeno Rocha #webcomponents @webcomponents +WebComponents
Stickers \o/