SlideShare une entreprise Scribd logo
1  sur  39
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

8 a bil
8 a bil8 a bil
8 a bil4book
 
Microsoft Office356 - prezentacja mozliwosci
Microsoft Office356 - prezentacja mozliwosciMicrosoft Office356 - prezentacja mozliwosci
Microsoft Office356 - prezentacja mozliwosciMichał Ruta
 
Manual programacion presupuesto final 2015
Manual programacion presupuesto final 2015Manual programacion presupuesto final 2015
Manual programacion presupuesto final 2015DGJ0712
 
There there alisha & jd sunkist
There there   alisha & jd sunkistThere there   alisha & jd sunkist
There there alisha & jd sunkisttheretheremusic
 
تفويض لإستلام إستدعاء
تفويض لإستلام  إستدعاءتفويض لإستلام  إستدعاء
تفويض لإستلام إستدعاءtiboo
 
Ejercicio 6 corel draw x5
Ejercicio 6 corel draw x5Ejercicio 6 corel draw x5
Ejercicio 6 corel draw x5David Villabon
 
Información PRP
Información PRPInformación PRP
Información PRPivaanlv
 
Math Games
Math GamesMath Games
Math Gamesjwalts
 
Informe de ciencias naturales
Informe de ciencias naturalesInforme de ciencias naturales
Informe de ciencias naturalesAnge Vega
 
There there infiniti on camelback 1
There there   infiniti on camelback 1There there   infiniti on camelback 1
There there infiniti on camelback 1theretheremusic
 
Mm 502 variable compleja
Mm 502 variable complejaMm 502 variable compleja
Mm 502 variable complejaMario José
 

En vedette (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
 

Similaire à 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 - SESC SP
Redes Sociais - SESC SPRedes Sociais - SESC SP
Redes Sociais - SESC SPEdney Souza
 
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?Camila Renaux
 
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 MaviucoEditora
 
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/2010Edney Souza
 
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 brasileiroEdney Souza
 
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
 
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.Marco Novo
 
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 - BlogcampRJHorácio Soares
 
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 EngajamentoAna Brambilla
 
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 FacebookTeles Júnior
 
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 OutubroEdney Souza
 
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 PretoEstrategia Digital
 
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 Internetguesteb717f27
 
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 joomlaJerônimo Medina Madruga
 
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/PESylvio Micelli
 

Similaire à 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
 

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