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
600
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
51
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
lostinbrittany
0
76
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
lostinbrittany
0
47
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
lostinbrittany
3
220
Introduction to Vert.x
lostinbrittany
1
2.3k
Other Decks in Technology
See All in Technology
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
Amazon FSx for NetApp ONTAPのパフォーマンスチューニング要素をまとめてみた #cm_odyssey #devio2024
non97
0
220
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
AOAI Dev Day LLMシステム開発 Tips集
hirosatogamo
15
3.7k
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
630
AOAI Dev Day - Opening Session
yoshidashingo
2
440
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
ペパボのオブザーバビリティ研修2024 説明資料
kesompochy
0
1.1k
エンジニア向け会社紹介資料
caddi_eng
14
220k
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
Classmethod Odyssey 登壇資料
yamahiro
0
390
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Code Review Best Practice
trishagee
58
16k
Being A Developer After 40
akosma
72
580k
Practical Orchestrator
shlominoach
185
10k
We Have a Design System, Now What?
morganepeng
46
7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
What the flash - Photography Introduction
edds
65
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
RailsConf 2023
tenderlove
16
720
Ruby is Unlike a Banana
tanoku
96
10k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
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