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
Mixing Web Components - Best Of Web 2016
Search
Horacio Gonzalez
June 10, 2016
Technology
650
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Mixing Web Components - Best Of Web 2016
Horacio Gonzalez
June 10, 2016
More Decks by Horacio Gonzalez
See All by Horacio Gonzalez
Progressive Web Apps - BrestJS 2016-10
lostinbrittany
1
500
Battle of Frameworks: Polymer - Meetup Paris Web Components 2016-09
lostinbrittany
0
430
Polymer in the Real Life - Devoxx Fr 2016
lostinbrittany
0
80
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
lostinbrittany
0
89
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
lostinbrittany
0
94
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
lostinbrittany
3
240
Introduction to Vert.x
lostinbrittany
1
2.4k
Other Decks in Technology
See All in Technology
toB プロダクトから見たWAF
tokai235
0
260
「軸足」は 固定しなくていい - 熱量と強みで描く、しなやかなキャリアの形
kakehashi
PRO
1
300
そこにあるから地図ができる~位置を示す"モノ"を愉しむ~ - Interface 2026年6月号GPS特集オフ会 / interface_202606_GPS_offline
sakaik
1
150
打造你的 AI 工作流:Agent Skill + MCP 實戰工作坊
appleboy
0
250
デジタル・デザイン構想 by Sayaka Ishizuka
y150saya
0
140
IaC コードを資産へ:AWS CDK 社内ライブラリと横断展開 / aws-summit-japan-2026
gotok365
10
1.7k
BPaaSで進むAIオペレーションの現在地 AI実装が効く領域とスケーラビリティの選定と実装
kentarofujii
0
230
AIで政治は変わるのか? — 中高生と考えたAI時代の民主主義(東海高校サタデープログラム)
eitarosuda
0
230
WebGIS AI Agentの紹介
_shimizu
0
600
AWS Summit Japan 2026の振り返りと2027へ向けて / AWS Summit Japan 2026 Recap and Prospects for 2027
kaminashi
1
130
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
8.2k
MySQL & MySQL HeatWave Report - June 2026
freshdaz
0
240
Featured
See All Featured
Ruling the World: When Life Gets Gamed
codingconduct
0
270
Visualization
eitanlees
152
17k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.3k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
310
The Curse of the Amulet
leimatthew05
2
13k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.9k
The SEO identity crisis: Don't let AI make you average
varn
0
510
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.9k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
350
Writing Fast Ruby
sferik
630
63k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
65
56k
AI: The stuff that nobody shows you
jnunemaker
PRO
8
740
Transcript
@LostInBrittany #MixingWebComponents @bestofwebconf Mixing Web Components Horacio Gonzalez @LostInBrittany
@LostInBrittany #MixingWebComponents @bestofwebconf Horacio Gonzalez @LostInBrittany Cityzen Data http://cityzendata.com Spaniard
lost in Brittany, developer, dreamer and all- around geek
@LostInBrittany #MixingWebComponents @bestofwebconf Introduction Because I love to tell old
stories
@LostInBrittany #MixingWebComponents @bestofwebconf Polymer tour
@LostInBrittany #MixingWebComponents @bestofwebconf Web components == Revolution Image: bu.edu
@LostInBrittany #MixingWebComponents @bestofwebconf Build a world brick by brick Images:
BitRebels & Brickset
@LostInBrittany #MixingWebComponents @bestofwebconf Variations of some questions But does it
really works with <inser techno here/>? And what about the other web components technologies?
@LostInBrittany #MixingWebComponents @bestofwebconf And one year ago 1.0 arrived It
was time to really show off!
@LostInBrittany #MixingWebComponents @bestofwebconf So I decided a new approach The
truth is in the code I FIND YOUR LACK OF SOURCE CODE DISTURBING
@LostInBrittany #MixingWebComponents @bestofwebconf Mixing webcomponents My challenge today
@LostInBrittany #MixingWebComponents @bestofwebconf Objectifs Using webcomponents from different libraries in
an AngularJS webapp
@LostInBrittany #MixingWebComponents @bestofwebconf Base project: Angular Beers! https://github.com/LostInBrittany/angular-beers
@LostInBrittany #MixingWebComponents @bestofwebconf https://github.com/LostInBrittany/beyond-polymer Let's show the code! Image: dcplanet.fr
Coding is a superpower, friends
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers Because directives are subpar webcomponents
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers Polymer and X-tags play along nicely
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers Thanks to Mathieu Ancelin (@TrevorReznik)
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers And they all are happy...
@LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers
@LostInBrittany #MixingWebComponents @bestofwebconf And what about Angular 2 Or other
modern frameworks
@LostInBrittany #MixingWebComponents @bestofwebconf Modern frameworks support webcomponents Example Angular2-Polymer par
@ManekiNekko https://github.com/webcomponents/angular- interop/
@LostInBrittany #MixingWebComponents @bestofwebconf Thank you !
@LostInBrittany #MixingWebComponents @bestofwebconf Web components polyfill Making developers life a
bit easier