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
309
42k
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
470
7 Habits of Highly Productive Developers
zenorocha
1
320
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
360
What's new in the Liferay Community
zenorocha
0
600
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
480
How Liferay fits into the real of latest technologies
zenorocha
0
480
Estoicismo e JavaScript
zenorocha
3
940
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
830
Como investir em... você!
zenorocha
1
500
Other Decks in Programming
See All in Programming
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
AndroidアプリのUIバリエーションをあの手この手で確認する / Check UI variations of Android apps by various means
tkmnzm
1
200
Securify_エンジニア採用資料
3shake
0
110
Boost Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
530
GraphQL あるいは React における自律的なデータ取得について
quramy
11
3k
上手に付き合うコンポーネントテスト
quramy
0
180
Swiftコードバトル必勝法
toshi0383
0
170
Jakarta EE meets AI
ivargrimstad
0
390
オートマトン学習しろ / Do automata learning
makenowjust
3
130
Prolog入門
qnighy
4
1k
Kotlin 2.0 and Beyond
antonarhipov
2
150
A New Era of Testing
mannodermaus
2
530
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
692
190k
Building Adaptive Systems
keathley
36
2.1k
Become a Pro
speakerdeck
PRO
22
4.9k
The Straight Up "How To Draw Better" Workshop
denniskardys
230
130k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
For a Future-Friendly Web
brad_frost
174
9.3k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
41
6.5k
A better future with KSS
kneath
235
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
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/