Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Desmistificando o Polymer @obetomuniz
Slide 2
Slide 2 text
Beto Muniz @obetomuniz
Slide 3
Slide 3 text
bit.ly/desmistificando-o-polymer
Slide 4
Slide 4 text
helabs.com.br Desmistificando o Polymer - Beto Muniz @obetomuniz
Slide 5
Slide 5 text
minasdev.org
Slide 6
Slide 6 text
webcomponents.org
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
Mas primeiro... @obetomuniz
Slide 9
Slide 9 text
@obetomuniz
Slide 10
Slide 10 text
E qual é o cenário do web components atual? @obetomuniz
Slide 11
Slide 11 text
bit.ly/are-we-componentized-yet @obetomuniz
Slide 12
Slide 12 text
No content
Slide 13
Slide 13 text
Mas já tem gente usando.... @obetomuniz
Slide 14
Slide 14 text
@obetomuniz
Slide 15
Slide 15 text
@obetomuniz
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
P O L Y F I L L S @obetomuniz
Slide 18
Slide 18 text
polymer-project.org @obetomuniz
Slide 19
Slide 19 text
Mas o que é o Polymer? @obetomuniz
Slide 20
Slide 20 text
@obetomuniz
Slide 21
Slide 21 text
@obetomuniz
Slide 22
Slide 22 text
@obetomuniz
Slide 23
Slide 23 text
@obetomuniz
Slide 24
Slide 24 text
No content
Slide 25
Slide 25 text
Polymer Layers @obetomuniz
Slide 26
Slide 26 text
@obetomuniz
Slide 27
Slide 27 text
"Everything as an element." @obetomuniz
Slide 28
Slide 28 text
Polymer elements Elementos não visuais Estrutura ••• Animação Data Outros
Slide 29
Slide 29 text
Polymer elements Elementos visuais Paper Elements Core Elements •••
Slide 30
Slide 30 text
"Eliminate boilerplate." @obetomuniz
Slide 31
Slide 31 text
Criar um elemento @obetomuniz
Slide 32
Slide 32 text
Criar um elemento de um existente @obetomuniz
Slide 33
Slide 33 text
Utilizando-se de Two-way Data-binding (Mutation Observers) @obetomuniz
Slide 34
Slide 34 text
Utilizando-se event handlers @obetomuniz
Slide 35
Slide 35 text
hello-world.html @obetomuniz
Slide 36
Slide 36 text
hello-world.html
Slide 37
Slide 37 text
"Utilize the modern web platform(+)." @obetomuniz
Slide 38
Slide 38 text
Lifecycle callbacks Insertion points Estilo, Marcação e Comportamento isolados e distribuíveis Animations @obetomuniz •••
Slide 39
Slide 39 text
No content
Slide 40
Slide 40 text
No content
Slide 41
Slide 41 text
E o que o Polymer não é? @obetomuniz
Slide 42
Slide 42 text
No content
Slide 43
Slide 43 text
@obetomuniz
Slide 44
Slide 44 text
@obetomuniz
Slide 45
Slide 45 text
Apenas um Polyfill @obetomuniz
Slide 46
Slide 46 text
O Material Design @obetomuniz
Slide 47
Slide 47 text
Uma ferramenta do futuro @obetomuniz
Slide 48
Slide 48 text
No content
Slide 49
Slide 49 text
E porque usar o Polymer? Produtivo Declarativo Performático Componentizado Acessível Interoperável Reusável Manutenível Extensível
Slide 50
Slide 50 text
Testavél @obetomuniz
Slide 51
Slide 51 text
6kb (gzipped) @obetomuniz
Slide 52
Slide 52 text
No content
Slide 53
Slide 53 text
E como aprender a usar? @obetomuniz
Slide 54
Slide 54 text
polymer-project.org @obetomuniz
Slide 55
Slide 55 text
webcomponents.org @obetomuniz
Slide 56
Slide 56 text
customelements.io @obetomuniz
Slide 57
Slide 57 text
@ebidel @zenorocha @addyosmani @sindresorhus @rob_dodson @PascalPrecht @eduardolundgren @passy •••
Slide 58
Slide 58 text
Vamos componentizar! @obetomuniz
Slide 59
Slide 59 text
No content
Slide 60
Slide 60 text
DEMOS @obetomuniz DEMO github.com/obetomuniz/polymer-demos
Slide 61
Slide 61 text
Beto Muniz @obetomuniz betomuniz.com bit.ly/desmistificando-o-polymer Muito Obrigado!