polymer: welcome to the future!
TRANSCRIPT
![Page 1: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/1.jpg)
Welcome to the future!
PolymerWelcome to the future!
Women Techmakers MaceióApril, 2015
![Page 2: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/2.jpg)
About me:Maria Clara Santana
● Computer Engineering student at UFAL;● Artificial Intelligence researcher;● GDG Maceió co-organizer;● WTM Maceió Lead;● Technovation Challenge coach;
![Page 3: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/3.jpg)
We use an average of three different devices a day.The New Multi-screen World (http://bit.ly/1uoUzpK)
![Page 4: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/4.jpg)
Multi-device applications!
![Page 5: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/5.jpg)
(http://bit.ly/1IpP4SZ)
Building UI tabs should be easy!
![Page 6: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/6.jpg)
![Page 7: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/7.jpg)
“It’s easy to write code that a browser understands.Good developers writecode that people can understand.”
![Page 8: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/8.jpg)
How can we solve this?
![Page 9: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/9.jpg)
Web ComponentsLess code. Less confusion.
![Page 10: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/10.jpg)
![Page 11: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/11.jpg)
What are Web Components?
![Page 12: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/12.jpg)
Custom Elements
● declarative;● readable;● meaningful HTML;● reusable;
![Page 13: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/13.jpg)
HTML Templates
● native template in the broswer;
● parsed;● content is inert;● doc fragment;
![Page 14: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/14.jpg)
Shadow DOM
● scoped CSS;● encapsulated markup;
Actually shadow DOM
![Page 15: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/15.jpg)
HTML Imports
● loading Web Components;Example: Bootstrap
![Page 16: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/16.jpg)
What if we designed HTML for the mobile
web?
![Page 17: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/17.jpg)
![Page 18: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/18.jpg)
polymer
![Page 19: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/19.jpg)
How can I join polymer and Material Design?
![Page 20: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/20.jpg)
polymer-topeka.appspot.com/
![Page 21: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/21.jpg)
paper-elements
![Page 22: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/22.jpg)
<paper-fab> </paper-fab>
![Page 23: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/23.jpg)
<paper-checkbox> </paper-checkbox>
![Page 24: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/24.jpg)
<paper-ripple> </paper-ripple>
![Page 25: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/25.jpg)
<paper-menu-button> </paper-menu-button>
![Page 26: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/26.jpg)
<paper-radio-button> </paper-radio-button>
(http://bit.ly/1dBOkyE)
![Page 27: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/27.jpg)
![Page 28: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/28.jpg)
Join the future!
![Page 29: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/29.jpg)
Learn!
polymer-project.org
WebComponents.org
Polycasts by Rob Dodson
![Page 30: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/30.jpg)
Build!
Chrome Dev Editor
yeoman.io
polymer-designer.appspot.com/
![Page 31: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/31.jpg)
“Your future is whatever you make
it. So make it a good one”
Doc (Back to the future III, 1990)
![Page 32: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/32.jpg)
Obrigada!+MariaClaraSantana1@[email protected]
![Page 33: Polymer: welcome to the future!](https://reader034.vdocuments.mx/reader034/viewer/2022042716/55c5a134bb61eb62468b46c1/html5/thumbnails/33.jpg)