49
DESENVOLVENDO CHROME EXTENSIONS RODOLFO DIAS - @R_MDIAS

Desenvolvendo chrome extensions

Embed Size (px)

DESCRIPTION

Slide de palestra apresentada sobre o desenvolvimento de extensões para o Google Chrome.

Citation preview

DESENVOLVENDO CHROME EXTENSIONSRODOLFO DIAS - @R_MDIAS

Recife - Brazil

Recife - Brazil

Rodolfo Dias - @r_mdias

ESTILO TÍTULOFront End Engineer

Rodolfo Dias - @r_mdias

ESTILO TÍTULOCo-Manager

O QUE SÃO EXTENSÕES?

SÃO OS QUADRADINHOS AO LADO DA BARRA DE ENDEREÇO…

O que são extensões?

As Extensões são pequenos programas

O que são extensões?

As Extensões são pequenos programas !Projetados para facilitar a vida do usuário!

O QUE É USADO PARA DESENVOLVER?

O que é usado para desenvolver?

PASSO A PASSO…

Passo a passo…

1. Desenvolver 2. Empacotar 3. Chrome Store

1 2 3

DESENVOLVER

Passo 1

Passo 1 - Desenvolver

1. Analise as necessidades do seu projeto; 2. Defina o tipo de extensão; 3. Declare o manifest.json;

NECESSIDADES DO PROJETO

Passo 1 - Desenvolver

NECESSIDADES DO PROJETO

Passo 1 - Desenvolver

Integração com Apps Script**

NECESSIDADES DO PROJETOIntegração com Apps Script**

Passo 1 - Desenvolver

TIPO DA EXTENSÃO

Passo 1 - Desenvolver

Passo 1 - Desenvolver

TIPO DA EXTENSÃO

MANIFEST.JSON

Passo 1 - Desenvolver

Passo 1 - Desenvolver

http://goo.gl/wEKcLt

EMPACOTAR

Passo 2- Empacotar

Passo 2- Empacotar

.ZIP

CHROME STORE

Passo 3 - Chrome Store

Passo 3 - Chrome Store

Passo 3 - Chrome Store

Passo 3 - Chrome Store

Passo 3 - Chrome Store

TRANSLATOR WIDGET

Translator Widget

dribbble.com/FelipePires - Designer

Translator Widget

dribbble.com/FelipePires - Designer

github.com/rmdias - Developer

Translator Widget

1. Auxilio para ler textos em outras línguas. !

Translator Widget

1. Auxilio para ler textos em outras línguas. 2. Mais de 50 acessos ao Google Translator/dia.

Translator Widget

1. Auxilio para ler textos em outras línguas. 2. Mais de 50 acessos ao Google Translator/dia. 3. Facilidade no uso da extensão.

As Extensões são pequenos programas !Projetados para facilitar a vida do usuário!

Translator Widget

Translator Widget

Translator Widget

Translator Widget

Translator Widget

goo.gl/WTlCIx

RMDIAS.COM [email protected]

FB.COM/RMDIAS29 GITHUB.COM/RMDIAS