Upload
maria-clara-santana
View
84
Download
1
Tags:
Embed Size (px)
Citation preview
Welcome to the future!
PolymerWelcome to the future!
Women Techmakers MaceióApril, 2015
About me:Maria Clara Santana
● Computer Engineering student at UFAL;● Artificial Intelligence researcher;● GDG Maceió co-organizer;● WTM Maceió Lead;● Technovation Challenge coach;
We use an average of three different devices a day.The New Multi-screen World (http://bit.ly/1uoUzpK)
Multi-device applications!
(http://bit.ly/1IpP4SZ)
Building UI tabs should be easy!
“It’s easy to write code that a browser understands.Good developers writecode that people can understand.”
How can we solve this?
Web ComponentsLess code. Less confusion.
What are Web Components?
Custom Elements
● declarative;● readable;● meaningful HTML;● reusable;
HTML Templates
● native template in the broswer;
● parsed;● content is inert;● doc fragment;
Shadow DOM
● scoped CSS;● encapsulated markup;
Actually shadow DOM
HTML Imports
● loading Web Components;Example: Bootstrap
What if we designed HTML for the mobile
web?
polymer
How can I join polymer and Material Design?
polymer-topeka.appspot.com/
paper-elements
<paper-fab> </paper-fab>
<paper-checkbox> </paper-checkbox>
<paper-ripple> </paper-ripple>
<paper-menu-button> </paper-menu-button>
<paper-radio-button> </paper-radio-button>
(http://bit.ly/1dBOkyE)
Join the future!
Learn!
polymer-project.org
WebComponents.org
Polycasts by Rob Dodson
Build!
Chrome Dev Editor
yeoman.io
polymer-designer.appspot.com/
“Your future is whatever you make
it. So make it a good one”
Doc (Back to the future III, 1990)
Obrigada!+MariaClaraSantana1@[email protected]