Polymer 1.0: easier, faster, better!

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

<contact-me>

</contact-me>

+MariaClaraSantana1@olarclaraclaarasantana@gmail.com

<thank-you>