In this talk, I show the coolest news about Polymer's new release. It starts with a brief introduction of what are Web Components and Polymer, after I show 1.0 features, like Shady DOM, Theming with CSS custom properties and the new catalogue of elements. And, to finish, I show a guide through the Polymer Starter Kit, talking about Material Design, Adaptative UIs and Offline first.

1. Polymer 1.0
Easier, faster, better!
Photo: http://on.natgeo.com/1BlepN7

2. <about-me>
</about-me>
Maria Clara Santana
● Computer Engineering student at UFAL;
● AI researcher;
● Front-end developer;

3. Agenda
A brief introduction
What’s new on 1.0?
How to get started today?

4. Photo: http://bit.ly/1CeBPyN

5. Photo: http://bit.ly/1d2I81R
WEB COMPONENTS

6. Photo: http://bit.ly/1d2I81R
Custom and Interoperable

7. polymer

9. (Mobile)
4x FASTER
(Available on: http://bit.ly/1FnHG4V)
0.5
1.0

10. 3x FASTER
(Available on: http://bit.ly/1FnHG4V)
0.5
1.0

11. 0.5 1.0
65kb 42kb
35% LESS CODE

12. 1.0 Coolest Features

13. Shady DOM

14. Shadow DOM Shady DOM
(Taken from: http://bit.ly/1QFmNhg)

15. Theming

16. Custom Property

17. “Everything is an element.”
(Polymer team)

18. core-elements paper-elements

19. core-elements paper-elements

20. “There’s an element for that!”
(Polymer team)

22. <google-map><google-drive><google-calendar>

23. (Available on: http://bit.ly/1HRgoLr)

24. <gold-cc-cvc-input>
<gold-cc-expiration-input>
<gold-cc-input>
<gold-email-input>

27. How do I get started?

28. Polymer Starter Kit

29. ❏ Components;
❏ Layout;
❏ Theming;
❏ Build tools;

30. Material Design
<paper-menu-buton>
<paper-toolbar>
<paper-header-panel>

31. Theming feature

32. Adaptative UI
Photo: http://bit.ly/1AyYVVE

33. Photo: http://bit.ly/1L2gAr9

34. Breakpoints
(Available on: http://bit.ly/1MO2xns)

35. Offline first!

37. Service Worker caching
Take your app offline

38. Where you can learn more:
Polymer: polymer-project.org
Polymer Starter Kit: bit.ly/1cOygZh
Github: bit.ly/1L2stNV

39. <contact-me>
</contact-me>
+MariaClaraSantana1
@olarclara
claarasantana@gmail.com

40. <thank-you>