Download - Tdc2015 - Trilha Web - Polymer 1.0
![Page 1: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/1.jpg)
Globalcode – Open4education
Trilha Web – Polymer 1.0Benedito Batista
Co-Organizer GDG-SP7COMm Developer
![Page 2: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/2.jpg)
Globalcode – Open4education
Muito Prazer!!!
Benedito Batista
Graduado em Analise de SistemasPós-Graduado em Desenvolvimento WebAnalista Desenvolvedor Sr. na 7COMmCo-Organizador do GDG-SPNerdCuriosoetc..
![Page 3: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/3.jpg)
Globalcode – Open4education
+ de 30 Anos + 300 Devs+ 3 milhoes de horas+ 800 projetos
![Page 4: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/4.jpg)
Globalcode – Open4education
![Page 5: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/5.jpg)
Globalcode – Open4education
http://goo.gl/forms/ZuzDsYfriE
![Page 6: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/6.jpg)
Globalcode – Open4education
+ 2600 membros
Android Meetup - Toda 1ª 3ª feira
Html5 Study Group - Toda 2ª Feira
GDG Drops - Code Labs - Design Sprint
Dev Fest - 800 Devs/dia
![Page 7: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/7.jpg)
Globalcode – Open4education
http://www.meetup.com/pt/GDG-SP/
![Page 9: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/9.jpg)
Globalcode – Open4education
Agenda
• O que é Polymer?• Web Components• Polymer 1.0
![Page 10: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/10.jpg)
Globalcode – Open4education
![Page 11: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/11.jpg)
Globalcode – Open4education
![Page 12: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/12.jpg)
Globalcode – Open4education
É uma biblioteca projetada para tornar mais fácil e mais rápido para, os desenvolvedores, a criação de componentes reutilizáveis para a web moderna.
https://www.polymer-project.org/1.0/docs/start/what-is-polymer.html
COMPONENTES
![Page 13: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/13.jpg)
Globalcode – Open4education
COMPONENTES ??????
![Page 14: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/14.jpg)
Globalcode – Open4education
![Page 15: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/15.jpg)
Globalcode – Open4education
É um conjunto de especificações da W3C que permitem a criação de componentes reutilizáveis na web.
![Page 16: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/16.jpg)
Globalcode – Open4education
![Page 17: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/17.jpg)
Globalcode – Open4education
![Page 18: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/18.jpg)
Globalcode – Open4education
![Page 19: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/19.jpg)
Globalcode – Open4education
![Page 20: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/20.jpg)
Globalcode – Open4education
WebComponents também é conhecido como um padrão “Guarda-Chuva” porque é formado por 4 outras especificações.
![Page 21: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/21.jpg)
Globalcode – Open4education
http://pt.slideshare.net/DimitriGielis/a-primer-on-web-components-in-apex
![Page 22: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/22.jpg)
Globalcode – Open4education
Html Templates
<template id=””></template>
![Page 23: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/23.jpg)
Globalcode – Open4education
Custom Elements
<my-element></my-element>
![Page 24: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/24.jpg)
Globalcode – Open4education
Shadow DOM
![Page 25: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/25.jpg)
Globalcode – Open4education
Html Imports
<link rel=”import” ref=”element.html”>
![Page 26: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/26.jpg)
Globalcode – Open4education
![Page 27: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/27.jpg)
Globalcode – Open4education
![Page 28: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/28.jpg)
Globalcode – Open4education
![Page 29: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/29.jpg)
Globalcode – Open4education
![Page 30: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/30.jpg)
Globalcode – Open4education
Melhoria na performance
3 X 4 X
![Page 31: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/31.jpg)
Globalcode – Open4education
Redução de 40% do seu codigo
![Page 32: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/32.jpg)
Globalcode – Open4education
https://elements.polymer-project.org/
![Page 33: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/33.jpg)
Globalcode – Open4education
https://developers.google.com/web/tools/polymer-starter-kit
![Page 34: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/34.jpg)
Globalcode – Open4education
Novo sistema de data binding, mais rápido e muito mais simples.
Novo sistema de Tematização e Estilização,
Novo fallback de shadow DOM chamado shady DOM, mais leve e rápido para browsers que ainda não suportam a tecnologia.
![Page 35: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/35.jpg)
Globalcode – Open4education
Para aprender mais
https://www.polymer-project.org/1.0/http://www.w3.org/TR/components-intro/https://customelements.io/
![Page 36: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/36.jpg)
Globalcode – Open4education
WEBCOMP25
![Page 37: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/37.jpg)
Globalcode – Open4education
Perguntas????
![Page 38: Tdc2015 - Trilha Web - Polymer 1.0](https://reader034.vdocuments.net/reader034/viewer/2022051415/55d069d9bb61eb2d7e8b46d7/html5/thumbnails/38.jpg)
Globalcode – Open4education
@beneditobatistagithub.com/[email protected]://beneditobatista.com.br
OBRIGADO!!!!!