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

Mixing Web Components - Best Of Web 2016

Horacio Gonzalez
June 10, 2016
Technology
0
530

Mixing Web Components - Best Of Web 2016

Horacio Gonzalez

June 10, 2016
Tweet

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
390
Polymer in the Real Life - Devoxx Fr 2016
lostinbrittany
0
41
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
lostinbrittany
0
68
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
lostinbrittany
0
31
[[DevFest Nantes 2014] Introduction aux Web Components & Polymer
lostinbrittany
3
190
Introduction to Vert.x
lostinbrittany
1
2.1k

Other Decks in Technology

See All in Technology
Pentesting Password Reset Functionality
anugrahsr
0
190
IoT から見る AWS re:invent 2022 ― AWSのIoTの歴史を添えて/Point of view the AWS re:invent 2022 with IoT - with a history of IoT in AWS
ma2shita
0
190
LINE iOSエンジニアの日々 / LINE iOS Engineer Days
line_developers
PRO
1
130
2023年は何する宣言
shigeruoda
0
240
ERC3525 Semi-Fungible token
sbtechnight
0
330
FlexScan HD2452Wの 後継を探して
tring
0
290
プログラミング支援AI GitHub Copilot すごいの話
moyashi
0
280
20230121_BuriKaigi
oyakata2438
0
140
WebLogic Server for OCI 概要
oracle4engineer
PRO
3
840
AI Services 概要 / AI Services overview
oracle4engineer
PRO
0
160
立ち止まっても、寄り道しても / even if I stop, even if I take a detour
katoaz
0
120
400種類のWeb APIをサポートしているデータパイプラインツールにおけるWeb APIとの共存戦略
cdataj
0
130

Featured

See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
44
14k
Large-scale JavaScript Application Architecture
addyosmani
499
110k
Why Our Code Smells
bkeepers
PRO
326
55k
Code Reviewing Like a Champion
maltzj
508
38k
Embracing the Ebb and Flow
colly
75
3.6k
Designing for Performance
lara
600
65k
Why You Should Never Use an ORM
jnunemaker
PRO
49
7.9k
Side Projects
sachag
451
37k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
38
3.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
128
8.8k

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