Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
630
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
490
Battle of Frameworks: Polymer - Meetup Paris Web Components 2016-09
lostinbrittany
0
420
Polymer in the Real Life - Devoxx Fr 2016
lostinbrittany
0
57
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
lostinbrittany
0
82
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
lostinbrittany
0
77
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
lostinbrittany
3
230
Introduction to Vert.x
lostinbrittany
1
2.4k
Other Decks in Technology
See All in Technology
生成AI活用の型ハンズオン〜顧客課題起点で設計する7つのステップ
yushin_n
0
240
AI駆動開発における設計思想 認知負荷を下げるフロントエンドアーキテクチャ/ 20251211 Teppei Hanai
shift_evolve
PRO
2
420
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
hoshi7_n
0
150
マイクロサービスへの5年間 ぶっちゃけ何をしてどうなったか
joker1007
16
6.6k
エンジニアリングをやめたくないので問い続ける
estie
2
1.2k
AWS運用を効率化する!AWS Organizationsを軸にした一元管理の実践/nikkei-tech-talk-202512
nikkei_engineer_recruiting
0
110
WordPress は終わったのか ~今のWordPress の制作手法ってなにがあんねん?~ / Is WordPress Over? How We Build with WordPress Today
tbshiki
2
820
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
pei0804
6
1.6k
生成AIを利用するだけでなく、投資できる組織へ / Becoming an Organization That Invests in GenAI
kaminashi
0
110
AI駆動開発の実践とその未来
eltociear
1
250
30分であなたをOmniのファンにしてみせます~分析画面のクリック操作をそのままコード化できるAI-ReadyなBIツール~
sagara
0
180
2025-12-18_AI駆動開発推進プロジェクト運営について / AIDD-Promotion project management
yayoi_dd
0
110
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.3k
The browser strikes back
jonoalderson
0
53
Scaling GitHub
holman
464
140k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
70k
Context Engineering - Making Every Token Count
addyosmani
9
540
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Amusing Abliteration
ianozsvald
0
60
jQuery: Nuts, Bolts and Bling
dougneiner
65
8.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
KATA
mclloyd
PRO
33
15k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
How to train your dragon (web standard)
notwaldorf
97
6.4k
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