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
80
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
Avatar for Horacio Gonzalez lostinbrittany
0
73
[[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
JAWS UG AI／ML #32 Amazon BedrockモデルのライフサイクルとEOL対応/How Amazon Bedrock Model Lifecycle Works
Avatar for quiver quiver
1
430
abema-trace-sampling-observability-cost-optimization
Avatar for tetsuya28 tetsuya28
0
390
書籍『実践 Apache Iceberg』の歩き方
Avatar for Satoru Ishikawa ishikawa_satoru
0
370
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
Avatar for piyonakajima piyonakajima
0
160
猫でもわかるAmazon Q Developer CLI 解体新書
Avatar for Hiroo Katoh kentapapa
1
190
Okta Identity Governanceで実現する最小権限の原則
Avatar for 株式会社出前館 demaecan
0
220
Raycast AI APIを使ってちょっと便利なAI拡張機能を作ってみた
Avatar for ryo kawamataryo
0
230
Retrospectiveを振り返ろう
Avatar for なかしょ nakasho
0
140
20251024_TROCCO／COMETAアップデート紹介といくつかデモもやります！_#p_UG 東京：データ活用が進む組織の作り方
Avatar for D soysoysoyb
0
140
datadog-incident-management-intro
Avatar for tetsuya28 tetsuya28
0
110
ViteとTypeScriptのProject Referencesで 大規模モノレポのUIカタログのリリースサイクルを高速化する
Avatar for did0es shuta13
3
240
Amazon Q Developer CLIをClaude Codeから使うためのベストプラクティスを考えてみた
Avatar for banquet.kuma dar_kuma_san
0
260

Featured

See All Featured
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
37
2.6k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Done Done
Avatar for chrislema chrislema
185
16k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
36
6.1k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.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