Download - Web components
![Page 1: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/1.jpg)
Web componentsconstruindo a web em blocos
![Page 2: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/2.jpg)
@evaldobarbosaphp
developerphp
maranhãogdg
são luís
![Page 3: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/3.jpg)
![Page 4: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/4.jpg)
uma ideia antiga!
reutilização de código
![Page 5: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/5.jpg)
![Page 6: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/6.jpg)
Delphi, Visual Studio, Delphi 4 PHP
Exemplos de componentização
![Page 7: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/7.jpg)
prototipar é preciso
![Page 8: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/8.jpg)
Componentes no serveré viavel?
![Page 9: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/9.jpg)
![Page 10: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/10.jpg)
3 perguntas
![Page 11: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/11.jpg)
temporalidade e contribuição
![Page 12: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/12.jpg)
os … mais populares estão fadados a morrerhttps://www.youtube.com/watch?v=7Q0-
E_rZ_Cc
![Page 13: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/13.jpg)
A novidadedocument.querySelector()
![Page 14: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/14.jpg)
https://angularjs.org/
![Page 15: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/15.jpg)
são diretivas
Componentes no AngularJS
![Page 16: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/16.jpg)
anatomia de uma diretiva
<menubar></menubar>
![Page 17: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/17.jpg)
nativo, com x-tags ou polymer
A realidade hoje
![Page 18: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/18.jpg)
Ciclo de vida
create
leftDocument
enteredDocument
attributeChanged
![Page 19: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/19.jpg)
exemplo nativo
![Page 20: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/20.jpg)
exemplo x-tags
![Page 21: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/21.jpg)
YEAH!
![Page 22: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/22.jpg)
www.polymer-project.org/docs/elements/material.html
![Page 23: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/23.jpg)
www.polymer-project.org/tools/designer/
![Page 24: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/24.jpg)
seus elementos customizados
![Page 25: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/25.jpg)
![Page 26: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/26.jpg)
exemplo de usovideo-camera-element
![Page 27: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/27.jpg)
perguntas?
![Page 28: Web components](https://reader030.vdocuments.com.br/reader030/viewer/2022032501/55b71a1fbb61eb03668b4830/html5/thumbnails/28.jpg)
obrigado!twitter.com/evaldobarbosa
br.linkedin.com/in/evaldobarbosafacebook.com/evaldo.barbosa.902