Marcus VBP

Desenvolvimento de Interfaces WEB

Comentários recentes

Webdesign no Linux, parte 3: programas de edição de código

12 MAR 2007

Chegamos ao terceiro de uma série de cinco artigos, que têm como objetivo apresentar programas para o desenvolvimento web[bb] nativos do Sistema Operacional Linux[bb].

Estes artigos são voltados às pessoas que querem experimentar alguma distribuição Linux ou mesmo trocar seu Sistema Operacional padrão, mas não sabem se existem programas de criação e desenvolvimento que atendam às expectativas.

No primeiro artigo, apresentei programas de desenho vetorial. No segundo artigo, eu mostrei os programas de tratamento de imagem. Neste artigo, pretendo mostrar as opções para programas de edição de código, seja (X)HTML, CSS, ou qualquer linguagem de programação.

Programas de edição de código

Em termos de programas para edição de código, o Linux está muito bem servido, com uma grande gama de opções, a maioria são editores ASCII, mas também existem editores visuais, os chamados WYSIWYG[bb] (What You See Is What You Get).

Eu já falei muito mal de editores visuais. E continuo falando ;), afinal, quem edita páginas profissionalmente, tem que realmente saber como o HTML deve ser escrito, e não ficar clicando em botõezinhos e arrastando elementos pela tela.

Contudo, vou dar o braço a torcer. Editores visuais são muito úteis, quando se trata de editar páginas no antigo modelo de desenvolvimento, utilizando tabelas para construção do layout. Por exemplo, alguns sites que tenho que atualizar são simplesmente impossíveis de se editar sem a ajuda de um editor WYSIWYG.

Sim, mas vamos à lista de programas

Gedit / Kate. Estes são os editores mais simples dos ambientes gráficos mais famosos do Linux, o Gnome e o KDE. Eles são equivalentes ao Bloco de Notas do Windows, só que 1000 vezes melhor. Como eu uso o Gnome, e conseqüentemente o Gedit, vou falar apenas dele, mas tenho certeza que o Kate tem as mesmas características.

Gedit com dois arquivos abertos

O Gedit é um editor de texto simples, que possui hightlighting (colorização da página, de acordo com a linguagem do arquivo editado), abre arquivos em aba, e possui suporte a plugins. Para ativar os plugins desejados, basta ir em Editar > Preferências > Plugins. Os plugins que eu acho interessante e uso são os seguintes:

  • Alterar Maiusculização: altera um texto de caixa alta para caixa baixa.
  • Code comment: comenta ou descomenta determinado pedaço de texto selecionado.
  • Espaços Inteligentes: Esqueça que não está usando tabulações.
  • Lista de tags: Fornece um método para facilmente inserir tags/textos comumente usados em um documento sem ter que digitá-los.
  • Ordenar: Ordena um documento ou um texto selecionado.
  • Painel do navegador de arquivos: Fácil acesso a arquivo a partir do painel lateral.
  • Recuar linhas: Cria ou desfaz recuo nas linhas selecionadas.
  • Seletor de Cor: Escolha uma cor a partir de um diálogo e insira sua representação hexadecimal.
  • Trechos: Insere pedaços de texto freqüentemente usados de um jeito rápido.

Gosto muito de usar o Gedit porque ele é um editor rápido, mas que mesmo assim possui vários recursos interessantes.

Screem HTML/XML Editor. outro excelente editor, que infelizmente não uso tanto quanto o Gedit, apesar de que, em breve devo começar a usar mais devido ao suporte a CVS que ele dispõe.

o Screem é um editor muito completo, com FTP (File Transfer Protocol), CVS (Concurrent Version System), prévia do arquivo internamente, auto-completar, referência de tags, checagem de links quebrados, templates, colorização de código, suporte a muitas linguagens, dentre outras coisas. Além disso, ele é muito rápido.

Screem HTML/XML Editor

Cssed Editor. Como dá para perceber pelo nome, este é um editor voltado inicialmente para CSS.

Cssed Editor, editor CSS para Linux

Apesar de ter sido desenvolvido para a edição de CSS, ele não é limitado pela linguagem. O Cssed possui suporte a HTML, Javascript[bb], XML, Java[bb], PHP[bb], JSP, C, C++, arquivos de configuração do Apache, .htaccess, Python[bb], Perl, SQL, SH (seja o que for SH), e qualquer outra linguagem, já que ele é extensível.

O Cssed também possui suporte a plugins, escritos em Python. Mas eu realmente não encontrei nenhum que valesse a pena ser citado =(.

O Cssed é um bom editor, que está em desenvolvimento (a versão atual é a 0.4) e que merece ser analisado com carinho. Com algum tempo de desenvolvimento, tenho certeza que se tornará uma grande opção para edição de código. O Cssed possui uma versão para Windows.

NVU Editor é um editor visual (WYSIWYG para os íntimos), disponível para Linux, Windows e Mac. Ele é um editor antigo do Linux, e foi baseado no código do antigo Browser da Mozilla, hoje conhecido Mozilla SeaMonkey (o ex-Mozillão).

Screenshot do NVU

Lembro-me bem do NVU, no início, que dizia-se que a intenção dele era bater de frente com o Dreamweaver[bb]©, como um concorrente WYSIWYG Open Source, mas eu acho que desistiram da idéia, pois a última versão lançada foi a 1.0, a três anos atrás.

Parece-me que este projeto foi descontinuado. Uma pena. Apesar de não gostar dele (porque ele sofre de alguns problemas que o Dreamwaver sofria a alguns anos atrás) acredito que ele tem um bom potencial.

O NVU foi descontinuado pela Linspire e atualmente é mantido pela comunidade, sob o nome de KompoZer. o KompoZer é uma versão melhorada e com menos bug do NVU.

O NVU (pronuncia-se N-View) possui um sistema de extensões, como os produtos da Mozilla, e também é "temável". Contudo, ele não possui uma boa coleção de extensões/temas.

Quanta Plus. O Quanta Plus é com certeza o principal editor HTML para o ambiente gráfico KDE. Ele é bastante completo, e devo dizer que me conquistou à primeira vista. Na época em que vi ele, estava começando a abandonar o Dreamweaver em favor a editores alternativos, e adorei o que vi nele.

Screenshot do Quanta Plus

Se você tentar rodar o programa em um ambiente Gnome, provavelmente irá achá-lo um programa pesado, como eu achei quando o experimentei no Ubuntu. Ele é mais recomendado para aqueles que preferirem o KDE ao Gnome.

Ele é um ambiente de desenvolvimento bastante completo, e não vou listar aqui suas características, pois ficaria longo demais. Se interessar, sugiro uma visita ao site do programa.

Komodo IDE/Edit. Este é um editor que descobri recentemente. Ele é uma IDE(Integrated Development Environment) para desenvolvimento Web completa, multiplataforma, Com suporte a CSS, (X)HTML, Javascript, XML, Perl, PHP, Python, Ruby, TCL, e também com linguagens de template, como Smarty e o Django. Possui auto-completar para CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, Tcl, XML e XSLT, colorização de código, debugger gráfico, integração com CVS, Subversion, etc e muito mais.

Komodo Edit

Mas, é uma solução paga, e custa US$ 295,00. Contudo, todavia (e entretanto), a produtora do software disponibiliza uma versão light, chamada Komodo Edit gratuitamente. Ele possui menos funcionalidades que a versão paga, lógico, mas possui features interessantes. Além disso, ele também possui um sistema de extensões idêntico ao do Firefox. O download tem cerca de 28mb. No Fórum da Comunidade (detalhe, é feita usando o Drupal). Para mim é um editor que vale a pena ser examinado com mais afinco.

BlueFish Editor. O Bluefish é um editor antigo e bastante conhecido do ambiente Gnome, E que possui uma série de recursos encontrado na maioria dos editores que eu já falei aqui.

BlueFish Editor em ação

Alguns destaques do Bluefish:

  • Utiliza 40% a 45% menos memória que editores como o Quanta e o Screem (ambos abordados aqui) usam;
  • Suporte a colorização de código para HTML, PHP, JavaScript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion e Pascal;
  • Referência para PHP, CSS, Phyton e HTML, e busca automática de referências de funções;
  • Fechamento automático de tags HTML e XML.

Aptana. Aptana é uma IDE baseada no Eclipse, uma IDE Open Source para desenvolvimento Java, mas focada no desenvolvimento para web.

Como desvantagem, a ferramenta é feita em Java, ou seja, não roda em qualquer equipamento.

Aptana, IDE para Web feita em Java

Ele possui recursos de suporte a HTML, CSS, Javascript, incluindo também suas próprias funções, pré-visualização de código, tanto, HTML, Javascript e CSS, upload, download e sincronização FTP e SFTP, debugger de Javascript, suporte a extensões, marcação de erro no próprio código, multiplataforma, e mais.

O Aptana tem um site apenas para tutoriais em vídeo, o Aptana.tv. Eu realmente gostei do que eu vi lá, e baixei a aplicação para experimentar um pouco, acho que vale a pena dar uma chance a ela, mesmo sendo pesada ;).

Conclusão

Como podemos ver, o que não falta no Linux são boas aplicações para desenvolvimento de código. Cabe a você escolher entre aplicações rápidas e simples, ou IDEs completas, mas pesadas.

Pessoalmente, prefiro ter vários programas leves em vez de ter uma única aplicação que faz tudo. Afinal, eu não uso todos os recursos de uma IDE ao mesmo tempo, então, para que ocupar a memória com estes recursos? Quando eu precisar de um FTP, eu executo um ;). Mas depende do gosto de cada um.

Resolvi não falar do *Vi* porque é um editor via terminal (o que significa, que se você for um iniciante no Linux, você deve evitá-lo, ao menos por enquanto). E também porque sua utilização é toda feita através de comandos, e não intuitivamente. Mas, quem usa diz que não troca por nada no mundo. Acho que, como tudo no mundo, basta prática...

Provavelmente eu não citei todas as opções conhecidas, eu posso ter esquecido um ou outro menos conhecido ou mais recente. Se você conhecer mais alguma aplicação, pode postá-la nos comentários ;).

Veja também

RSS dos coment?ios deste post

15 Comentários:

imagem de araujo

1. araujo*

Disse em sab, 28/04/2007 - 14:01

Como você, vim do Windows/DreamWeaver para Linux/?(ainda). Gostei do que vi no QuantaPlus, realmente é excelente, porém um das vantagens que eu via ao usar o DreamWeaver com seu FTP era o de ter sempre a certeza de pegar a última versão do programa e não precisar me preocupar em enviar o arquivo certo e se está na última versão. Eu abria o arquivo direto do ftp, ele baixava o último (inclusive as dependências) abria na minha tela, eu editava (um ou mais de um) salvava e o DreamWeaver já efetuava o Upload. Eu gostaria de saber como é o seu procedimento agora. De repente eu também mudo e vejo as vantagens. Sempre devemos estar aberto a aprender, né?

imagem de CidoLoco

2. CidoLoco*

Disse em dom, 29/04/2007 - 01:04

Muito legal o artigo. Quanto ao NVU, ele não morreu completamente, apenas deixou de se desenvolvido pela Linspire. Agora ele tem um novo nome: kompoZer. É basicamente uma versão com menos bugs do NVU 1.0, porém esse esta sendo desenvolvido ativamente, e acredito que vá receber novos recursos. :D O novo nome teve de ser adotado porque NVU é marca registrada da Linspire.
E ainda tem o principal editor HTML de todos, o Amaya. Ele é navegador e editor, baseado em GTK2, nao tem muitos recursos, mas é bem interessante pois segue 100% os padrões, afinal foi feito pela própria W3C. É isso, falowz! :D

imagem de Marcus VBP

3. Marcus VBP

Disse em dom, 29/04/2007 - 07:37

Fala Cido!! Obrigado pela informação, vou atualizar o tópico.

imagem de Walter Cruz

4. Walter Cruz*

Disse em sab, 05/05/2007 - 13:07

Eu acho que a melhor opção é usar um controle de versão (CVS ou SVN) pra manter as coisas sincronizadas :)

imagem de araujo

5. araujo*

Disse em dom, 06/05/2007 - 03:06

Grato pela resposta, Marcus.
Agora vou precisar estudar o CVS, pois é novo para mim. E é sempre bom conhecer coisas novas.

imagem de Pedro

6. Pedro*

Disse em qui, 10/05/2007 - 09:47

Como desvantagem, a ferramenta é feita em Java, ou seja, não roda em qualquer equipamento.

Acho que você foi infeliz nesse seu comentario!

imagem de Marcus VBP

7. Marcus VBP

Disse em qui, 10/05/2007 - 10:49

hmmm, porque? O Aptana não roda em qualquer configuração de hardware.

imagem de Gustavo

8. Gustavo*

Disse em qua, 06/06/2007 - 19:58

Existe também o gPHPEdit, ele tem:

  1. Highlights para PHP/HTML/CSS/SQL
  2. Assistente de codigo
  3. Checking de sintax
  4. Ajuda integrada
imagem de Roberto

9. Roberto*

Disse em qui, 30/08/2007 - 20:11

O fato do Aptana ser em java nada implica em não rodar em qualquer máquina por o Aptana (pelo q vi baseado no Eclipse) exigir uma máquina potente. Até aí roda Java em celular, quer algo mais restrito q isso?

imagem de Sérgio Berlotto

10. Sérgio Berlotto*

Disse em dom, 02/09/2007 - 02:40

Gostei muito do conteudo deste post, pois encontrei finalmente um otimo editor de CSS que eu estava procurando....
Como editor de programação achei muito bom mesmo o Komodo Edit, o autocompletar dele para o PHP é muito bom e "inteligente", e sobre um comentário do amaya, vou dar uma olhada , de repente está ai mais uma ferramenta que me ajude muito !

Vlws..

imagem de Aguinaldo

11. Aguinaldo*

Disse em sab, 03/11/2007 - 23:22

Nada substitui a experiência. Tenho usado o Gedit por ser padrão no Ubuntu, mas tinha muitas saudades do EditPlus do Windows que resolvia alguns problemas com maiusculização, e por usar pouco e há pouco tempo o Gedit o achava inferior ao bloco de notas do Windows.

Minha única reclamação contra o Quanta Plus é que ele não aceita a acentuação diretamente na digitação, fora isto, eu o acho excelente.

Trocar de sistema operacional é bem traumático mesmo, a gente acaba tendo que reaprender muita coisa.

imagem de Evandro

12. Evandro*

Disse em dom, 11/11/2007 - 23:37

Excelente post, ajudou muito. O Cssed é muito bom!

imagem de Anônimo

13. Anônimo*

Disse em sex, 23/11/2007 - 10:56

Realmente, o fato de ser feito em java diz que ele roda em mais máquinas do que vc pode esperar, sem ter de portar o código! essa é uma premissa do java

e sh é shell script! ^^ (ou geralmente é o que a sigla significa)

imagem de Web Design no Linux: Download de palestra em PDF | Marcus VB

14. Web Design no Linux: Download de palestra em PDF | Marcus VB*

Disse em ter, 27/11/2007 - 05:56
[...] escrevi uma série de artigos sobre o assunto (1, 2, 3, 4, e 5) e acredito que a palestra do colega serve muito bem de complemento aos artigos e [...]
imagem de fechaTag » A experiência de uso Linux - XML, XHTML

15. fechaTag » A experiência de uso Linux - XML, XHTML*

Disse em sex, 21/12/2007 - 10:31
[...] Programas de Edição de Código [...]

Enviar novo comentário

O conteúdo deste campo é privado não será exibido publicamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Você pode citar outras contribuições usando marcações [quote].
  • Endereços de páginas de internet e emails viram links automaticamente.
  • Linhas e parágrafos quebram automaticamente.
CAPTCHA
Esta questão é para testar sua humanidade e evitar o envio de SPAM.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.

copyright © Marcus VBP, Todos os direitos reservados

Permitida a cópia desde que citado a fonte. [Política de Privacidade]

Powered by Drupal CMS.