webapps com web components

Mobile WebApps e o Polymer

@obetomuniz

Mas primeiro...

@obetomuniz

@obetomuniz

@obetomuniz

Mobile WebApps + Web Components

Porque isso é bom?

@obetomuniz

Mobile WebApps & Web Components

E qual é o “The right way”?

Cordova

@obetomuniz

Polymer

@obetomuniz

E o que é o Polymer?

@obetomuniz

@obetomuniz

@obetomuniz

@obetomuniz

@obetomuniz

Mas porque o Polymer?

Porque o Polymer?

Produtivo

Porque o Polymer?

Produtivo Interoperável

Porque o Polymer?

Produtivo Interoperável Declarativo

Porque o Polymer?

Produtivo Interoperável Declarativo

Performático

Porque o Polymer?

Produtivo Interoperável Declarativo

ExtensívelPerformático

Porque o Polymer?

Produtivo Interoperável Declarativo

ExtensívelPerformático Acessível

Porque o Polymer?

Produtivo Interoperável Declarativo

Reutilizável

ExtensívelPerformático Acessível

Porque o Polymer?

Produtivo Interoperável Declarativo

ComponentizadoReutilizável

ExtensívelPerformático Acessível

Testável

@obetomuniz

123kb :(

@obetomuniz

15kb (non-gzipped)

6kb (gzipped)

@obetomuniz

Porque o Polymer é bom para

Mobile Web Apps?

Elements

@obetomuniz

Core Elements

Estrutura <core-scaffold> <core-toolbar> <core-header-panel>

•••

Animação <core-animation> <core-animation-keyframe> <core-animation-prop>

Data <core-ajax> <core-xhr> <core-localstorage>

Outros <core-a11y-keys> <core-splitter> <core-drag-drop>

Paper Elements

<paper-slider>

<paper-tabs>

<paper-button>

<paper-dialog>

<paper-progress>

<paper-input>

<paper-dropdown>

•••

Flexbox

@obetomuniz

Mobile First

@obetomuniz

E o que o Polymer não é?

@obetomuniz

@obetomuniz

@obetomuniz

Apenas um Polyfill

@obetomuniz

O Material Design

@obetomuniz

Uma ferramenta do futuro

@obetomuniz

@obetomuniz

Ok!

Alguém já está usando esse workflow?

@obetomuniz

E como aprender?

@obetomuniz

polymer-project.org

@obetomuniz

webcomponents.org

@obetomuniz

customelements.io

@obetomuniz

@obetomuniz

betomuniz.com/blog

@ebidel @zenorocha @addyosmani

@sindresorhus

@rob_dodson @PascalPrecht @eduardolundgren

@passy

•••

Vamos componentizar!

@obetomuniz

Beto Muniz

@obetomuniz

betomuniz.com

bit.ly/mobileapps-e-o-polymer

Muito Obrigado!