Seu browser é também a sua IDE

Vou listar algumas das melhores IDEs para desenvolvimento em evidência no mercado. Não apenas para montar HTML 5 e CSS 3, mas também para códigos e algorítmos em diversas tecnologias, como Javascript, jQuery e até podemos arriscar algumas linguagens “server side”.

JSBin

JSBin é uma ferramenta excelente para teste colaborativo de html e javascript. Facilitando a integração algumas das mais populares bibliotecas e frameworks JS, ele permite que o usuário insira rapidamente o seu código e grave com um controle de versão muito simples. JSBin definitivamente não é apenas um marcador de código.

Característica que vale ressaltar: JSBin é open source, 100% free.

JSBin

Kodingen

PHP, Ruby on Rails, Django, Perl, SVN, Git, etc? Você ainda achava que era impossível ter uma IDE pra tudo isso que fosse também browser based? Kodingen é o nome dessa poderosa ferramenta que oferece uma boa parte de seu sistema de forma gratuita e está conquistando muitos fãs pela web.

Kodingen

jsFiddle

JSBin tem um ótimo concorrente, é o jsFiddle. Não há nenhum sangue no ringue pois é mais uma ferramenta feita através da colaboração.

Totalmente gratuito, o jsFiddle avançou bem mais que o JSBin e trouxe opções interessantes como atalhos para requisições Ajax, uma caixa exclusiva para o CSS (faz falta no concorrente) e tudo com uma interface não menos elegante.

jsFiddle

IDEOne

Imagina uma IDE que pode receber até cerca de 40 linguagens diferentes, compilar e executar pra você o código?

No IDEOne, o Javascript, Python e Ruby ficam no chinelo quando você encontra na lista Smalltalk, Cobol e Assembler.

Você pode se assustar mais ainda como poder dessa ferramenta quando ver que da pra debugar o código. Incrível. Se ficou empolgado, a ferramenta oferece API para desenvolvimento externo!

IDEOne.com

CSSDesk

Normalmente a simplicidade fala muito mais alto. É o caso quando precisamos apenas testar rapidamente CSS e HTML.

Assim temos o CSSDesk para salvar o dia.

Com interface muito bacana, o CSSDesk ajuda muito na implentação de CSS 3 e HTML 5, fornecendo uma visualização em tempo real.

CSSDesk

Mozilla Bespin

Alguns dias a equipe da Mozilla acorda de ótimo humor e ótimas ideias. Uma delas foi o Bespin.

Também com o intuito de fortalecer a ideia do HTML 5, a ferramenta pode ser baixada e usada no seu browser de forma local, assim você pode usar um servidor próprio.

Utiliza-se do Canvas pra deixar tudo com um toque bem bacana, Bespin é uma IDE web inspiradora.

Veja uma demonstração em https://bespin.mozillalabs.com/.

Bespin

PHPAnywhere

Você trabalha com PHP e as vezes troca de máquina ou vai fazer trabalho remoto? Se é o seu caso o PHPAnywhere é uma ferramenta e tanto para você esquecer dropbox, pendrive etc para finalmente ter a sua IDE dentro do seu browser, onde quer que você vá.

O seu funcionamento é simples, você utiliza o PHPAnywhere para conectar-se ao seu servidor FTP, ele lista os arquivos.

A ferramenta faz syntax highlighting, ou seja, aquele lance bacana de colorir código e já está sendo preparado o “code completion”, além de ser um FTP Explorer. A sua interface é muito similar à de uma IDE desktop, mas o preço é incrível: grátis.

PHPAnywhere

Outras IDEs web que você também pode curtir

Deixar uma resposta


Performance Optimization WordPress Plugins by W3 EDGE