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
304
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
390
7 Habits of Highly Productive Developers
zenorocha
1
250
7 Hábitos de Desenvolvedores Altamente Produtivos
zenorocha
1
280
What's new in the Liferay Community
zenorocha
0
530
Launching Liferay Projects Faster with WeDeploy
zenorocha
1
430
How Liferay fits into the real of latest technologies
zenorocha
0
350
Estoicismo e JavaScript
zenorocha
3
840
Por que ninguém se importa com seu novo projeto open source?
zenorocha
2
710
Como investir em... você!
zenorocha
1
450
Other Decks in Programming
See All in Programming
CSRF対策のやり方、そろそろアップデートしませんか / Update your knowledge of CSRF protection
hiro_y
22
12k
RISC-V カスタムのためのツールチェーン拡張 ― GNU Binutils と GCC の拡張・コミュニティへの参加編 (未完成版)
a4lg
0
190
プログラミングを楽しもう! / Enjoy Programming
chobishiba
1
700
【KMC春合宿2024】実装視点で見るNeural Radiance Fields
runningoutrate
0
130
CSC308B Lecture 12
javiergs
PRO
0
110
PHP 8.3で追加されたjson_validate()を徹底的に深掘りしてみよう
mashirou1234
0
630
MySQL のインデックスの種類をおさらいしよう! / overviewing indexes in MySQL
okashoi
0
160
「プログラマーのためのCPU入門」は入り口として丁度よい!
forrep
25
22k
Deep Dive into the Symfony Security Component
hhamon
1
180
期限が近づいてきた!Privacy Manifests対応
ryunakayama
5
3.1k
Laravel OpenAPIによる"辛くない"スキーマ駆動開発
kentaroutakeda
2
1.5k
PHPerライフをChrome拡張開発でちょっと便利に / PR TIMES x DMM.com
meihei3
0
200
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
236
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Raft: Consensus for Rubyists
vanstee
130
6.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
Documentation Writing (for coders)
carmenintech
59
3.7k
Faster Mobile Websites
deanohume
296
30k
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/