Upload
maria-clara-santana
View
273
Download
4
Tags:
Embed Size (px)
Citation preview
Polymer 1.0Easier, faster, better!
Photo: http://on.natgeo.com/1BlepN7
<about-me>
</about-me>
Maria Clara Santana
● Computer Engineering student at UFAL;● AI researcher;● Front-end developer;
AgendaA brief introductionWhat’s new on 1.0?How to get started today?
Photo: http://bit.ly/1CeBPyN
Photo: http://bit.ly/1d2I81R
WEB COMPONENTS
Photo: http://bit.ly/1d2I81R
Custom and Interoperable
polymer
(Mobile)
4x FASTER
(Available on: http://bit.ly/1FnHG4V)
0.5
1.0
3x FASTER
(Available on: http://bit.ly/1FnHG4V)
0.5
1.0
0.5 1.0
65kb 42kb
35% LESS CODE
1.0 Coolest Features
Shady DOM
Shadow DOM Shady DOM
(Taken from: http://bit.ly/1QFmNhg)
Theming
Custom Property
“Everything is an element.”(Polymer team)
core-elements paper-elements
core-elements paper-elements
“There’s an element for that!”(Polymer team)
<google-map><google-drive><google-calendar>
(Available on: http://bit.ly/1HRgoLr)
<gold-cc-cvc-input>
<gold-cc-expiration-input>
<gold-cc-input>
<gold-email-input>
How do I get started?
Polymer Starter Kit
❏ Components;
❏ Layout;
❏ Theming;
❏ Build tools;
Material Design
<paper-menu-buton><paper-toolbar>
<paper-header-panel>
Theming feature
Adaptative UI
Photo: http://bit.ly/1AyYVVE
Photo: http://bit.ly/1L2gAr9
Breakpoints
(Available on: http://bit.ly/1MO2xns)
Offline first!
Service Worker cachingTake your app offline
Where you can learn more:
Polymer: polymer-project.org
Polymer Starter Kit: bit.ly/1cOygZh
Github: bit.ly/1L2stNV
<thank-you>