Talk made at Women Techmakers Maceió launch.

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!

7. “It’s easy to write code
that a browser understands.
Good developers write
code that people can
understand.”

8. How can we solve this?

9. Web Components
Less code. Less confusion.

11. What are Web Components?

12. Custom Elements
● declarative;
● readable;
● meaningful HTML;
● reusable;

13. HTML Templates
● native template in the
broswer;
● parsed;
● content is inert;
● doc fragment;

14. Shadow DOM
● scoped CSS;
● encapsulated markup;
Actually shadow DOM

15. HTML Imports
● loading Web Components;
Example: Bootstrap

16. What if we designed
HTML for the mobile
web?

18. polymer

19. How can I join polymer and
Material Design?

20. polymer-topeka.appspot.com/

21. paper-elements

22. <paper-fab>
</paper-fab>

23. <paper-checkbox>
</paper-checkbox>

24. <paper-ripple>
</paper-ripple>

25. <paper-menu-button>
</paper-menu-button>

26. <paper-radio-button>
</paper-radio-button>
(http://bit.ly/1dBOkyE)

28. Join the future!

29. Learn!
polymer-project.org
WebComponents.org
Polycasts by Rob Dodson

30. Build!
Chrome Dev Editor
yeoman.io
polymer-designer.appspot.com/

31. “Your future is
whatever you make
it. So make it a
good one”
Doc (Back to the future III, 1990)

32. Obrigada!
+MariaClaraSantana1
@olarclara
claarasantana@gmail.com