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
0
620
Mixing Web Components - Best Of Web 2016
Horacio Gonzalez
June 10, 2016
Tweet
Share
More Decks by Horacio Gonzalez
See All by Horacio Gonzalez
Progressive Web Apps - BrestJS 2016-10
lostinbrittany
1
480
Battle of Frameworks: Polymer - Meetup Paris Web Components 2016-09
lostinbrittany
0
400
Polymer in the Real Life - Devoxx Fr 2016
lostinbrittany
0
53
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
lostinbrittany
0
78
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
lostinbrittany
0
70
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
lostinbrittany
3
220
Introduction to Vert.x
lostinbrittany
1
2.4k
Other Decks in Technology
See All in Technology
20250708オープンエンドな探索と知識発見
sakana_ai
PRO
4
890
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
260
How Do I Contact HP Printer Support? [Full 2025 Guide for U.S. Businesses]
harrry1211
0
130
クラウド開発の舞台裏とSRE文化の醸成 / SRE NEXT 2025 Lunch Session
kazeburo
1
460
[SRE NEXT] ARR150億円_エンジニア140名_27チーム_17プロダクトから始めるSLO.pdf
satos
5
2.3k
CDK Toolkit Libraryにおけるテストの考え方
smt7174
1
490
スタートアップに選択肢を 〜生成AIを活用したセカンダリー事業への挑戦〜
nstock
0
290
〜『世界中の家族のこころのインフラ』を目指して”次の10年”へ〜 SREが導いたグローバルサービスの信頼性向上戦略とその舞台裏 / Towards the Next Decade: Enhancing Global Service Reliability
kohbis
3
1.1k
アクセスピークを制するオートスケール再設計: 障害を乗り越えKEDAで実現したリソース管理の最適化
myamashii
1
350
freeeのアクセシビリティの現在地 / freee's Current Position on Accessibility
ymrl
2
280
セキュアな社内Dify運用と外部連携の両立 ~AIによるAPIリスク評価~
zozotech
PRO
0
100
助けて! XからWaylandに移行しないと新しいGNOMEが使えなくなっちゃう 2025-07-12
nobutomurata
2
150
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
7
330
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
A designer walks into a library…
pauljervisheath
207
24k
KATA
mclloyd
30
14k
It's Worth the Effort
3n
185
28k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Docker and Python
trallard
45
3.5k
How to Ace a Technical Interview
jacobian
278
23k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
The Pragmatic Product Professional
lauravandoore
35
6.7k
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