Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mixing Web Components - Best Of Web 2016

Avatar for Horacio Gonzalez Horacio Gonzalez
June 10, 2016
Technology
0
630

Mixing Web Components - Best Of Web 2016

Avatar for Horacio Gonzalez

Horacio Gonzalez

June 10, 2016
Tweet

More Decks by Horacio Gonzalez

See All by Horacio Gonzalez
Progressive Web Apps - BrestJS 2016-10
Avatar for Horacio Gonzalez lostinbrittany
1
490
Battle of Frameworks: Polymer - Meetup Paris Web Components 2016-09
Avatar for Horacio Gonzalez lostinbrittany
0
410
Polymer in the Real Life - Devoxx Fr 2016
Avatar for Horacio Gonzalez lostinbrittany
0
54
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
Avatar for Horacio Gonzalez lostinbrittany
0
79
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
Avatar for Horacio Gonzalez lostinbrittany
0
72
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
Avatar for Horacio Gonzalez lostinbrittany
3
230
Introduction to Vert.x
Avatar for Horacio Gonzalez lostinbrittany
1
2.4k

Other Decks in Technology

See All in Technology
「AI駆動PO」を考えてみる - 作る速さから価値のスループットへ：検査・適応で未来を開発 / AI-driven product owner. scrummat2025
Avatar for yosuke nagai yosuke_nagai
3
700
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
Avatar for Sagara sagara
0
220
スタートアップにおけるこれからの「データ整備」
Avatar for ShoMaekawa/ウィル shomaekawa
1
290
リーダーになったら未来を語れるようになろう/Speak the Future
Avatar for Genki Sano sanogemaru
0
330
o11yで育てる、強い内製開発組織
Avatar for _awache _awache
3
120
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
Avatar for Genki Sano sanogemaru
0
170
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
1
7.8k
オープンソースでどこまでできる？フォーマル検証チャレンジ
Avatar for msyksphinz msyksphinz
0
110
VCC 2025 Write-up
Avatar for bata_24 bata_24
0
180
「Verify with Wallet API」を アプリに導入するために
Avatar for hinakko hinakko
1
250
pprof vs runtime/trace (FlightRecorder)
Avatar for task4233 task4233
0
170
GC25 Recap+: Advancing Go Garbage Collection with Green Tea
Avatar for Takuto Nagami logica0419
1
430

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
368
20k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
132
19k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k

Transcript

  1. @LostInBrittany #MixingWebComponents @bestofwebconf Mixing Web Components Horacio Gonzalez @LostInBrittany

  2. @LostInBrittany #MixingWebComponents @bestofwebconf Horacio Gonzalez @LostInBrittany Cityzen Data http://cityzendata.com Spaniard

    lost in Brittany, developer, dreamer and all- around geek

  3. @LostInBrittany #MixingWebComponents @bestofwebconf Introduction Because I love to tell old

    stories

  4. @LostInBrittany #MixingWebComponents @bestofwebconf Polymer tour

  5. @LostInBrittany #MixingWebComponents @bestofwebconf Web components == Revolution Image: bu.edu

  6. @LostInBrittany #MixingWebComponents @bestofwebconf Build a world brick by brick Images:

    BitRebels & Brickset

  7. @LostInBrittany #MixingWebComponents @bestofwebconf Variations of some questions But does it

    really works with <inser techno here/>? And what about the other web components technologies?

  8. @LostInBrittany #MixingWebComponents @bestofwebconf And one year ago 1.0 arrived It

    was time to really show off!

  9. @LostInBrittany #MixingWebComponents @bestofwebconf So I decided a new approach The

    truth is in the code I FIND YOUR LACK OF SOURCE CODE DISTURBING

  10. @LostInBrittany #MixingWebComponents @bestofwebconf Mixing webcomponents My challenge today

  11. @LostInBrittany #MixingWebComponents @bestofwebconf Objectifs Using webcomponents from different libraries in

    an AngularJS webapp

  12. @LostInBrittany #MixingWebComponents @bestofwebconf Base project: Angular Beers! https://github.com/LostInBrittany/angular-beers

  13. @LostInBrittany #MixingWebComponents @bestofwebconf https://github.com/LostInBrittany/beyond-polymer Let's show the code! Image: dcplanet.fr

    Coding is a superpower, friends

  14. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers Because directives are subpar webcomponents

  15. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers

  16. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers Polymer and X-tags play along nicely

  17. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers

  18. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers Thanks to Mathieu Ancelin (@TrevorReznik)

  19. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers

  20. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers And they all are happy...

  21. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers

  22. @LostInBrittany #MixingWebComponents @bestofwebconf And what about Angular 2 Or other

    modern frameworks

  23. @LostInBrittany #MixingWebComponents @bestofwebconf Modern frameworks support webcomponents Example Angular2-Polymer par

    @ManekiNekko https://github.com/webcomponents/angular- interop/

  24. @LostInBrittany #MixingWebComponents @bestofwebconf Thank you !

  25. @LostInBrittany #MixingWebComponents @bestofwebconf Web components polyfill Making developers life a

    bit easier