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
304
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
1
240
7 Habits of Highly Productive Developers
zenorocha
1
120
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
130
What's new in the Liferay Community
zenorocha
0
430
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
320
How Liferay fits into the real of latest technologies
zenorocha
0
220
Estoicismo e JavaScript
zenorocha
3
670
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
580
Como investir em... você!
zenorocha
1
340
Other Decks in Programming
See All in Programming
Hasura の Relationship と権限管理
karszawa
0
180
42tokyo-born2beroot-review
love42
0
120
Hono v3 - Do Everything, Run Anywhere, But Small, And Faster
yusukebe
4
140
花き業界のサプライチェーンを繋げるプロダクト開発の進め方
userlike1
0
180
Unity+C#で学ぶ! メモリレイアウトとvtableのすゝめ 〜動的ポリモーフィズムを実現する仕組み〜
rossam
1
320
コンピュータビジョンセミナー2 / computer_vision_seminar_libSGM
fixstars
0
320
データドリブンな組織の不正検知
fkubota
0
300
Hatena Engineer Seminar #23「新卒研修で気軽に『ありがとう』を伝え合える Slack アプリを開発した話」
slashnephy
0
380
WordPress(再)入門 - 基礎知識・環境編
oleindesign
1
140
Enumを自動で網羅的にテストしてみた
estie
0
1.3k
Workshop on Jetpack compose
aldefy
0
140
Prácticas de Seguridad en Kubernetes
pablokbs
0
130
Featured
See All Featured
Designing with Data
zakiwarfel
91
4.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
Rebuilding a faster, lazier Slack
samanthasiow
69
7.6k
Building a Modern Day E-commerce SEO Strategy
aleyda
6
4.5k
YesSQL, Process and Tooling at Scale
rocio
159
12k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
32
6.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
Visualization
eitanlees
128
12k
Testing 201, or: Great Expectations
jmmastey
25
5.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
43k
Thoughts on Productivity
jonyablonski
49
2.7k
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/