Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Web Components: a chance to create the future
Search
Zeno Rocha
April 30, 2014
Programming
305
41k
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
The Next Generation of Developer-First Products
zenorocha
1
410
7 Habits of Highly Productive Developers
zenorocha
1
270
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
290
What's new in the Liferay Community
zenorocha
0
550
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
440
How Liferay fits into the real of latest technologies
zenorocha
0
380
Estoicismo e JavaScript
zenorocha
3
860
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
740
Como investir em... você!
zenorocha
1
460
Other Decks in Programming
See All in Programming
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
380
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
430
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
2 週間で Twitter Bot を作ってみた
contour_gara
0
600
Hanami and htmx
bkuhlmann
0
210
エンターテイメント業界で利用されるAWS
demuyan
0
210
Polars入門
daikikatsuragawa
1
100
PHPはいつから死んでいるかの調査
chiroruxx
1
400
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
110
コーンフレークから始める モデリング会話入門
ogurotakayuki
0
380
Elm 0.19.0 Changes
bkuhlmann
0
490
見た目から始める生産性向上
ikumatadokoro
7
860
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
28
6.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
31
46k
Designing for Performance
lara
601
67k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
274
13k
The Invisible Customer
myddelton
114
12k
KATA
mclloyd
15
12k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
Designing Experiences People Love
moore
136
23k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.9k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
357
22k
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/