Uma das grandes dificuldades dos utilizadores que gostam de Web Design no Linux, é a falta de um IDE que tenha suporte para as várias linguagens para páginas Internet, nomeadamente, PHP, CSS, JavaScript e HTML. Essa dificuldade torna-se evidente quando se conhece o Dreamweaver, que é um verdadeiro ambiente de desenvolvimento dedicado ao Web Design, e não se encontra programas que façam algo semelhante. Ora, o Aptana é um IDE que tentará colmatar essa grave lacuna no Linux, por isso continue a ler para saber mais sobre o Aptana.

Aptana Studio

O Aptana é um IDE multi-plataforma open-source baseada no Eclipse e que suporta uma grande quantidade de linguagens de WebDesign. É compatível com as seguintes linguagens: CSS, HTML, JavaScript, PHP, Ruby on Rails, Adobe Air e muito mais, bastando, para isso, instalar o plugin apropriado.

Claro que o facto de ser compatível com estas linguagens não o torna um grande programa, aliás o Gedit é compatível com essas linguagens, e coloriza o código, mas não é, de forma alguma, um IDE aconselhável. O que torna o Aptana especial são as várias características que tornam o desenvolvimento mais rápido e simples, aproximando-o assim, do Dreamweaver.

AutoComplete do Aptana

Uma das características mais importantes de um IDE é o assistente de desenvolvimento que apresenta as várias funções/tags disponíveis para programar. Junto a esse assistente, normalmente, vem também um autocomplete de código que, no caso de haver apenas uma função ou tag disponível, ele completa automaticamente. Como é óbvio, o Aptana tem essa funcionalidade e, para além disso, essa funcionalidade é ainda mais completa que o normal, pois diz se determinada função é compatível com o Internet Explorer ou Firofox.

Funcionalidade "Split" do Aptana

Outra funcionalidade importante do Aptana é a capacidade de mostrar o resultado do código programado. O Aptana, para além da clássica opção de Preview, ainda tem uma funcionalidade extremamente importante que permite “partir” o ecrã a meio e mostrar de um lado o código e do outro o resultado. Para activar essa opção vá a Window→Preferences e, na nova janela: Aptana→Editors→HTML→Vertical Split View e reinicie o programa.

Funcionalidades de FTP e SVN do aptana

Como qualquer IDE, o Aptana também tem funcionalidades de indexação, tais como amostragem das várias funções programadas/disponibilizadas pelas bibliotecas importadas, amostragem dos ficheiros do projecto que estão no seu PC ou em FTP. Caso o utilizador goste de utilizar um sistema de controlo de versões, o Aptana continuará a ser a melhor opção, pois é compatível com o SVN.

Por fim, como bom IDE que é, o Aptana tem um sistema de Debug que é extremamente importante para qualquer programador.

Plugins do Aptana

O Aptana tem ainda muitas outras funcionalidades que cada utilizador deverá procurar ou na própria aplicação ou através de possíveis plugins que possa instalar para tornar o ambiente de trabalho mais pessoal e, por isso, mais eficiente.


Instalação

Actualmente, e infelizmente, ainda não existe nenhum repositório que nos possibilite instalar e manter o Aptana actualizado. Por isso, para o instalar, será necessário fazer download do ficheiro de instalação e, posteriormente, será necessário criar os atalhos manualmente.

A fazer download do Aptana

Desta forma, comece por visitar a página seguinte e faça download do ficheiro do programa:

http://www.aptana.com/studio/download

A descompactar o programa numa pasta segura

Depois de fazer download do programa, descompacte-o e guarde a pasta resultante numa localização segura pois é o próprio programa e haverá links a apontar para a pasta. No meu caso, guardei o programa numa pasta oculta chamada “.bin” da minha pasta pessoal, ou seja, em:

/home/claudio/.bin

Depois, para executar o programa, basta dar duplo clique no ficheiro “AptanaStudio” da pasta descompactada. Para evitar trabalho desnecessário deverá criar um atalho no Menu Principal do Painel do Gnome.

Local do programa

Crie um atalho para o Aptana

Para criar um atalho no Menu do Painel do Gnome, clique na tecla da direita do rato em cima do menu e escolha a opção “Editar Menus”. Na janela que abrir, seleccione a secção onde quer adicionar o programa (aconselho a secção Desenvolvimento) e clique no botão “Novo Item”. Na nova janela deverá preencher da seguinte forma:

  • Nome: “Aptana Studio”
  • Comando: Clique no botão “Navegar” e navegue até ao ficheiro “AptanaStudio” referido acima.
  • Comentário: “IDE para WebDesign”

A adicionar atalho ao Menu Principal

Referências:

Homepage do Aptana Studio;
Aptana Forums • Split Screen;
Aptana Studio: A Worthy Replacement For Dreamweaver.

36 Respostas ate agora.

  1. Jose Esteves diz:

    Muito bom mesmo!!! Você poderia me dizer se o Aptana tem WYSWYG?

  2. A case of polymyositis and a case of noninflammatory myopathy have also been reported. ,

  3. To buttress your [u]side effects of augmentin in infants[/u] level, your gimme may interrupt pledging potassium-rich penas or wenning a expansion supplement.

  4. Leo frozen diz:

    Noossa!
    Parabéns pelo artigo.

    Eu já sou usuário do Aptana para desenvolvimento em python, mas nunca procurei suas outras funcionalidades.
    Procurei no google alguma IDE para editar umas páginas HTMLs e adivinhem só: vim parar aqui, de volta ao meu velho Aptana.

    Valeu.

  5. A report of “Intermediate” indicates that the result should be considered equivocal, and, if the microorganism is not fully susceptible to alternative, clinically feasible drugs, the test should be repeated. ,

  6. If indicated, elimination of unabsorbed drug should be achieved by emesis or gastric lavage. ,

  7. Perfeito!!! belo post; eu tava procurando um desses pro meu ubuntu valew!!!

    DW (+ ou -)
    AP (++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++)

  8. There was no evidence of teratogenicity at any dose level. ,

  9. Gramathur diz:

    Parabéns pelo artigo! Me foi muito útil!!

    Eu usava o Geany combinado com o Bluefish. Já ouvira falar sobre o Aptana, no entanto na época não dei muita importância. Mas este artigo me incentivou e irei experimentar.

  10. [...] Read the original post: Linux Blog on:Jonas: Aptana, o substituto do Dreamweaver para Linux | Ubuntued [...]

  11. Rapaz, há coisas as quais devemos tiras o chapel. E apesar de não ser tão fã de programas feitos em Java tenho usado muitos deles, já que Java tem programadores aleḿ de muito bons, de imaginação mui fértil.
    Estou desenvolvendo (engatinhado) com Python/Dajngo, pela familiaridade com Python e pela audácia do Django. Bem utilizava o Geany (no Ubuntu), junto com o Bluefish (justo por ele autocompletar os atributos do CSS) até então.
    Odeio aqueles maricas que acham que designer é encher uma página web de gif’s e flash, sem dar a mínima pra o tempo de carregamento (nem sabem o que é profiling) nem usabilidade, desenham (literalmente) um página no Dw e acham que são fodas em webdesigner, sem saber como usar uma única tag (x)HTML.
    Bem nós, que usamos Linux no dia-a-dia aprendemos (via configurações de sistema) a ser mais machos e a não se limitar a parte gráfica. Bem nem por isso temos que fazer sempre tudo na unha. Por isso agradeço a dica no trabalho com webdesigner e webdeveloper, pois sou um pouco dos dois.

  12. Kelly diz:

    Pessoal, por favor. Vamos pelo menos falar os termos certos relacionados às suas ferramentas.
    Web DESIGN é relativo a programas como Fireworks, Photoshop e outros programas GRÁFICOS, ou seja, trabalha imagens.
    O que o Aptana, Dreamweaver e programas do tipo faz é relacionado a Web DEVELOPMENT, ou seja, trabalha com códigos.
    O profissional de web design chama-se web designer. Já o de web development chama-se web developer.
    É importante não misturarmos as coisas pq essas profissões, principalmente as ligadas ao design, são cheias de profissionais não qualificados que deturpam conceitos e desvalorizam a profissão.

  13. Paulo Henrique diz:

    qm qr programar mesmo, segundo a w3c, segundo os webstandards pode programar ate no bloco de notas, mas programas como esse facilitam e mt a vida de um programador! grande post!

  14. Fernando diz:

    Não consegui instalar no Ubuntu… alguém tem uma dica para me dar?
    vlw

  15. [...] This post was mentioned on Twitter by AKA DJ Gummy, Estevão (BraMax). Estevão (BraMax) said: Vlw, vou dar uma olhada! // RT @gummyjuicerman: @bramax Apnata Studio: http://migre.me/NPLn [...]

  16. Daniel diz:

    Instalei e não gostei.
    Primeiro tentei fazer um protótipo e não encontrei um modo onde de forma visual seja possível fazer as telas.

    Acho que o Dreamweaver é uma boa ferramenta.

    Aptana Studio é limitado e não substitui ferramentas como Dreamweaver.

  17. [...] na hora o resultado. Apesar de eu explicar este método, aconselho a utilizar um IDE próprio, nomeadamente o Aptana, a todos os utilizadores que programem diariamente em php. Quanto ao plugin referido neste artigo, [...]

  18. [...] Aptana, o substituto do Dreamweaver para Linux [...]

  19. Cláudio Novais diz:

    Stanley Sathler,

    O tema chama-se Dust. Actualmente uso uma derivação desse tema. Para saber mais visite esta página:
    http://ubuntued.info/2009/08/um-visual-do-ubuntu-bastante-mais-produtivo.html

    Abraço.

  20. Stanley Sathler diz:

    Olá Cláudio,
    Tem como me mandar um email junto ao nome do tema que você está usando nestas imagens?

    Abss.

  21. silici0 diz:

    Comparar um IDE ecplipse com o Dreamweaver?
    O DW num tem nem 20% dos recursos que o Aptana tem, atualmente eu codo com o Aptana as seguintes linguagens : PHP,JS,Java,Python,Smarty (tpl), PhpDoc, xml, css e xHtml…
    Sem falar em integraçoes com svn/ftp/ssh e ate alguns outros plugins que nos podemos trabalhar como uma IDE para Base de dados ou OpenLdap…

    Hoje em dia usar dreamweaver ‘e ser ignorante com o resto das ferramentas que existem, no minimo o que segura alguem ao uso de uma ferramenta como o DW eh o uso desnecessario do WYSI
    WYG (ridiculo).

    Abraços a todos ;)

    belo post.
    .-= silici0´s last blog ..Hubble Games =-.

  22. Jessica diz:

    muito obrigada pela dica… estava procurando um editor para web para o Ubuntu…

  23. [...] Excerpt from: Aptana, o substituto do Dreamweaver para Linux | Ubuntued [...]

  24. Qual a diferença do Aptana para o Quanta Plus?
    .-= Rodrigo Oliveski´s last blog ..Gestão do conhecimento dentro das organizações =-.

  25. Thiago diz:

    Muito Obrigado Cláudio!
    Uma verdadeira pena o blogspot não ter suporte a programas editores mas a sua dica para mim foi muito valiosa.

    Forte abraço, fica com Deus.
    .-= Thiago´s last blog ..Código Braille, 180 anos de leitura e escrita para os cegos!!! =-.

  26. Cláudio Novais diz:

    Olá José, Sergio, Vitor, João e Daniel
    Obrigado pelo comentário! É, sem dúvida, uma excelente aplicação que até eu fiquei surpreendido quando a conheci!

    Olá Diego,
    Sim, tal como eu disse no artigo, ainda está atrás do Dreamwever, mas tem alguns pormenores muito importantes, o que torna um sério candidato a ser utilizado por qualquer programador de WebDesign.

    Olá Thiago,
    Quando eu usava o blogspot, eu não utilizava nenhum programa porque na altura não havia. Nessa altura, eu copiava o codigo todo para um editor, trabalhava o que tinha a fazer e depois voltava a colar no editor online.
    Infelizmente na altura, esta foi a melhor solução. Por isso e por muito mais, aconselho a migrar para o WordPress.

    Abraços e, mais uma vez, obrigado pelo apoio!

  27. Simplesmente “A” aplicação! Good, good, good!
    Rival a este só mesmo o vim, que é “Deus personalizado na consola!” (e não são palavras minhas :-P)
    (a sério, NÃO tentem fazer webdesign com o vim…)
    Abraço e continua a “presentear-nos” com excelentes posts :-)
    Daniel Rodrigues
    .-= Daniel Rodrigues´s last blog ..FlightGear =-.

  28. Jesus! O que eu andava a ignorar. Odeio as mariquisses do Dreamweaver. Este é só o IDE dos meus sonhos! :O
    .-= João Oliveira´s last blog ..O lycosman está apaixonado, prontos =-.

  29. Thiago diz:

    Bem legal está alternativa ao Dreamweaver, será que tem como usar ele na edição de blog do “blogspot”?

    Seria bem legal poder mexer no html de seu blog usando está incrivel ferramenta!

    Se a mesma não for capaz você conhece outra?

    Quando quero mexer no meu blog uso o firebug, pois não conheço outro!

    Desde já muito obrigado, volto mais tarde para ver sua resposta!!!!
    .-= Thiago´s last blog ..Fim da Manutenção! =-.

  30. [...] Aptana, o substituto do Dreamweaver para Linux (tags: aptana linux ubuntu dreamweaver) Por: – Neto Cury | [...]

  31. Victor diz:

    Que coincidência, eu estava procurando um editor de paginas WEB pro ubuntu agora msm xD
    Obrigado pela dica

  32. Como sempre mandou bem :)
    .-= Sérgio Luiz Araújo Silva´s last blog ..O design futurista =-.

  33. Diego Sousa diz:

    Excelente post, O aptana chega perto do dreamweaver (chega perto)
    mas ainda falta muito para ficar igual, usei ele um tempo, mas
    acabei desistindo, o meu pc é muito fraco para rodar java.
    Mas mesmo assim vale a pena usá-lo, sem sombra de dúvidas
    é um ótima IDE.

  34. José diz:

    Parabéns pelo post! Muito útil!
    .-= José´s last blog ..Computer hardware poster 1.7 =-.

Deixe um comentario