Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Desenvolvendo chrome extensions

2,532 views

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

×