![Page 1: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/1.jpg)
FERRAMENTAS MOZILLA E DESENVOLVIMENTO WEB
Clauber Stipkovic
![Page 2: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/2.jpg)
LEGAL! ENTÃO ME FALA DA MOZILLA!
![Page 3: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/3.jpg)
![Page 4: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/4.jpg)
![Page 5: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/5.jpg)
MUITA COISA LEGAL, NÃO É MESMO? :)
![Page 6: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/6.jpg)
QUERO VER ENTÃO O QUE A MOZILLA TEM PRA ME AJUDAR NO
DESENVOLVIMENTO WEB!
![Page 7: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/7.jpg)
MOZILLA FIREFOX
![Page 8: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/8.jpg)
E o que eu posso usar no desenvolvimento?
O QUE O FIREFOX TEM DE TÃO LEGAL?
![Page 9: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/9.jpg)
![Page 10: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/10.jpg)
E OS ADD-ONS? COMO EU CRIO UM DESSES?
![Page 11: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/11.jpg)
Atualmente conhecido também como Add-on SDK
![Page 12: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/12.jpg)
![Page 13: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/13.jpg)
Mozilla Firefox
Firefox Core
Add-on SDK Core
Your Add-on Your Add-on
Add-on SDK Core
![Page 14: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/14.jpg)
E COM ISSO O QUE EU POSSO FAZER?
![Page 15: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/15.jpg)
• browseTimer
• Gmail Checker
• Gmail chat notifier
• bg2blank
• Grooveshark Remote Control
• Criar ... criar e criar!!!
ABOUT:ADDONS
![Page 16: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/16.jpg)
ABOUT:ADDONS
![Page 17: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/17.jpg)
MAS ONDE EU ENCONTRO ESSES ADDONS?
![Page 19: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/19.jpg)
E ONDE EU ENCONTRO DOCUMENTOS PRA
APRENDER TUDO ISSO?
![Page 20: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/20.jpg)
DEVELOPER.MOZILLA.ORGWeb, Jetpack, Mobile, Add-ons, Javascript, CSS, HTML 5 ...
![Page 21: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/21.jpg)
MAS EU TAMBÉM QUERO APRENDER A DESENVOLVER
SITES, PARA AS PESSOAS ACESSAREM ATRAVÉS DOS
BROWSERS!
![Page 22: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/22.jpg)
VOCÊ PODE DAR ALGUMAS DICAS?
![Page 23: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/23.jpg)
![Page 24: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/24.jpg)
![Page 25: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/25.jpg)
CUIDADO COM OS NOMES DE ARQUIVOS OU
VARIÁVEIS!Entschuldigen, varTeste, vaiSerVazia, mudoDepois, clienteLegal,
Fremdenverkehrsbuero ....
![Page 26: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/26.jpg)
<table><tr><td>
<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE
BGColor=yellow>Bem vindo ao meu site!!</MARQUEE></FONT>
</td></tr>
</table>
#MEDO
![Page 27: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/27.jpg)
WEB STANDARDS!Fazendo sua vida mais feliz desde 1900 e guaraná com rolha! :)
![Page 28: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/28.jpg)
Esta é uma história exemplar, só não está muito claro qual é o exemplo. De qualquer jeito, mantenha-a longe das crianças.
A aliança
Também não tem nada a ver com a crise brasileira, o apartheid, a situação na América Central ou no Oriente Médio ou a grande aventura do homem sobre
a Terra.
As mentiras que os homens contamSitua-se no terreno mais baixo das pequenas aflições da classe média. Enfim.
Aconteceu com um amigo meu. Fictício, claro.
![Page 29: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/29.jpg)
WEB SEMÂNTICAPor que o seu site tem que fazer sentido! :-P
![Page 30: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/30.jpg)
CONHEÇA O FUNCIONAMENTO DA
MAIORIA DOS BROWSERSSim, inclusive aquele aplicativo que tem um “E” azul! ;)
![Page 31: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/31.jpg)
MAIS DICAS• Aprenda a utilizar um bom controlador de versão de código (Git,
Mercurial, Subversion, etc)
• Utilize um IDE ou editor de texto que facilite a sua vida (Aptana, Notepad++, Vim, Textmate, etc)
• Use um sistema operacional que te ajude nas tarefas do dia a dia (Linux, Mac OS, .... Windows?!?)
• Leia e estude (essa, nem precisa dizer :-P)
• Estude o idioma inglês (nem se fala, né :-P)
![Page 32: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/32.jpg)
MAIS IMPORTANTE!FAÇA O QUE VOCÊ
GOSTA!Até por que, comer arroz e feijão todo dia, enjoa ;)
![Page 33: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/33.jpg)
POXA, GOSTEI :D
![Page 34: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/34.jpg)
DEPOIS DE TUDO ISSO, EU QUERO SABER, COMO
FAÇO PRA CONTRIBUIR COM A MOZILLA?
![Page 35: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/35.jpg)
•Utilizando o Firefox, incentivando as pessoas a utiliza-lo também
•Fazendo palestras ;)
•Criando um projeto que utiliza as tecnologias da “Open Web”
•Traduzindo/produzindo documentações, que podem ser técnicas ou mais “low user” :)
•Sendo um representante Mozilla na sua escola/faculdade(studant reps) ... etc
![Page 36: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/36.jpg)
E COMO EU FAÇO PRA ENTRAR EM CONTATO
COM MAIS PESSOAS QUE CONTRIBUEM COM A
MOZILLA?
![Page 37: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/37.jpg)
[email protected] de e-mail:
Twitter :
@mozillabrasil
@mozbr
Facebook:
Mozilla Brasil
Firefox Brasil
Site:
mozillabrasil.org.br
![Page 39: Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011](https://reader033.vdocuments.pub/reader033/viewer/2022052621/557ca8a9d8b42ab4218b5397/html5/thumbnails/39.jpg)
MUITO OBRIGADO! :D