DESENVOLVENDO
CHROME EXTENSIONS
RODOLFO DIAS - @R_MDIAS
Recife - Brazil
Recife - Brazil
Rodolfo Dias - @r_mdias
ESTILO TÍTULO
Front End Engineer
Rodolfo Dias - @r_mdias
ESTILO TÍTULO
Co-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 PROJETO
Integraçã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. Facilid...
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
CONTACT@RMDIAS.COM
FB.COM/RMDIAS29
GITHUB.COM/RMDIAS
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Desenvolvendo chrome extensions
Upcoming SlideShare
Loading in...5
×

Desenvolvendo chrome extensions

1,023

Published on

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

Published in: Software

Desenvolvendo chrome extensions

  1. 1. DESENVOLVENDO CHROME EXTENSIONS RODOLFO DIAS - @R_MDIAS
  2. 2. Recife - Brazil
  3. 3. Recife - Brazil
  4. 4. Rodolfo Dias - @r_mdias ESTILO TÍTULO Front End Engineer
  5. 5. Rodolfo Dias - @r_mdias ESTILO TÍTULO Co-Manager
  6. 6. O QUE SÃO EXTENSÕES?
  7. 7. SÃO OS QUADRADINHOS AO LADO DA BARRA DE ENDEREÇO…
  8. 8. O que são extensões? As Extensões são pequenos programas
  9. 9. O que são extensões? As Extensões são pequenos programas! Projetados para facilitar a vida do usuário!
  10. 10. O QUE É USADO PARA DESENVOLVER?
  11. 11. O que é usado para desenvolver?
  12. 12. PASSO A PASSO…
  13. 13. Passo a passo… 1. Desenvolver 2. Empacotar 3. Chrome Store 1 2 3
  14. 14. DESENVOLVER Passo 1
  15. 15. Passo 1 - Desenvolver 1. Analise as necessidades do seu projeto; 2. Defina o tipo de extensão; 3. Declare o manifest.json;
  16. 16. NECESSIDADES DO PROJETO Passo 1 - Desenvolver
  17. 17. NECESSIDADES DO PROJETO Passo 1 - Desenvolver Integração com Apps Script**
  18. 18. NECESSIDADES DO PROJETO Integração com Apps Script** Passo 1 - Desenvolver
  19. 19. TIPO DA EXTENSÃO Passo 1 - Desenvolver
  20. 20. Passo 1 - Desenvolver TIPO DA EXTENSÃO
  21. 21. MANIFEST.JSON Passo 1 - Desenvolver
  22. 22. Passo 1 - Desenvolver http://goo.gl/wEKcLt
  23. 23. EMPACOTAR Passo 2- Empacotar
  24. 24. Passo 2- Empacotar .ZIP
  25. 25. CHROME STORE Passo 3 - Chrome Store
  26. 26. Passo 3 - Chrome Store
  27. 27. Passo 3 - Chrome Store
  28. 28. Passo 3 - Chrome Store
  29. 29. Passo 3 - Chrome Store
  30. 30. TRANSLATOR WIDGET
  31. 31. Translator Widget dribbble.com/FelipePires - Designer
  32. 32. Translator Widget dribbble.com/FelipePires - Designer github.com/rmdias - Developer
  33. 33. Translator Widget 1. Auxilio para ler textos em outras línguas. !
  34. 34. Translator Widget 1. Auxilio para ler textos em outras línguas. 2. Mais de 50 acessos ao Google Translator/dia.
  35. 35. 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.
  36. 36. As Extensões são pequenos programas! Projetados para facilitar a vida do usuário! Translator Widget
  37. 37. Translator Widget
  38. 38. Translator Widget
  39. 39. Translator Widget
  40. 40. Translator Widget goo.gl/WTlCIx
  41. 41. RMDIAS.COM CONTACT@RMDIAS.COM FB.COM/RMDIAS29 GITHUB.COM/RMDIAS
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×