tdc2015 - trilha web - polymer 1.0

Globalcode – Open4education

Trilha Web – Polymer 1.0Benedito Batista

Co-Organizer GDG-SP7COMm Developer


Muito Prazer!!!

Benedito Batista

Graduado em Analise de SistemasPós-Graduado em Desenvolvimento WebAnalista Desenvolvedor Sr. na 7COMmCo-Organizador do GDG-SPNerdCuriosoetc..


+ de 30 Anos + 300 Devs+ 3 milhoes de horas+ 800 projetos


http://goo.gl/forms/ZuzDsYfriE


+ 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


http://www.meetup.com/pt/GDG-SP/


@beneditobatistagithub.com/[email protected]://beneditobatista.com.br

mailto:[email protected]



Agenda

• O que é Polymer?• Web Components• Polymer 1.0


É 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


COMPONENTES ??????


É um conjunto de especificações da W3C que permitem a criação de componentes reutilizáveis na web.


WebComponents também é conhecido como um padrão “Guarda-Chuva” porque é formado por 4 outras especificações.


http://pt.slideshare.net/DimitriGielis/a-primer-on-web-components-in-apex


Html Templates

<template id=””></template>


Custom Elements

<my-element></my-element>


Shadow DOM


Html Imports

<link rel=”import” ref=”element.html”>


Melhoria na performance

3 X 4 X


Redução de 40% do seu codigo


https://elements.polymer-project.org/


https://developers.google.com/web/tools/polymer-starter-kit


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.


Para aprender mais

https://www.polymer-project.org/1.0/http://www.w3.org/TR/components-intro/https://customelements.io/

https://www.polymer-project.org/1.0/

https://www.polymer-project.org/1.0/

http://www.w3.org/TR/components-intro/

http://www.w3.org/TR/components-intro/

https://customelements.io/

https://customelements.io/


WEBCOMP25


Perguntas????


@beneditobatistagithub.com/[email protected]://beneditobatista.com.br

OBRIGADO!!!!!



tdc2015 - trilha web - polymer 1.0

Technology