SlideShare uma empresa Scribd logo
1 de 11
Palestrantes: Clauber Stipkovic <clauber.halic@gmail.com>   Mario Rinaldi <lalo.rinaldi@gmail.com> Mozilla Workshop – FISL 2008 Firefox - A Developer's Best Friend
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Importante para o Desenvolvimento Web!?!?!
Conceito de Visibilidade Web
Por que utilizar o Firefox como Framework? - Engine do Firefox(Gecko) tem um grande suporte aos Web Standards - Há excelentes add-ons com recursos como debugger de Javascript, entre outros. Por que utilizar os Add-ons?? - Ajuda no Desenvolvimento do Design de (X)HTML, CSS. - É sempre facil acessar os Add-ons já que estão trabalhando em conjunto com o Browser Add-ons Firefox Para o Desenvolvimento/Teste de Web Sites
Habilitar/Desabilitar - Javascript, Pop-up, Cookies, CSS, Imagens Informações da Página sobre - Cookies, CSS, Forms, Imagens, Tamanho da Página, Links contidos na página, Ordenação dos Elementos(HTML) ... Validador   - HTML, CSS, Feed, Links Resize de Página Console para execução de Javascript Firefox Add-on – Web Developer
Teste de Navegação - Titulo, Formularios, Frames, Idioma ... Teste Scripts - Desabilitar eventos do Mouse, Formulário, Load da Página ... Teste CSS - Contraste de Cor, Flow Text, Tamanho da Fonte.  Testes de Acessibilidade - Sites que fornecem relatórios sobre acessibilidade da sua aplicação web. Firefox Add-on – Accessibility Extension
Editar, debugar e monitorar HTML, CSS e Javascript - JavaScript Debugger - Monitor de atividades de Rede – Mostra um “grafico” com tempo de download e Tamanho dos arquivos durante o acesso à página. - Inspector de HTML e CSS - Visualizador de métricas de CSS - Poderoso Console de Erros para Javascript, CSS e XML Firefox Add-on – Firebug
Firefox Add-on E o que mais temos no AMO(Add-ons Mozilla Org)‏ O site  https://addons.mozilla.org  possue uma infinidade de Add-ons que podem resolver diversos problemas, ou ajudar no seu dia-a-dia de desenvolvimento. Abaixo você pode encontrar mais alguns Add-ons recomendados. - Colorzilla [  https://addons.mozilla.org/pt-BR/firefox/addon/271  ] - NoScript [  https://addons.mozilla.org/pt-BR/firefox/addon/722  ] - XML Developer Toolbar [  https://addons.mozilla.org/pt-BR/firefox/addon/2897  ] - User Agent Switcher [  https://addons.mozilla.org/pt-BR/firefox/addon/59  ] - JavaScript Debugger(Venkman) [  https://addons.mozilla.org/pt-BR/firefox/addon/216  ] - Html Validator [  https://addons.mozilla.org/pt-BR/firefox/addon/249  ]  - MeasureIt [  https://addons.mozilla.org/pt-BR/firefox/addon/539  ] - Autofill Forms - [  https://addons.mozilla.org/pt-BR/firefox/addon/4775  ] - XHTML Mobile Profile [  https://addons.mozilla.org/pt-BR/firefox/addon/1345  ]
Firefox 3 Uma Web ainda melhor Um mundo ainda melhor esta por vir: - Recursos Offline(páginas poderão ser executadas em modo offline). - A página poderá ser executada mesmo quando não ouver uma conexão. - Possibilidade de verificar se há uma conexão ativa no momento. - Várias implementações novas de CSS, DOM, entre outros. - Implementações de Javascript 1.8(disponível a partir do Gecko 1.9 / Firefox 3.0). - Mozilla Prism
Just For Funny =)‏ Alguns Add-ons para relaxar: - Cookie - Futebol - Bring the Porn - Flash Video Downloader
Firefox 3 Alguns Add-ons interessantes para o Firefox 3 Sugetão de Add-ons para aproveitar ainda mais as novas features do Firefox 3.0: - SQLite Manager [  https://addons.mozilla.org/pt-BR/firefox/addon/5817  ] - Gerencia todos os Banco de Dados SQLite. - Ajuda a gerenciar o SQLite que acompanha o Firefox 3.0 - Prism for Firefox [  https://addons.mozilla.org/pt-BR/firefox/addon/6665  ]   - Cria Aplicações Mozilla Prism direto do Firefox.

Mais conteúdo relacionado

Mais procurados

O básico sobre Vue 2. Talk Vue Básico 1/3
O básico sobre Vue 2. Talk Vue Básico 1/3O básico sobre Vue 2. Talk Vue Básico 1/3
O básico sobre Vue 2. Talk Vue Básico 1/3Danilo Pinotti
 
Apresentação Wordpress FLISOL 2010
Apresentação Wordpress FLISOL 2010Apresentação Wordpress FLISOL 2010
Apresentação Wordpress FLISOL 2010Zarathon Maia
 
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introduçãoAgrupamento de Escolas da Batalha
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a InternetLeonardo Soares
 
Minicurso WordPress
Minicurso WordPressMinicurso WordPress
Minicurso WordPressEdson Silva
 
Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-webMarcio Mota
 
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitiva
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta DefinitivaPalestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitiva
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitivaalfredofurtado
 
Instalando Drupal, Começando do Começo
Instalando Drupal, Começando do ComeçoInstalando Drupal, Começando do Começo
Instalando Drupal, Começando do Começosauloamui
 
Apresentação sobre Drupal
Apresentação sobre DrupalApresentação sobre Drupal
Apresentação sobre DrupalWebdrop
 
Otimização de Performance Web
Otimização de Performance WebOtimização de Performance Web
Otimização de Performance WebPaolo Almeida
 
drupal: ligando os nos da rede
drupal: ligando os nos da rededrupal: ligando os nos da rede
drupal: ligando os nos da redeAndré Avorio
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
0 Introdução ao Desenvolvimento Web - Apresentação
0   Introdução ao Desenvolvimento Web - Apresentação0   Introdução ao Desenvolvimento Web - Apresentação
0 Introdução ao Desenvolvimento Web - ApresentaçãoMauro Duarte
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software LivreRuan Carvalho
 
Web 2.0
Web 2.0Web 2.0
Web 2.0maxii
 
Como criar módulos para magento 2
Como criar módulos para magento 2Como criar módulos para magento 2
Como criar módulos para magento 2Rafael Corrêa Gomes
 

Mais procurados (19)

O básico sobre Vue 2. Talk Vue Básico 1/3
O básico sobre Vue 2. Talk Vue Básico 1/3O básico sobre Vue 2. Talk Vue Básico 1/3
O básico sobre Vue 2. Talk Vue Básico 1/3
 
Apresentação Wordpress FLISOL 2010
Apresentação Wordpress FLISOL 2010Apresentação Wordpress FLISOL 2010
Apresentação Wordpress FLISOL 2010
 
Mini Curso Wordpress
Mini Curso WordpressMini Curso Wordpress
Mini Curso Wordpress
 
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
5 – Desenvolvimento de Páginas Web Dinâmicas PHP: introdução
 
Introdução a programação para a Internet
Introdução a programação para a InternetIntrodução a programação para a Internet
Introdução a programação para a Internet
 
Minicurso WordPress
Minicurso WordPressMinicurso WordPress
Minicurso WordPress
 
Introducao desenvolvimento-web
Introducao desenvolvimento-webIntroducao desenvolvimento-web
Introducao desenvolvimento-web
 
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitiva
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta DefinitivaPalestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitiva
Palestra Fpsl Alfredofurtado Netbeans A Ferramenta Definitiva
 
Instalando Drupal, Começando do Começo
Instalando Drupal, Começando do ComeçoInstalando Drupal, Começando do Começo
Instalando Drupal, Começando do Começo
 
Apresentação sobre Drupal
Apresentação sobre DrupalApresentação sobre Drupal
Apresentação sobre Drupal
 
Otimização de Performance Web
Otimização de Performance WebOtimização de Performance Web
Otimização de Performance Web
 
drupal: ligando os nos da rede
drupal: ligando os nos da rededrupal: ligando os nos da rede
drupal: ligando os nos da rede
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
0 Introdução ao Desenvolvimento Web - Apresentação
0   Introdução ao Desenvolvimento Web - Apresentação0   Introdução ao Desenvolvimento Web - Apresentação
0 Introdução ao Desenvolvimento Web - Apresentação
 
Fullstack C# com Blazor
Fullstack C# com BlazorFullstack C# com Blazor
Fullstack C# com Blazor
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 4 - 1...
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
Como criar módulos para magento 2
Como criar módulos para magento 2Como criar módulos para magento 2
Como criar módulos para magento 2
 

Destaque (20)

There there audioconfusion
There there   audioconfusionThere there   audioconfusion
There there audioconfusion
 
Informe de ciencias naturales
Informe de ciencias naturalesInforme de ciencias naturales
Informe de ciencias naturales
 
The casualties-visual-punk jpg
The casualties-visual-punk jpgThe casualties-visual-punk jpg
The casualties-visual-punk jpg
 
3rd Grade Curriculum Map
3rd Grade Curriculum Map3rd Grade Curriculum Map
3rd Grade Curriculum Map
 
Las cuevas de altamira.iris
Las cuevas de altamira.irisLas cuevas de altamira.iris
Las cuevas de altamira.iris
 
Boyaca
BoyacaBoyaca
Boyaca
 
Xadrez punk jpg
Xadrez punk jpgXadrez punk jpg
Xadrez punk jpg
 
Punks londres3 jpg
Punks londres3 jpgPunks londres3 jpg
Punks londres3 jpg
 
Cartaz Mediunidade a Luz do Alto em Nossas Vidas
Cartaz Mediunidade a Luz do Alto em Nossas VidasCartaz Mediunidade a Luz do Alto em Nossas Vidas
Cartaz Mediunidade a Luz do Alto em Nossas Vidas
 
1.o teste 7.o_b
1.o teste 7.o_b1.o teste 7.o_b
1.o teste 7.o_b
 
Atapuerca.zulema
Atapuerca.zulemaAtapuerca.zulema
Atapuerca.zulema
 
Clicks
ClicksClicks
Clicks
 
تفويض لإستلام إستدعاء
تفويض لإستلام  إستدعاءتفويض لإستلام  إستدعاء
تفويض لإستلام إستدعاء
 
borang keberadaab Guru Jan tahap2
borang keberadaab Guru Jan tahap2borang keberadaab Guru Jan tahap2
borang keberadaab Guru Jan tahap2
 
There there alisha & jd sunkist
There there   alisha & jd sunkistThere there   alisha & jd sunkist
There there alisha & jd sunkist
 
tujacks menu (2)
tujacks menu (2)tujacks menu (2)
tujacks menu (2)
 
Movimento punk jpg
Movimento punk jpgMovimento punk jpg
Movimento punk jpg
 
1.o teste 7.o_a
1.o teste 7.o_a1.o teste 7.o_a
1.o teste 7.o_a
 
Abc
AbcAbc
Abc
 
1.o teste 7.o_a
1.o teste 7.o_a1.o teste 7.o_a
1.o teste 7.o_a
 

Semelhante a Firefox - Developer's Best Friend // Fisl2008

Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebDiego Pessoa
 
Administração de portais
Administração de portaisAdministração de portais
Administração de portaisFelipe Perin
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal Clécio Bachini
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúRoad Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúClécio Bachini
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B Rguestb9d145
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012Fábio Flatschart
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livreRuan Carvalho
 
Campus Party 2011 html 5
Campus Party 2011 html 5Campus Party 2011 html 5
Campus Party 2011 html 5Danilo Sousa
 

Semelhante a Firefox - Developer's Best Friend // Fisl2008 (20)

Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
HTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da WebHTML 5, CSS 3 e o futuro da Web
HTML 5, CSS 3 e o futuro da Web
 
Administração de portais
Administração de portaisAdministração de portais
Administração de portais
 
HTML5- Road Show TI - Senac Jaboticabal
HTML5- Road Show TI -  Senac Jaboticabal HTML5- Road Show TI -  Senac Jaboticabal
HTML5- Road Show TI - Senac Jaboticabal
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Road Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - JaúRoad Show TI Senac São Paulo - Jaú
Road Show TI Senac São Paulo - Jaú
 
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBHTML5 - A nova fronteira no desenvolvimento de aplicações WEB
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B R
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
XHTML e CSS
XHTML e CSSXHTML e CSS
XHTML e CSS
 
HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012HTML5 - Road Show TI Experience 2012
HTML5 - Road Show TI Experience 2012
 
Emsl Joomla
Emsl JoomlaEmsl Joomla
Emsl Joomla
 
HTML 5 e Open Web Platform
HTML 5 e Open Web PlatformHTML 5 e Open Web Platform
HTML 5 e Open Web Platform
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Web Tools Pt Br
Web Tools Pt BrWeb Tools Pt Br
Web Tools Pt Br
 
Browser Mobile - Firefox
Browser Mobile - FirefoxBrowser Mobile - Firefox
Browser Mobile - Firefox
 
Novas Funcionalidades Liferay 6
Novas Funcionalidades Liferay 6Novas Funcionalidades Liferay 6
Novas Funcionalidades Liferay 6
 
Web tools pt-br
Web tools pt-brWeb tools pt-br
Web tools pt-br
 
Campus Party 2011 html 5
Campus Party 2011 html 5Campus Party 2011 html 5
Campus Party 2011 html 5
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 

Último

ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docxATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx2m Assessoria
 
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASCOI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASMarcio Venturelli
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAMarcio Venturelli
 
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)Alessandro Almeida
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiPaulo Pagliusi, PhD, CISM
 
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.docx2m Assessoria
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPaulo Pagliusi, PhD, CISM
 
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docxATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx2m Assessoria
 

Último (8)

ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docxATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
ATIVIDADE 1 - GESTÃO DE PESSOAS E DESENVOLVIMENTO DE EQUIPES - 52_2024.docx
 
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINASCOI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
COI CENTRO DE OPERAÇÕES INDUSTRIAIS NAS USINAS
 
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIAEAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
EAD Curso - CIÊNCIA DE DADOS NA INDÚSTTRIA
 
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
[ServiceNow] Upgrade de versão - 2ª edição (Revisada, atualizada e ampliada)
 
Entrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo PagliusiEntrevistas, artigos, livros & citações de Paulo Pagliusi
Entrevistas, artigos, livros & citações de Paulo Pagliusi
 
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
 
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo PagliusiPalestras sobre Cibersegurança em Eventos - Paulo Pagliusi
Palestras sobre Cibersegurança em Eventos - Paulo Pagliusi
 
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docxATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
ATIVIDADE 1 - CÁLCULO DIFERENCIAL E INTEGRAL II - 52_2024.docx
 

Firefox - Developer's Best Friend // Fisl2008

  • 1. Palestrantes: Clauber Stipkovic <clauber.halic@gmail.com> Mario Rinaldi <lalo.rinaldi@gmail.com> Mozilla Workshop – FISL 2008 Firefox - A Developer's Best Friend
  • 2.
  • 4. Por que utilizar o Firefox como Framework? - Engine do Firefox(Gecko) tem um grande suporte aos Web Standards - Há excelentes add-ons com recursos como debugger de Javascript, entre outros. Por que utilizar os Add-ons?? - Ajuda no Desenvolvimento do Design de (X)HTML, CSS. - É sempre facil acessar os Add-ons já que estão trabalhando em conjunto com o Browser Add-ons Firefox Para o Desenvolvimento/Teste de Web Sites
  • 5. Habilitar/Desabilitar - Javascript, Pop-up, Cookies, CSS, Imagens Informações da Página sobre - Cookies, CSS, Forms, Imagens, Tamanho da Página, Links contidos na página, Ordenação dos Elementos(HTML) ... Validador - HTML, CSS, Feed, Links Resize de Página Console para execução de Javascript Firefox Add-on – Web Developer
  • 6. Teste de Navegação - Titulo, Formularios, Frames, Idioma ... Teste Scripts - Desabilitar eventos do Mouse, Formulário, Load da Página ... Teste CSS - Contraste de Cor, Flow Text, Tamanho da Fonte. Testes de Acessibilidade - Sites que fornecem relatórios sobre acessibilidade da sua aplicação web. Firefox Add-on – Accessibility Extension
  • 7. Editar, debugar e monitorar HTML, CSS e Javascript - JavaScript Debugger - Monitor de atividades de Rede – Mostra um “grafico” com tempo de download e Tamanho dos arquivos durante o acesso à página. - Inspector de HTML e CSS - Visualizador de métricas de CSS - Poderoso Console de Erros para Javascript, CSS e XML Firefox Add-on – Firebug
  • 8. Firefox Add-on E o que mais temos no AMO(Add-ons Mozilla Org)‏ O site https://addons.mozilla.org possue uma infinidade de Add-ons que podem resolver diversos problemas, ou ajudar no seu dia-a-dia de desenvolvimento. Abaixo você pode encontrar mais alguns Add-ons recomendados. - Colorzilla [ https://addons.mozilla.org/pt-BR/firefox/addon/271 ] - NoScript [ https://addons.mozilla.org/pt-BR/firefox/addon/722 ] - XML Developer Toolbar [ https://addons.mozilla.org/pt-BR/firefox/addon/2897 ] - User Agent Switcher [ https://addons.mozilla.org/pt-BR/firefox/addon/59 ] - JavaScript Debugger(Venkman) [ https://addons.mozilla.org/pt-BR/firefox/addon/216 ] - Html Validator [ https://addons.mozilla.org/pt-BR/firefox/addon/249 ] - MeasureIt [ https://addons.mozilla.org/pt-BR/firefox/addon/539 ] - Autofill Forms - [ https://addons.mozilla.org/pt-BR/firefox/addon/4775 ] - XHTML Mobile Profile [ https://addons.mozilla.org/pt-BR/firefox/addon/1345 ]
  • 9. Firefox 3 Uma Web ainda melhor Um mundo ainda melhor esta por vir: - Recursos Offline(páginas poderão ser executadas em modo offline). - A página poderá ser executada mesmo quando não ouver uma conexão. - Possibilidade de verificar se há uma conexão ativa no momento. - Várias implementações novas de CSS, DOM, entre outros. - Implementações de Javascript 1.8(disponível a partir do Gecko 1.9 / Firefox 3.0). - Mozilla Prism
  • 10. Just For Funny =)‏ Alguns Add-ons para relaxar: - Cookie - Futebol - Bring the Porn - Flash Video Downloader
  • 11. Firefox 3 Alguns Add-ons interessantes para o Firefox 3 Sugetão de Add-ons para aproveitar ainda mais as novas features do Firefox 3.0: - SQLite Manager [ https://addons.mozilla.org/pt-BR/firefox/addon/5817 ] - Gerencia todos os Banco de Dados SQLite. - Ajuda a gerenciar o SQLite que acompanha o Firefox 3.0 - Prism for Firefox [ https://addons.mozilla.org/pt-BR/firefox/addon/6665 ] - Cria Aplicações Mozilla Prism direto do Firefox.