polymer elements: tudo que você precisa saber para criar a web
TRANSCRIPT
Polymer Elements
@obetomuniz
Beto Muniz@obetomuniz
meliuz.com.br
braziljs.org
webcomponets.org
Mas primeiro...
@obetomuniz
@obetomuniz
Ok! E o que é o Polymer?
@obetomuniz
E o que é o Polymer?
@obetomuniz
@obetomuniz
E o que é o Polymer?
@obetomuniz
E o que é o Polymer?
E o que o Polymer não é?
@obetomuniz
Um polyfill
@obetomuniz
@obetomuniz
O Material Design
@obetomuniz
O que é o Polymer Elements?
@obetomuniz
@obetomuniz
@obetomuniz
@obetomuniz
Core Elements
&
Paper 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>
<core-drag-drop>
@obetomuniz
Paper Elements
<paper-slider>
<paper-tabs>
<paper-button>
<paper-dialog>
<paper-progress>
<paper-input>
<paper-dropdown>
•••
@obetomuniz
<paper-dropdown>
Beleza…Mas porque o Polymer?
@obetomuniz
@obetomuniz
Shadow DOM
Custom Element
Template
HTML Import
Element API por Default
@obetomuniz
Acessibilidade
@obetomuniz
Declarativo
@obetomuniz
Extensível
@obetomuniz
Frameworkless
@obetomuniz
Testável
@obetomuniz
Vamos componentizar!
@obetomuniz
DÚVIDAS?
bit.ly/polymer-elements
Muito Obrigado!