Palestrantes: Clauber Stipkovic <clauber.halic@gmail.com>   Mario Rinaldi <lalo.rinaldi@gmail.com> Mozilla Workshop – FISL...
<ul><li>Web Standards </li></ul><ul><li>- Web Standards é um conjunto de normas, diretrizes, recomendações, produzidos pel...
Conceito de Visibilidade Web
Por que utilizar o Firefox como Framework? - Engine do Firefox(Gecko) tem um grande suporte aos Web Standards - Há excelen...
Habilitar/Desabilitar - Javascript, Pop-up, Cookies, CSS, Imagens Informações da Página sobre - Cookies, CSS, Forms, Image...
Teste de Navegação - Titulo, Formularios, Frames, Idioma ... Teste Scripts - Desabilitar eventos do Mouse, Formulário, Loa...
Editar, debugar e monitorar HTML, CSS e Javascript - JavaScript Debugger - Monitor de atividades de Rede – Mostra um “graf...
Firefox Add-on E o que mais temos no AMO(Add-ons Mozilla Org)‏ O site  https://addons.mozilla.org  possue uma infinidade d...
Firefox 3 Uma Web ainda melhor Um mundo ainda melhor esta por vir: - Recursos Offline(páginas poderão ser executadas em mo...
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...
Próximos SlideShares
Carregando em…5
×

Firefox - Developer's Best Friend // Fisl2008

1.663 visualizações

Publicada em

Developer Best Friend Fisl2008
Mozilla WorkShop 2008

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.663
No SlideShare
0
A partir de incorporações
0
Número de incorporações
311
Ações
Compartilhamentos
0
Downloads
10
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Firefox - Developer's Best Friend // Fisl2008

  1. 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. 2. <ul><li>Web Standards </li></ul><ul><li>- Web Standards é um conjunto de normas, diretrizes, recomendações, produzidos pelo W3C(World Wide Web Consortium). </li></ul><ul><li>Conhecer e por em prática os padrões é importante para que as aplicações web sejam mais facilmente acessadas/interpretadas pelos browsers </li></ul><ul><li>Tableless </li></ul><ul><li>- Metodologia de desenvolvimento de Layouts </li></ul><ul><li>- Utilização correta das <tags> segundo os Web Standards </li></ul><ul><li>Web semântica </li></ul><ul><li>- Metodologia de organização de documentos </li></ul><ul><li>- Atribuir um significado (sentido) ao conteúdo publicado na Internet </li></ul><ul><li>Perceptível tanto para humano quanto para computador. </li></ul><ul><li>Acessibilidade </li></ul><ul><li>- Permitir que o maior numero de pessoas tenham acesso ao site. </li></ul><ul><li>- Permitir o acesso não somente via PC, mas também por qualquer dispositivo </li></ul>Importante para o Desenvolvimento Web!?!?!
  3. 3. Conceito de Visibilidade Web
  4. 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. 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. 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. 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. 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. 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. 10. Just For Funny =)‏ Alguns Add-ons para relaxar: - Cookie - Futebol - Bring the Porn - Flash Video Downloader
  11. 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.

×