DESENVOLVENDO CHROME EXTENSIONSRODOLFO DIAS - @R_MDIAS
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…
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