Ferramentas que utilizo para desenvolvimento web
Postado por: Pedro Rogério emRecentemente recebi um e-mail de um leitor aqui do blog me perguntando quais ferramentas eu utilizo no dia a dia referentes ao desenvolvimento web, com isso, resolvi escrever esse post para mostrar um pouco do que eu utilizo no meu dia de trabalho.
Dreamweaver
Odiado por muitos, adorado por poucos, é com ele que escrevo CSS e HTML, desde quando comecei a desenvolver para a web utilizo o Dreamweaver, se utilizado da forma correta é uma ótima ferramenta. Digo da forma correta pois ainda existem muitas pessoas que o utilizam no modo visual, onde você vai criando as divs (vulgo layers), somente as arrastando pela página. Também já utilizei bloco de notas, Notepad++, TopStyle, Aptana e vários outros editores desconhecidos.
Photoshop
É através dele que faço o recorte de imagens para aplicar nos layouts que desenvolvo o HTML. Dispensa explicações.
Internet Explorer 6, 7 e 8
Sim, parece muito mais ainda tenho esses 3 browsers instalados aqui no meu PC, rodo o IE6 através de uma máquina virtual, mas ultimamente dá pra contar no dedo as vezes que ando abrindo a mesma, graças a deus. E o IE 7 eu utilizo através do IE8. Se você possui o IE8 instalado no PC basta apertar F12 para abrir as ferramentas de desenvolvimento e escolher como modo do navegador o IE7.
Fora esses browsers também tenho instalados aqui os seguintes browsers: Google Chrome, Safari e Opera. Todos esses em sua última versão.
Firefox
Esse não poderia faltar. Juntamente com o Firefox, tenho várias extensões instaladas, que são as seguintes: Firebug, Web Developer Toolbar, YSlow, HTML Validator, Screengrab, SenSEO, Weave. A extensão Weave serve para sincronizar meus favoritos, abas, aliás, tudo o que estiver salvo aqui no Firefox com outros computadores que utilizo, é uma mão na roda.
E com certeza uma ferramenta que não pode faltar, as consultas ao Google. Se você um dia quer se dar bem no desenvolvimento web acostume-se a pesquisar, não tenha preguiça de fazer o mesmo. Procure também ler bastante, compre alguns livros, pegue emprestado, mas não deixe de ler sobre o assunto. Aliás, já viram minha coleção de livros?
Não deixe também de visitar blogs, pois os caras são antenados e você sempre vai ver conteúdo fresco rolando. Siga-me também no Twitter, onde posto várias novidades que encontro por aí na web.
E você, quais ferramentas você utiliza no seu dia a dia que nos aconselha a utilizar?
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
Você usou o Aptana e não trocou o Dreamweaver por ele? O.o
Ontem fui visitar um possível cliente e vi q o navegador dele era um IE 6. Triste realidade essa a dos webdesigners…
Darei uma olhada nesses plugins do Firefox. Não experimentei sequer o Firebug (acredite se quiser).
T+
E ae rapaz… utilizo as mesmas ferramentas que vc, salvo o fireworks que prefiro para recortar as imagens, acho mais prático com a combinação de atalhos para exportar etc, enfim, um addon que utilizo no FF é o colorzilla, pra capturar cor, outro bem útil (pelo menos para mim) é o flagfox, que me mostra o ip e em qual país está hospedado o site, pra não precisar dar ping…eh isso ai.
aptana fede, extremamente pesado, complicado e chato e usar, deus me livre.
Estou adaptao ao drean waver, e ingoro o moo visual.
Felipe, nao defina que uma ferramenta é ruim ou nao, apenas use que que voce gosta e aprenda o maximo dela. Em momento algum o Pedro deprecia ou maxima uma ferramenta, ele apenas demonstra. Outra coisa, uma critica construtiva, voce nao releu o texto que escreveu, tente fazer isso sempre que escrever algo, pode ser bastante interessante. abraço
Com esse programa é tranquilo utilizar o IE6 (:
http://tredosoft.com/Multiple_IE
Você comprou licença para usar estes programas?
No Windows defendo o NotePad, no Linux (ubuntu) optei por usar um Editor de Texto padrão do sistema, ate o momento me agradou bastante, pois ele não interfere na minha escrita e ainda faz toda a coloração dos elementos, atributos e valores, tem alguns bugs mas pra mim tem se saido um ótimo editor, atualmente estou a me aprofundar mais no design gráfico e na programação, mais pro futuro minha intenção é utilizar o Fireworks e Photoshop para edição de imagens, os navegadores são imprescindíveis para o nosso dia-dia, e assim, como todos odeio o Internet Explorer, como o Pedro frisou, é de extrema importância as pesquisas e visitas aos blogs que tratam do assunto, assim como este e de vez em quando dêem uma passadinha no meu, em um curto espaço de tempo, eu escrevo sobre diversos assuntos relacionados a tecnologia e é claro ao desenvolvimento..
complementando, os livros também são uma importante ferramenta de aprendizagem, não só para o desenvolvimento, mais também para os conhecimentos gerais…Leia um Livro!
Uso o Numsphere PHPed, Aptana, Visual Studio 2008, Dreamweaver, Firefox, Safari, Chrome, IE6-8, SQL Server Management Studio, PowerDesign, Case Studio, Jude UML, Photoshop, SQLyog MySQL, Adobe Flash, Style Studio XML, Microsoft Expression e outros mais que tenho em casa que esqueci.
Faz chover também?
Você é do tipico ” faz tudo ” ? ou é especialista em tudo?
Ah uma grande diferenca em saber “usar” e “usar”
Se Realmente é especialista em tudo ai como descreve, que se cuide microsoft, google e afins, ja deve estar rico =)
husauhsauhus..
Não sou especialista não…
Por exemplo em Flash, eu o uso muito pouco, meu ultimo trabalho foi um player flv.
Existem varias maneiras de trabalhar com o Flash, eu so usei-o pra quebrar um galho meu.
O que eu uso com muita frequencia é o Visual Studio 2008, Nusphere PHPed, SQL Server Management Studio e SQLyog MySQL, as ferramentas cases, tem tempo que nao pego um layout inteiro pra fazer por isto tem uns 10 meses que nao uso integralmente Dreamweaver e Microsoft Expression.
Nossa… como pode, utilizo exatamente essas ferramentas. Sempre utilizei o Dreamweaver e tento sempre brincar com o Notepad++ e o EasyPHP. Eu obtenho os IEs pelo programa IE TESTER. Antes utilizava o MultipleIE mas depos que fazia algumas atualizações do IE8 ele acabava causando alguns conflitos bem chatos.
No firefox utilizo Firebug, HTML Validator, IE Tab, Web Developer Toolbar e ColorZilla.
Meus editores favoritos no momento são o E-texteditor e o Intype. No restante utilizo praticamente as mesmas ferramentas, apesar de utilizar mais fireworks que o photoshop para fazer layouts.
Cara, só faltou trocar o Photoshop pelo Fireworks que estaríamos falando exatamente a mesma língua, eu também uso o Dreamweaver pra trabalhar com CSS, HTML e até JS, a busca dele, para mim, é imprescindível! Abraços
Fireworks em primeiro lugar!!
Fireworks = Web
Photoshop = Photo
Fazer sites no photoshop é a mesma coisa do que tratar imagens no Fireworks!!
Cada ferramenta com seu foco!
A minha lista de ferramentas (pra mac) pra desenv Web é:
- Fireworks
- Coda
- Firefox com Web Developer, Firebug, Colorzilla e Measure it. Outras exts interessantes que uso são: FaviconizeTab e xMarks
Cada dia mais estou tentando me regularizar quanto a softs piratas. O Pixelmator (só pra mac) é uma excelente pedida para substituir o Photoshop.
Fala Pedrão,
Cara,
Também apóio o uso do Photoshop. Detesto Fireworks.
Uma ferramenta que não vivo sem e que agiliza MUITO é o Launchy (http://www.launchy.net/). Hoje é impossível viver sem. Aquele programinhas Post-its da 3M tb
Um add-in interessante para FF é o JSONNView para visualizar Json´s, semelhante como visualizamos XML.
[]´s
Juliano, É o JSONNView ou JSONView. Pois instalei o JSONView e ele parece com nome de 0.4 em complementos e nunca consegui usa-lo. Como é que usa o JSONView?
Alexsandro,
É JsonNView.
Assim, ele serve para visualizarmos arquivos Json semelhante aos XML.
Faça uma página retornando Json, configure o FF para aceitar cabeçalhos “application/json” (na configuração do add-in) e para testar chame a url do json, por exemplo “http://localhost/clientes.php”
Eu gosto bastante desse addin
Sinceramente?! nao achei nenhum JsonNView, so o JsonView.
Vc tem o link?
Alexsandro,
Me desculpe, é o JSONView mesmo! Me confundi com o “N”
Dessas ferramentas citadas.. só trocaria o Photoshop pelo Fireworks.
Você comprou licença para usar estes programas? [2]
Pinceladas da WEB apoia a pirataria.
PS: Você fala mal do IE e usa Linux???
No comments
Uso Windows 7
ainda continua sendo Windows… você ainda continua sem licença.
Por favor, pare de promover o software ilegal
A casa caiu mano, compre minhas licença senão é xadrez
Mas ja não ta paga?!!
Ja é licençiado.
É isso ae, eu apoio a pirataria. vamos unir forças
row row row, e uma garrafa de run
Voce me deve 14 meses de licença atrasada!!!!
Assim como você Pedro, também utilizo o DreamWeaver para desenvolver o HTML e o CSS, claro que não no modo visual tudo na mão mesmo. Acho que o utilizo talvez pelas cores do highlight e por ja esta acostumado com a interface, pois nada de modo visual ou JavaScripts gigantescos para inserir flash, fazer um hover em imagens etc…
Não trabalho diretamente com o design, mais para layout, e exportar as imagens ainda prefiro o FireWorks. Acho que é igual alguém falou Photoshop para foto e fireworks para web.
Possuo também os browsers instalados. E como extensões do firefox utilizo o firebug, o web developer, html Validator, collorZilla, measureIt, Yslow, screenGrab, tem o code burner mais não utilizo muito. E fora do desenvolvimento web utilizo também o xMarks
O google e os livros também são excelentes fontes de recursos para o aprendizado. Sinceramente prefiro muito aprender com o livro do que no google, o google é mais pra quando se esta trabalhando e não tem jeito de pegar o livro. Sem contar o material que só tem na internet.
Quanto ao Aptana talvez muitos não o tenham gostado pois para desenvolver HTML e CSS eu fico no DremWeaver mesmo. Mais para PHP eu utilizo ele normalmente. Fica um link pra quem programa em PHP pra ver um comparativo entre IDE’s http://www.smashingmagazine.com/2009/02/11/the-big-php-ides-test-why-use-oneand-which-to-choose/
Sem contar também com versionamento.
Creio que essa seja o kit padrão de quem faz front end né? Não tem muito como fugir disso (ótimas dicas de complementos pro FF BTW)… exceto do editor.
Eu descubri um muito bom, na realidade é mais uma IDE, chamado Komodo Edit.
Ele é open source, ótimos auto-completes (inclusive para jQuery e objetos javascript), complementos feitos por usuarios e um monte de outras coisas.
Além disso serve para desenvolvimento backend também (diversas linguagens, desde as populares até as mais obscuras, mas com um foco maior em PHP, Ruby, Python e Perl).
Recomendo! (e por ser feito em python, mais leve que os feitos em java como Aptana,etc)
Trocando o Photoshop pelo Fireworks, uso praticamente as mesmas ferramentas. Ninguém aqui gosta do NetBeans não?
Eu gosto, porem nao tenho usado ultimamente.
Baixei para testar, o netBeans e o Aptana. Ainda estou utilizando o aptana.
Eu gosto, utilizava bastante na faculdade, ela e o visual studio são minhas IDEs favoritas. Mas ultimamente estou evitando o uso de IDEs um pouco, exceto o Visual Studio que ainda utilizo.
Já usei muito o Dreamwaver, mas troquei pelo Eclipse, que é muito melhor para programação em código fonte, principalmente PHP (Uso do PHPDoc no auto-complete para classes, métodos, funções, variáveis etc; além de já validar a sintaxe em tempo de edição), Java e JavaScript.
Para imagens, uso o Photoshop;
Browser é o Firefox 3.5, com os plugins Firebug, Web Developer, Delicious, FireFTP e Gerenciador de Sessões.
Sinceramente nunca utilizei o eclipse. Mais utilizo o aptana, que também faz a mesma coisa que o PHPDoc. Acho que deve ser possivel instalar o Aptana como plugin do eclipse ja que é um dos “sabores” do eclipse.
Engraçado ver como as ferramentas meio que se repetem de pessoa pra pessoas. Na lista apresentada só não uso mais o dreamweaver. No escritório eu uso o Visual Studio 2005 e 2008 e em casa eu uso o trial do E-text editor, mas acho que vou comprar uma licença muito em breve. No firefox utilizo também o colorzilla e o measureit. Uso tambem o fireworks para algumas coisas ainda, mesmo que o programa principal seja o PS.
Os meus programas principais são:
- WampServer
- Fireworks CS4
- phpDesigner
- Dia (UML)
- Firefox (principal) ext. (Firebug, ColorZilla, MeasureIT, HTML Validator, FireFTP, CSSViewer, Screengrab..)
- IE 8 (instalado)
- Xenocode (Opera, IE6, IE7, Chrome, Safari) – http://spoon.net/browsers
Xenocode é uma boa uso a mais de um ano
.
uma opção a ter vários browsers diferentes instalados é o browsershot.org, nesse site ele gera uma imagem do seu site como ele fica em dezenas de browsers diferentes… mto bacana
Meus programas principais:
-Imagens
-Adobe CS4 Master Collection (prefiro Fireworks do que Photoshop)
-Corel X4
-Desenvolvimento
-PHP
-Notepad++
-Asp.net
-Visual Studio 2008 (C#)
- Browsers
-Safari
-Google Chrome
-Internet Explorer 7+
*Developer Tools
-Opera
-Firefox
*Firebug
*FireCookie
*CodeBurner
*ColorZilla
*MeasureIt
*TargetKiller
*Web Developer
*Pixel Perfect
*YSlow
*Page Speed
*FireFTP
Você é o famoso bombril, lamentavel..
Aposto que não domina nenhum destes ai.. é o famoso ” sei mecher ”
Ahm eu aposto que ele sabe.
Pelo amor de deus, dreamweaver não tem condições… pra mim é um dos piores editores pagos que existem no mercado. um programa que não tem como fazer um código formatado pra mim não presta (sim, depois que se formata o código no dreamweaver e o publica na web, o código no navegador fica todo mal formatado).
Dos editores gratuitos para mim o melhor é o PSPad (leve, e possui tudo que o Aptana tem. em relação a php, css e html).
Já o melhor editor pago pra mim no mercado é o phpDesigner 7, até o momento não existe igual (leve, e muito mais completo que Aptana em relação a php, css e html).
Pedro, teste o phpDesigner 7 e largue essa “editorzinho” chamado dreamweaver.
E Quem é tu pra falar que o Dreamweaver não presta?
Quem faz um codigo ser perfeito é o desenvolvedor. Software é uma ferramenta que te auxlia, ee não que vai escrever o codigo pra tu. Mané.
Meu, tu é muito chato! Vai arrumar o que fazer e para de ficar atormentando.
Verdade doi ou você faz parte da sociedade hipocrita que aceita tudo o que os outros falam?
vo de fireworks, aptana, firefox e ietester ( http://renie.com.br/site/2009/09/23/facilitar-a-vida-do-desenvolvedor-web/ ) , esse ultimo eh MUITO mão na roda, vale a pena conferir, e é free
PHP Designer, Photoshop CS4, Fireworks CS4, Flash CS4 (quando necessário, raramente, mas ja trabalhei muitos anos com ele) e HeidiSQL, pra vetor, quando preciso, Illustrator CS3.
Uso o Dreamweaver CS4 e o Aptana, as vezes. Para imagens uso o Fireworks CS4 – nunca consegui usar o Photoshop. Browsers tenho o IE, FF, Chrome, Safari e Opera. No Linux troco o DW pelo Quanta Plus.