Editor Web: Brackets

Bracket

É muito difícil encontrar um programador que não saiba HTML, CSS e JavaScript, hoje esse trio é suportado em praticamente todos os dispositivos que possuem conexão com a internet. Porém além de saber utilizá-los, algo que auxilia e muito na hora de codificar é uma boa IDE. Também são interessantes as IDEs que são escritas com as próprias linguagens, que tende a integrar melhor com a forma de desenvolver daquela linguagem.

O Brackets é uma IDE para HTML, CSS e JavaScript (suporta outros formatos com plugins) escrita em HTML, CSS e JavaScript, como descrito no próprio programa: “Made with ♥ and JavaScript”. Essa IDE é um projeto open source da Adobe com código no GitHub e disponível para GNU/Linux, Mac e Windows, possuindo recursos muito interessante para o desenvolvimento web. Para os designs existe o “Live Preview”, que mostra no Google Chrome como o seu site está em tempo real (infelizmente ainda não é compatível com os demais navegadores), ou como demonstrado neste vídeo do YouTube (https://www.youtube.com/watch?v=xAP8CSMEwZ8) a montagem de um layout a partir de um arquivo “psd”, graças a integração com as outras ferramentas encontradas nos produtos da Adobe.

Porém os desenvolvedores também ganham ótimas ferramentas, além de poder debugar a própria IDE com as ferramentas de debug do Webkit. Existem extensões para as mais diversas funcionalidades, desde validados de código com as boas práticas, até integração com o Git mostrando linhas modificadas em arquivos, documentação na própria IDE e suporte a outros formatos de arquivos. Também existe extensões para mudar o tema, ToDo List, mostrar alguns sites como o Building Firefox OS e Can I use….

Com versões sendo lançadas mais ou menos no espaço de um mês, está sempre atualizado e vem adicionando recursos novos a cada versão, tanto que existem vídeos no site apenas para demonstrar as novidades. Se você tem algum contato com desenvolvimento web, ou interesses nesta área, vale muito a pena dar uma conferida nesta IDE.

Anúncios

Comente

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair /  Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair /  Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair /  Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair /  Alterar )

Conectando a %s