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
303
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
The Next Generation of Developer-First Products
zenorocha
0
150
7 Habits of Highly Productive Developers
zenorocha
0
73
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
59
What's new in the Liferay Community
zenorocha
0
400
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
280
How Liferay fits into the real of latest technologies
zenorocha
0
190
Estoicismo e JavaScript
zenorocha
3
620
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
540
Como investir em... você!
zenorocha
1
300
Other Decks in Programming
See All in Programming
話題の AlloyDB は本当に凄いデータベースなのでプレビューを使い倒した #devio2022
maroon1st
0
13k
There's an API for that!
mariatta
PRO
0
110
プロダクトの成長とSREと
takuyatezuka
0
120
ストア評価「2.4」だったCOCOARアプリを1年で「4.4」になんとかした方法@Cloud CIRCUS Meetup #2
1901drama
0
180
Scaling Productivity- How we have improved our dev experience
sockeqwe
1
120
実践 SpiceDB - クライドネイティブ時代をサバイブできるパーミッション管理の実装を目指して / Practical SpiceDB
lmt_swallow
0
120
Efficient UI testing in Android
alexzhukovich
1
120
ゴーファーくんと辿るプログラミング言語の歴史/history-of-programming-languages-with-gopher
iwasiman
11
4.9k
Rに管理されてみる
kazutan
0
250
クックパッドマートの失敗したデータ設計 Before / After 大放出
mokuzon
20
25k
Edge Side Frontend という新領域
mizchi
22
10k
Atomic Design とテストの○○な話
takfjp
2
800
Featured
See All Featured
A Tale of Four Properties
chriscoyier
149
21k
Automating Front-end Workflow
addyosmani
1351
200k
Designing the Hi-DPI Web
ddemaree
272
32k
Side Projects
sachag
450
37k
WebSockets: Embracing the real-time Web
robhawkes
57
5.5k
How STYLIGHT went responsive
nonsquared
85
4k
The Pragmatic Product Professional
lauravandoore
19
3.1k
Clear Off the Table
cherdarchuk
79
290k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
316
19k
Ruby is Unlike a Banana
tanoku
91
9.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/