Welcome to the future!
Polymer
Welcome to the future!
Women Techmakers Maceió
April, 2015
About me:
Maria Clara Santana
● Computer Engineering student at UFAL;
● Artificial Intelligence researcher;
● GDG Maceió c...
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 write
code that people can
understand.”
How can we solve this?
Web Components
Less 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
@olarclara
claarasantana@gmail.com
Polymer: welcome to the future!
Polymer: welcome to the future!
Polymer: welcome to the future!
Polymer: welcome to the future!
Polymer: welcome to the future!
of 33

Polymer: welcome to the future!

Talk made at Women Techmakers Maceió launch.
Published on: Mar 4, 2016
Published in: Technology      
Source: www.slideshare.net


Transcripts - Polymer: welcome to the future!

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

Related Documents