Web Development - Tools Of The Trade

Com um número crescente de navegadores para tornar o código compatível e maiores exigências colocadas no web designers e desenvolvedores há uma exigência de instrumentos mais poderosos para criar e manter seu código. Este tutorial irá abranger uma série de métodos e recursos para ajudar a ajuda-lo na escalada das necessidades de seus projetos web.

Muitos desenvolvedores e designers têm seu navegador favorito pessoal próprio para o desenvolvimento e gerenciamento de seus websites. Este tutorial irá centrar-se sobre o uso de Firefox. Isto não quer dizer que outros navegadores, colocá-lo em desvantagem, mas o addons e melhorias são suportados pelo Firefox.

FireBug

Pensei que iria começar com a minha ferramenta favorita de desenvolvimento web. Firebug é extremamente flexível e poderosa ferramenta de desenvolvimento web. Eu poderia passar o dia todo falando sobre suas características, por isso vou cortar o mais impressionante e útil. Concebida como um add-on para o Firefox, que funciona dentro do aplicativo navegador Firebug permite inspecionar elementos, busca através de seu código e editá-lo on the fly. Esta é uma ferramenta muito útil se você estiver trabalhando com o JavaScript nas suas páginas.

Se você quiser começar realmente inteligente que você pode usar as opções ponto forte quebra que lhe permitem percorrer o código linha por linha, isto é muito útil se você desejar para decifrar o que está acontecendo como torna seu código em uma página, você pode adicionar relógios de elementos para fazer a depuração do código ainda mais fácil. Se está familiarizado com C + + e Java de programação que você vai tomar este como um pato na água.

Console Históricos

Se você tiver adicionado o Firebug para o navegador Firefox, você pode usar console.log () comandos dentro de seu JavaScript que irá executar em seu console do Firebug. Esta é uma maneira prática de correção de bugs em páginas da web ao vivo, onde você não pode apenas alertar para fora um valor. Quando você está navegador encontra um console de log ele irá mostrar o valor na sua Firebug console, para mais informações sobre este e outros convites confira a documentação completa.

Firecookie

Esta simples mas poderoso add-on para o Firefox aparece no console do firebug, quando baixado. Ele lhe dará acesso a informações sobre os cookies sejam armazenados em suas páginas da web, com a capacidade de visualizar e removê-los como quiser, sem precisar carregar guias separadas, apesar de uma ferramenta semelhante está disponível na barra de ferramenta de desenvolvedor é um Firecookie convinient opção a considerar. Isto é especialmente útil se você estiver trabalhando em scripts que dependem da utilização de dados de cookies ao contrário de informações da sessão. Pode ser simples, mas um desafio que eu estaria perdido sem.

Web Developer Bar

A maioria dos designers e desenvolvedores já estão muito familiarizados com esta barra de ferramentas, mas o seu sempre vale a pena mencionar. A barra de desenvolvedor web é um pouco mais útil do kit, que pode fazer um número de tarefas muito bem. Tem uma série de ferramentas que tornam o seu desenvolvimento de websites muito mais fácil. Para web designers que lhe dá ao ar livre sobre as folhas de estilo, o que significa que você pode editar a sua folha de estilo na mosca. Isto é, em princípio, semelhante ao que é possível em Friebug. As opções de CSS são grandes se você quiser fazer uma série de mudanças de estilo às suas páginas web, como uma vez que elas são feitas e você pode ver que eles estão trabalhando você só precisa copiar todo o conteúdo do estilo por cima do original e atualização no seu FTP, salvando o método de tentativa e erro adotado por muitos.

YSlow

Desenvolvido pelo Yahoo, YSlow é uma ferramenta desenhada para ajudar na otimização de site. Pessoalmente eu encontrei você precisa para ter essa ferramenta com uma pitada de sal. Embora seja muito útil para medir o tempo de carregamento da página, algumas das caraterísticas tais como a classificação de página web são dignos de vista, como a base da análise podem entrar em conflito com o que você pode estar tentando conseguir.

Url Params

Provavelmente uma das ferramentas mais úteis para fora lá se você precisar fazer nada com o envio do formulário. Url Params Firefox é mais um poderoso add on, vem na forma de uma barra lateral que exibe tanto o POST e obter informações, tornando muito mais fácil para ver o que você está enviando através. Você também pode facilmente adicionar parâmetros de ambos em um GET e POST campos. Um muito eficaz e fácil de usar ferramentas.

Resumo

As ferramentas que mencionei irá ajudá-lo se você for um seaoned profissional, ou simplesmente uma hobbiest. Isso não quer dizer que existem ferramentas não mais lá fora, para você usar. A beleza desta lista de id que tudo nele é livre para você usar em projectos comerciais ou de outra forma. Se não há outras ferramentas na lista por favor, comentar sobre eles, estou sempre disposto a descobrir o que os outros desenvolvedores estão usando em web design moderno.