tdc2015 - trilha web - polymer 1.0
TRANSCRIPT
Globalcode – Open4education
Trilha Web – Polymer 1.0Benedito Batista
Co-Organizer GDG-SP7COMm Developer
Globalcode – Open4education
Muito Prazer!!!
Benedito Batista
Graduado em Analise de SistemasPós-Graduado em Desenvolvimento WebAnalista Desenvolvedor Sr. na 7COMmCo-Organizador do GDG-SPNerdCuriosoetc..
Globalcode – Open4education
+ de 30 Anos + 300 Devs+ 3 milhoes de horas+ 800 projetos
Globalcode – Open4education
Globalcode – Open4education
http://goo.gl/forms/ZuzDsYfriE
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
Globalcode – Open4education
http://www.meetup.com/pt/GDG-SP/
Globalcode – Open4education
@beneditobatistagithub.com/[email protected]://beneditobatista.com.br
Globalcode – Open4education
Agenda
• O que é Polymer?• Web Components• Polymer 1.0
Globalcode – Open4education
Globalcode – Open4education
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
Globalcode – Open4education
COMPONENTES ??????
Globalcode – Open4education
Globalcode – Open4education
É um conjunto de especificações da W3C que permitem a criação de componentes reutilizáveis na web.
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
WebComponents também é conhecido como um padrão “Guarda-Chuva” porque é formado por 4 outras especificações.
Globalcode – Open4education
http://pt.slideshare.net/DimitriGielis/a-primer-on-web-components-in-apex
Globalcode – Open4education
Html Templates
<template id=””></template>
Globalcode – Open4education
Custom Elements
<my-element></my-element>
Globalcode – Open4education
Shadow DOM
Globalcode – Open4education
Html Imports
<link rel=”import” ref=”element.html”>
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Globalcode – Open4education
Melhoria na performance
3 X 4 X
Globalcode – Open4education
Redução de 40% do seu codigo
Globalcode – Open4education
https://elements.polymer-project.org/
Globalcode – Open4education
https://developers.google.com/web/tools/polymer-starter-kit
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.
Globalcode – Open4education
Para aprender mais
https://www.polymer-project.org/1.0/http://www.w3.org/TR/components-intro/https://customelements.io/
Globalcode – Open4education
WEBCOMP25
Globalcode – Open4education
Perguntas????
Globalcode – Open4education
@beneditobatistagithub.com/[email protected]://beneditobatista.com.br
OBRIGADO!!!!!