Post on 31-Jul-2015
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!