Desenvolvendo chrome extensions

download Desenvolvendo chrome extensions

of 49

  • date post

    05-Dec-2014
  • Category

    Software

  • view

    968
  • download

    0

Embed Size (px)

description

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

Transcript of Desenvolvendo chrome extensions

  • 1. DESENVOLVENDO CHROME EXTENSIONS RODOLFO DIAS - @R_MDIAS
  • 2. Recife - Brazil
  • 3. Recife - Brazil
  • 4. Rodolfo Dias - @r_mdias ESTILO TTULO Front End Engineer
  • 5. Rodolfo Dias - @r_mdias ESTILO TTULO Co-Manager
  • 6. O QUE SO EXTENSES?
  • 7. SO OS QUADRADINHOS AO LADO DA BARRA DE ENDEREO
  • 8. O que so extenses? As Extenses so pequenos programas
  • 9. O que so extenses? As Extenses so pequenos programas! Projetados para facilitar a vida do usurio!
  • 10. O QUE USADO PARA DESENVOLVER?
  • 11. O que usado para desenvolver?
  • 12. PASSO A PASSO
  • 13. Passo a passo 1. Desenvolver 2. Empacotar 3. Chrome Store 1 2 3
  • 14. DESENVOLVER Passo 1
  • 15. Passo 1 - Desenvolver 1. Analise as necessidades do seu projeto; 2. Dena o tipo de extenso; 3. Declare o manifest.json;
  • 16. NECESSIDADES DO PROJETO Passo 1 - Desenvolver
  • 17. NECESSIDADES DO PROJETO Passo 1 - Desenvolver Integrao com Apps Script**
  • 18. NECESSIDADES DO PROJETO Integrao com Apps Script** Passo 1 - Desenvolver
  • 19. TIPO DA EXTENSO Passo 1 - Desenvolver
  • 20. Passo 1 - Desenvolver TIPO DA EXTENSO
  • 21. MANIFEST.JSON Passo 1 - Desenvolver
  • 22. Passo 1 - Desenvolver http://goo.gl/wEKcLt
  • 23. EMPACOTAR Passo 2- Empacotar
  • 24. Passo 2- Empacotar .ZIP
  • 25. CHROME STORE Passo 3 - Chrome Store
  • 26. Passo 3 - Chrome Store
  • 27. Passo 3 - Chrome Store
  • 28. Passo 3 - Chrome Store
  • 29. Passo 3 - Chrome Store
  • 30. TRANSLATOR WIDGET
  • 31. Translator Widget dribbble.com/FelipePires - Designer
  • 32. Translator Widget dribbble.com/FelipePires - Designer github.com/rmdias - Developer
  • 33. Translator Widget 1. Auxilio para ler textos em outras lnguas. !
  • 34. Translator Widget 1. Auxilio para ler textos em outras lnguas. 2. Mais de 50 acessos ao Google Translator/dia.
  • 35. Translator Widget 1. Auxilio para ler textos em outras lnguas. 2. Mais de 50 acessos ao Google Translator/dia. 3. Facilidade no uso da extenso.
  • 36. As Extenses so pequenos programas! Projetados para facilitar a vida do usurio! Translator Widget
  • 37. Translator Widget
  • 38. Translator Widget
  • 39. Translator Widget
  • 40. Translator Widget goo.gl/WTlCIx
  • 41. RMDIAS.COM CONTACT@RMDIAS.COM FB.COM/RMDIAS29 GITHUB.COM/RMDIAS