polymer and firebase: componentizing the web in realtime
TRANSCRIPT
![Page 1: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/1.jpg)
Componentizing the Web in Realtime!
Polymer & Firebase
Juarez Filho @juarezpafFront-end Engineer at madewithlove
![Page 2: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/2.jpg)
Juarez FilhoI’m from Brazil & I live in this beautiful cityJuarez FilhoI’m from Brazil & I live in this beautiful city
![Page 3: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/3.jpg)
+JuarezPAFilhoGDG Maceio Organizer
![Page 4: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/4.jpg)
![Page 5: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/5.jpg)
Juarez FilhoI work remotely for @madewithloveJuarez FilhoWe work remotely at @madewithlove
![Page 6: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/6.jpg)
Web ComponentsEncapsulated, reusable and composable widgets for the Web Platform
![Page 7: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/7.jpg)
Why do we compare Web Components with lego?
![Page 8: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/8.jpg)
#realtimeadventures
Web Components are a set of standards currently being produced by Google engineers as a W3C specification that allow for the creation of reusable widgets or components in web documents and web applications.
— Wikipedia, the free encyclopedia
![Page 9: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/9.jpg)
![Page 10: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/10.jpg)
![Page 11: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/11.jpg)
Custom ElementsProvide a way for Web developers to build their own, fully-featured DOM elements
![Page 12: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/12.jpg)
![Page 13: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/13.jpg)
![Page 14: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/14.jpg)
![Page 15: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/15.jpg)
![Page 16: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/16.jpg)
![Page 17: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/17.jpg)
PolymerLets you build encapsulated, re-usable elements that work just like HTML elements, to use in building web applications.
![Page 18: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/18.jpg)
#realtimeadventures
Built for Speed
![Page 19: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/19.jpg)
#realtimeadventures
![Page 20: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/20.jpg)
#realtimeadventures
For Modern Browsers
![Page 21: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/21.jpg)
#realtimeadventures
![Page 22: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/22.jpg)
#realtimeadventures
Using Web Components
![Page 23: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/23.jpg)
#realtimeadventures
![Page 24: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/24.jpg)
![Page 25: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/25.jpg)
#realtimeadventures
❤
Why Polymer is so exciting?
![Page 26: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/26.jpg)
![Page 27: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/27.jpg)
![Page 28: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/28.jpg)
Polymer Starter KitBuild tools & boilerplate for creating production-quality web apps
![Page 29: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/29.jpg)
#realtimeadventures
![Page 30: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/30.jpg)
![Page 31: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/31.jpg)
![Page 32: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/32.jpg)
A powerful platform for your mobile or web application
Firebase
![Page 33: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/33.jpg)
![Page 34: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/34.jpg)
![Page 35: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/35.jpg)
![Page 36: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/36.jpg)
![Page 37: Polymer and Firebase: Componentizing the Web in Realtime](https://reader031.vdocument.in/reader031/viewer/2022022203/5875421f1a28abb8208b5389/html5/thumbnails/37.jpg)
Thank you!
Juarez Filho @juarezpafFront-end Engineer at madewithlove
Let's componentize the web in Realtime