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

1. DESENVOLVENDO
CHROME EXTENSIONS
RODOLFO DIAS - @R_MDIAS

2. Recife - Brazil

3. Recife - Brazil

4. Rodolfo Dias - @r_mdias
ESTILO TÍTULO
Front End Engineer

5. Rodolfo Dias - @r_mdias
ESTILO TÍTULO
Co-Manager

6. O QUE SÃO EXTENSÕES?

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

9. O que são extensões?
As Extensões são pequenos programas

10. O que são extensões?
As Extensões são pequenos programas!
Projetados para facilitar a vida do usuário!

11. O QUE É USADO
PARA DESENVOLVER?

12. O que é usado para desenvolver?

13. PASSO A PASSO…

14. Passo a passo…
1. Desenvolver
2. Empacotar
3. Chrome Store
1 2 3

15. DESENVOLVER
Passo 1

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

17. NECESSIDADES DO PROJETO
Passo 1 - Desenvolver

18. NECESSIDADES DO PROJETO
Passo 1 - Desenvolver
Integração com Apps Script**

19. NECESSIDADES DO PROJETO
Integração com Apps Script**
Passo 1 - Desenvolver

20. TIPO DA EXTENSÃO
Passo 1 - Desenvolver

21. Passo 1 - Desenvolver
TIPO DA EXTENSÃO

22. MANIFEST.JSON
Passo 1 - Desenvolver

25. Passo 1 - Desenvolver
http://goo.gl/wEKcLt

28. EMPACOTAR
Passo 2- Empacotar

29. Passo 2- Empacotar
.ZIP

30. CHROME STORE
Passo 3 - Chrome Store

31. Passo 3 - Chrome Store

33. Passo 3 - Chrome Store

34. Passo 3 - Chrome Store

35. Passo 3 - Chrome Store

37. TRANSLATOR WIDGET

38. Translator Widget
dribbble.com/FelipePires - Designer

39. Translator Widget
dribbble.com/FelipePires - Designer
github.com/rmdias - Developer

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

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

42. 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.

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

44. Translator Widget

45. Translator Widget

46. Translator Widget

47. Translator Widget
goo.gl/WTlCIx

49. RMDIAS.COM
CONTACT@RMDIAS.COM
FB.COM/RMDIAS29
GITHUB.COM/RMDIAS