Desbravando

WebComponents

com

Polymer

GDG Rio Organizer

Frequento Religiosamente os Dojos de quarta

Desenvolvedor na WDEV

Dúvida cruel ...

O que são WebComponents?

Pilares do WebComponent

Custom elements

HTML imports

HTML templates

Shadow Dom

Oh My Polymer!

Exemplo de instalação

bower install --save Polymer/polymer#^1.2.0

{
  "name": "my-project",
  "version": "0.0.0",
  "dependencies": {
    "polymer": "Polymer/polymer#^1.2.0"
  }
}

Exemplo do google maps

<!-- Polyfill Web Components support for older browsers -->
<script src="components/webcomponentsjs/webcomponents-lite.min.js"></script>

<!-- Import element -->
<link rel="import" href="components/google-map/google-map.html">

<!-- Use element -->
<google-map latitude="37.790" longitude="-122.390"></google-map>

sweeeeeeeet

DRY...

https://customelements.io/

Onde aprender?

https://www.youtube.com/user/ChromeDevelopers

Bibliografia

Obrigado!!

jonatasemidio@gmail.com

Contatos

Made with Slides.com