tdc2015 - trilha web - polymer 1.0

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/beneditobatistabeneditobatista@gmail.comhttp://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/beneditobatistabeneditobatista@gmail.comhttp://beneditobatista.com.br

OBRIGADO!!!!!