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

Mixing Web Components - Best Of Web 2016

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Horacio Gonzalez Horacio Gonzalez
June 10, 2016
Technology
0
640

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
500
Battle of Frameworks: Polymer - Meetup Paris Web Components 2016-09
Avatar for Horacio Gonzalez lostinbrittany
0
430
Polymer in the Real Life - Devoxx Fr 2016
Avatar for Horacio Gonzalez lostinbrittany
0
69
Warp 10: Collect, store and manipulate sensor data - BreizhCamp 2016
Avatar for Horacio Gonzalez lostinbrittany
0
86
Lego, Tagada, Data et Arduino : projet gourmand au StartupWeekEnd Brest - BreizhCamp 2016
Avatar for Horacio Gonzalez lostinbrittany
0
87
[[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
自動テストが巻き起こした開発プロセス・チームの変化 / Impact of Automated Testing on Development Cycles and Team Dynamics
Avatar for コドモン開発チーム codmoninc
3
1.3k
わたしがセキュアにAWSを使えるわけないじゃん、ムリムリ！(※ムリじゃなかった!?)
Avatar for cm-usuda-keisuke cmusudakeisuke
1
480
GitLab Duo Agent Platform + Local LLMサービングで幸せになりたい
Avatar for jyoshise jyoshise
0
250
DX Improvement at Scale
Avatar for ntk1000 ntk1000
3
450
情シスのための生成AI実践ガイド2026 / Generative AI Practical Guide for Business Technology 2026
Avatar for Akira Maeda glidenote
0
180
OCI技術資料 : コンピュート・サービス 概要
Avatar for Oracle Cloud Infrastructure ソリューション・エンジニア ocise
4
54k
EMからICへ、二周目人材としてAI全振りのプロダクト開発で見つけた武器
Avatar for Yuji Yamaguchi yug1224
5
510
AIエージェント時代に備える AWS Organizations とアカウント設計
Avatar for Hajime KOSHIRO kossykinto
3
640
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
1.7k
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
2.9k
開発組織の課題解決を加速するための権限委譲 -する側、される側としての向き合い方-
Avatar for daitasu daitasu
5
480
SaaSからAIへの過渡期の中で現在、組織内で起こっている変化 / SaaS to AI Paradigm Shift
Avatar for AEON aeonpeople
0
120

Featured

See All Featured
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
470
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
610
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.4k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
200
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
17k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
99
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
180
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k

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