SlideShare uma empresa Scribd logo
1 de 39
Baixar para ler offline
FERRAMENTAS MOZILLA E
 DESENVOLVIMENTO WEB




                Clauber Stipkovic
LEGAL! ENTÃO ME FALA DA
       MOZILLA!
MUITA COISA LEGAL,
  NÃO É MESMO? :)
QUERO VER ENTÃO O QUE A
MOZILLA TEM PRA ME AJUDAR NO
 DESENVOLVIMENTO WEB!
MOZILLA FIREFOX
O QUE O FIREFOX TEM DE
     TÃO LEGAL?
  E o que eu posso usar no desenvolvimento?
E OS ADD-ONS? COMO EU
     CRIO UM DESSES?
Atualmente conhecido também como Add-on SDK
Your Add-on          Your Add-on

 Add-on SDK Core       Add-on SDK Core



           Mozilla Firefox


             Firefox Core
E COM ISSO O QUE EU
   POSSO FAZER?
ABOUT:ADDONS

• browseTimer

• Gmail    Checker

• Gmail    chat notifier

• bg2blank

• Grooveshark       Remote Control

• Criar   ... criar e criar!!!
ABOUT:ADDONS
MAS ONDE EU ENCONTRO
     ESSES ADDONS?
ADDONS.MOZILLA.ORG
E ONDE EU ENCONTRO
  DOCUMENTOS PRA
APRENDER TUDO ISSO?
DEVELOPER.MOZILLA.ORG
Web, Jetpack, Mobile, Add-ons, Javascript, CSS, HTML 5 ...
MAS EU TAMBÉM QUERO
APRENDER A DESENVOLVER
   SITES, PARA AS PESSOAS
 ACESSAREM ATRAVÉS DOS
       BROWSERS!
VOCÊ PODE DAR ALGUMAS
        DICAS?
CUIDADO COM OS NOMES
   DE ARQUIVOS OU
      VARIÁVEIS!
Entschuldigen, varTeste, vaiSerVazia, mudoDepois, clienteLegal,
                  Fremdenverkehrsbuero ....
<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
WEB STANDARDS!
Fazendo sua vida mais feliz desde 1900 e guaraná com rolha! :)
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 contam
 Situa-se no terreno mais baixo das pequenas aflições da classe média. Enfim.
                 Aconteceu com um amigo meu. Fictício, claro.
WEB SEMÂNTICA
Por que o seu site tem que fazer sentido! :-P
CONHEÇA O
 FUNCIONAMENTO DA
MAIORIA DOS BROWSERS
 Sim, inclusive aquele aplicativo que tem um “E” azul! ;)
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)
MAIS IMPORTANTE!
FAÇA O QUE VOCÊ
     GOSTA!
 Até por que, comer arroz e feijão todo dia, enjoa ;)
POXA, GOSTEI :D
DEPOIS DE TUDO ISSO, EU
 QUERO SABER, COMO
FAÇO PRA CONTRIBUIR
   COM A MOZILLA?
• 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
E COMO EU FAÇO PRA
 ENTRAR EM CONTATO
COM MAIS PESSOAS QUE
  CONTRIBUEM COM A
       MOZILLA?
Listas de e-mail:
    community-brasil@lists.mozilla.org
         mozbr@googlegroups.com


    Twitter:                     Facebook:

@mozillabrasil                 Mozilla Brasil
  @mozbr                       Firefox Brasil


                       Site:

               mozillabrasil.org.br
Meus contatos:
clauber@mozillabrasil.org


         Twitter:
    @clauber_halic


        Facebook:
   Clauber Stipkovic
MUITO OBRIGADO! :D

Mais conteúdo relacionado

Destaque (17)

8 a bil
8 a bil8 a bil
8 a bil
 
Microsoft Office356 - prezentacja mozliwosci
Microsoft Office356 - prezentacja mozliwosciMicrosoft Office356 - prezentacja mozliwosci
Microsoft Office356 - prezentacja mozliwosci
 
Manual programacion presupuesto final 2015
Manual programacion presupuesto final 2015Manual programacion presupuesto final 2015
Manual programacion presupuesto final 2015
 
There there alisha & jd sunkist
There there   alisha & jd sunkistThere there   alisha & jd sunkist
There there alisha & jd sunkist
 
تفويض لإستلام إستدعاء
تفويض لإستلام  إستدعاءتفويض لإستلام  إستدعاء
تفويض لإستلام إستدعاء
 
borang keberadaab Guru Jan tahap2
borang keberadaab Guru Jan tahap2borang keberadaab Guru Jan tahap2
borang keberadaab Guru Jan tahap2
 
Jd grass
Jd grassJd grass
Jd grass
 
Ejercicio 6 corel draw x5
Ejercicio 6 corel draw x5Ejercicio 6 corel draw x5
Ejercicio 6 corel draw x5
 
Información PRP
Información PRPInformación PRP
Información PRP
 
Math Games
Math GamesMath Games
Math Games
 
Aw grass
Aw grassAw grass
Aw grass
 
Informe de ciencias naturales
Informe de ciencias naturalesInforme de ciencias naturales
Informe de ciencias naturales
 
There there infiniti on camelback 1
There there   infiniti on camelback 1There there   infiniti on camelback 1
There there infiniti on camelback 1
 
Mm 502 variable compleja
Mm 502 variable complejaMm 502 variable compleja
Mm 502 variable compleja
 
Presentación1
Presentación1Presentación1
Presentación1
 
There there-vegas
There there-vegasThere there-vegas
There there-vegas
 
Inspiração Punk
Inspiração PunkInspiração Punk
Inspiração Punk
 

Semelhante a Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011

Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
Bruno Cardoso
 
Redes Sociais: Relacionamento com foco no Engajamento
Redes Sociais: Relacionamento com foco no EngajamentoRedes Sociais: Relacionamento com foco no Engajamento
Redes Sociais: Relacionamento com foco no Engajamento
Ana Brambilla
 
Seus problemas com desenvolvimento web acabaram conheça joomla
Seus problemas com desenvolvimento web acabaram conheça joomlaSeus problemas com desenvolvimento web acabaram conheça joomla
Seus problemas com desenvolvimento web acabaram conheça joomla
Jerônimo Medina Madruga
 

Semelhante a Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011 (20)

Palestra . Redes Sociais & Empregabilidade (Bruno Cardoso e Vinícius Pinto)
Palestra . Redes Sociais & Empregabilidade (Bruno Cardoso e Vinícius Pinto)Palestra . Redes Sociais & Empregabilidade (Bruno Cardoso e Vinícius Pinto)
Palestra . Redes Sociais & Empregabilidade (Bruno Cardoso e Vinícius Pinto)
 
Redes sociais na internet
Redes sociais na internetRedes sociais na internet
Redes sociais na internet
 
Redes Sociais - SESC SP
Redes Sociais - SESC SPRedes Sociais - SESC SP
Redes Sociais - SESC SP
 
Como a tecnologia pode facilitar a sua vida?
Como a tecnologia pode facilitar a sua vida?Como a tecnologia pode facilitar a sua vida?
Como a tecnologia pode facilitar a sua vida?
 
Truques para criar sites gratuitamente de Fernando Maviuco
Truques para criar sites gratuitamente de Fernando MaviucoTruques para criar sites gratuitamente de Fernando Maviuco
Truques para criar sites gratuitamente de Fernando Maviuco
 
Marketing em Redes Sociais - Curso APADI - Turma de Junho/2010
Marketing em Redes Sociais - Curso APADI - Turma de Junho/2010Marketing em Redes Sociais - Curso APADI - Turma de Junho/2010
Marketing em Redes Sociais - Curso APADI - Turma de Junho/2010
 
Percepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiroPercepções sobre mídias sociais e números do mercado brasileiro
Percepções sobre mídias sociais e números do mercado brasileiro
 
Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
Palestra . redes sociais & empregabilidade (bruno cardoso e vinícius pinto)
 
Marketing Pessoal, valoriza-te e dá-te a conhecer.
Marketing Pessoal, valoriza-te e dá-te a conhecer.Marketing Pessoal, valoriza-te e dá-te a conhecer.
Marketing Pessoal, valoriza-te e dá-te a conhecer.
 
Desenvolvendo chatbots mesmo sem saber codar!
Desenvolvendo chatbots mesmo sem saber codar! Desenvolvendo chatbots mesmo sem saber codar!
Desenvolvendo chatbots mesmo sem saber codar!
 
Live do Facebook
Live do FacebookLive do Facebook
Live do Facebook
 
Estratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJEstratégia, Design e Acessibilidade Web - BlogcampRJ
Estratégia, Design e Acessibilidade Web - BlogcampRJ
 
Redes Sociais: Relacionamento com foco no Engajamento
Redes Sociais: Relacionamento com foco no EngajamentoRedes Sociais: Relacionamento com foco no Engajamento
Redes Sociais: Relacionamento com foco no Engajamento
 
Gestão Pessoal e Corporativa do Facebook
Gestão Pessoal e Corporativa do FacebookGestão Pessoal e Corporativa do Facebook
Gestão Pessoal e Corporativa do Facebook
 
Marketing em Redes Sociais - Curso APADI - Turma Outubro
Marketing em Redes Sociais - Curso APADI - Turma OutubroMarketing em Redes Sociais - Curso APADI - Turma Outubro
Marketing em Redes Sociais - Curso APADI - Turma Outubro
 
Aula 1 da 2ª Turma do Curso de Marketing Digital - Ribeirão Preto
Aula 1 da 2ª Turma do Curso de Marketing Digital - Ribeirão PretoAula 1 da 2ª Turma do Curso de Marketing Digital - Ribeirão Preto
Aula 1 da 2ª Turma do Curso de Marketing Digital - Ribeirão Preto
 
003 A Selva De Dados Chamada Internet
003   A Selva De Dados Chamada Internet003   A Selva De Dados Chamada Internet
003 A Selva De Dados Chamada Internet
 
RL Design - Desenvolvimento de site e blog
RL Design - Desenvolvimento de  site e blogRL Design - Desenvolvimento de  site e blog
RL Design - Desenvolvimento de site e blog
 
Seus problemas com desenvolvimento web acabaram conheça joomla
Seus problemas com desenvolvimento web acabaram conheça joomlaSeus problemas com desenvolvimento web acabaram conheça joomla
Seus problemas com desenvolvimento web acabaram conheça joomla
 
Apresentação de Sylvio Micelli sobre Comunicação na reunião da CNSP em Recife/PE
Apresentação de Sylvio Micelli sobre Comunicação na reunião da CNSP em Recife/PEApresentação de Sylvio Micelli sobre Comunicação na reunião da CNSP em Recife/PE
Apresentação de Sylvio Micelli sobre Comunicação na reunião da CNSP em Recife/PE
 

Último

Último (8)

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 

Ferramentas Mozilla e Desenvolvimento Web - Semana Técnica, ETESP 2011

  • 1. FERRAMENTAS MOZILLA E DESENVOLVIMENTO WEB Clauber Stipkovic
  • 2. LEGAL! ENTÃO ME FALA DA MOZILLA!
  • 3.
  • 4.
  • 5. MUITA COISA LEGAL, NÃO É MESMO? :)
  • 6. QUERO VER ENTÃO O QUE A MOZILLA TEM PRA ME AJUDAR NO DESENVOLVIMENTO WEB!
  • 8. O QUE O FIREFOX TEM DE TÃO LEGAL? E o que eu posso usar no desenvolvimento?
  • 9.
  • 10. E OS ADD-ONS? COMO EU CRIO UM DESSES?
  • 11. Atualmente conhecido também como Add-on SDK
  • 12.
  • 13. Your Add-on Your Add-on Add-on SDK Core Add-on SDK Core Mozilla Firefox Firefox Core
  • 14. E COM ISSO O QUE EU POSSO FAZER?
  • 15. ABOUT:ADDONS • browseTimer • Gmail Checker • Gmail chat notifier • bg2blank • Grooveshark Remote Control • Criar ... criar e criar!!!
  • 17. MAS ONDE EU ENCONTRO ESSES ADDONS?
  • 19. E ONDE EU ENCONTRO DOCUMENTOS PRA APRENDER TUDO ISSO?
  • 20. DEVELOPER.MOZILLA.ORG Web, Jetpack, Mobile, Add-ons, Javascript, CSS, HTML 5 ...
  • 21. MAS EU TAMBÉM QUERO APRENDER A DESENVOLVER SITES, PARA AS PESSOAS ACESSAREM ATRAVÉS DOS BROWSERS!
  • 22. VOCÊ PODE DAR ALGUMAS DICAS?
  • 23.
  • 24.
  • 25. CUIDADO COM OS NOMES DE ARQUIVOS OU VARIÁVEIS! Entschuldigen, varTeste, vaiSerVazia, mudoDepois, clienteLegal, Fremdenverkehrsbuero ....
  • 26. <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
  • 27. WEB STANDARDS! Fazendo sua vida mais feliz desde 1900 e guaraná com rolha! :)
  • 28. 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 contam Situa-se no terreno mais baixo das pequenas aflições da classe média. Enfim. Aconteceu com um amigo meu. Fictício, claro.
  • 29. WEB SEMÂNTICA Por que o seu site tem que fazer sentido! :-P
  • 30. CONHEÇA O FUNCIONAMENTO DA MAIORIA DOS BROWSERS Sim, inclusive aquele aplicativo que tem um “E” azul! ;)
  • 31. 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)
  • 32. MAIS IMPORTANTE! FAÇA O QUE VOCÊ GOSTA! Até por que, comer arroz e feijão todo dia, enjoa ;)
  • 34. DEPOIS DE TUDO ISSO, EU QUERO SABER, COMO FAÇO PRA CONTRIBUIR COM A MOZILLA?
  • 35. • 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
  • 36. E COMO EU FAÇO PRA ENTRAR EM CONTATO COM MAIS PESSOAS QUE CONTRIBUEM COM A MOZILLA?
  • 37. Listas de e-mail: community-brasil@lists.mozilla.org mozbr@googlegroups.com Twitter: Facebook: @mozillabrasil Mozilla Brasil @mozbr Firefox Brasil Site: mozillabrasil.org.br
  • 38. Meus contatos: clauber@mozillabrasil.org Twitter: @clauber_halic Facebook: Clauber Stipkovic