Um belo software/portal ou site não é construído da noite para o dia, isso demanda tempo e comprometimento, porém, existem ferramentas que podem auxiliar o desenvolvedor, minimizando o tempo gasto e o esforço para se chegar a um bom resultado. Pensando nisso reuni uma lista com mais de 20 ferramentas que no mínimo irão te auxiliar na tarefa de construir soluções maravilhosas!
IDEs
As soluções abaixo são multiplataforma, ou seja, estão disponíveis para Linux, Windows, MacOS etc. Veja:
- Netbeans: Possui suporte nativo para Java, C/C++, PHP e HTML/CSS/JS. Uma ótima ferramenta, agora aos cuidados da Apache;
- Eclipse: Quando se fala em desenvolvimento Java está é uma das IDEs mais famosas. O Eclipse pode ser estendido para outras linguagens, basta instalar os devidos plugins;
- PyCharm: IDE para quem quer desenvolver em Python;
- PhpStorm: IDE para quem quer desenvolver em PHP;
- C9.io: Está é uma IDE online, ou melhor, mais que uma IDE. O Cloud9 disponibiliza uma ambiente virtual completo, com IDE, Servidor Web, banco de dados e muito mais.
Pessoalmente gosto de utilizar o Netbeans para desenvolvimento web, porém, o Eclipse irá te proporcionar o mesmo resultado, é somente uma questão de gosto.
Cliente (REST)
As soluções abaixo são multiplataforma, ou seja, estão disponíveis para Linux, Windows, MacOS etc. Veja:
- Insomnia: cliente open source para requisições rest;
- Postman: cliente proprietário para requisições rest.
Clientes de banco de dados
As soluções abaixo são multiplataforma, ou seja, estão disponíveis para Linux, Windows, MacOS etc. Veja:
- DBeaver: Ótima ferramenta, suporta: MySQL, PostgreSQL, MariaDB, SQLite, Oracle, DB2, SQL Server, Sybase, MS Access, Teradata, Firebird, Derby, etc.
- PGAdmin: Cliente open source para bancos de dados Postgres;
- MySQL Workbench: Este é um client (cliente) de banco completo e exclusivo para o MySQL;
- Sequel Pro: Aplicativo de gerenciamento de banco de dados MySQL para Mac OS;
- SQL Developer: Client (cliente) de banco completo e exclusivo para o Oracle Database;
- Toad: Se você trabalha com bancos de dados de diferentes tipos essa pode ser a melhor opção, o Toad irá te dar suporte para trabalhar com bancos Oracle, SQL Server, DB2 e MySQL;
- DbVisualizer: Ótimo cliente de banco de dados, com versão gratuita e paga.
Editor de código
- Exclusivo para Windows:
- Notepad++: Um editor simples, versátil e bem completo para se trabalhar com uma gama gigantesca de linguagens.
- Disponível para Linux, Windows e MacOS:
- Atom: Ótimo editor, extensível e construído sobre javascript, css e node.js, css. 100% personalizável;
- Visual Studio Code: Este é um editor de código-fonte desenvolvido pela Microsoft para Windows, Linux e macOS; Suporta nativamente diversas linguagens, tais como: PHP, Java, C…
- Sublimetext: Um editor simples, versátil e bem completo para se trabalhar com uma gama gigantesca de linguagens.
- Via navegador:
- JSFiddle: Crie, teste e armazene “arquivos” com HTML, CSS e JavaScript, tudo online;
- Regular Expressions 101: Teste suas regex online.
- JSON Formatter & Validator: Formatar e validar JSON online;
- Plunker: Crie, teste e armazene arquivos HTML, CSS e JavaScript de forma colaborativa e online.
Software para gerenciar versionamento
Disponível para Windows e MacOS:
- Sourcetree: ótimo cliente para sistemas de versionamento, possui uma interface gráfica cheia de recursos e muito bonita.
Cliente de SFTP/FTP
As soluções abaixo estão disponíveis para Linux, Windows, MacOS etc. Veja:
- Cyberduck: Este é um dos melhores programas gratuitos do género. Simples de usar e com uma interface muito amigável; Suporta: FTP, SFTP, WebDAV, Amazon S3, OpenStack Swift, Backblaze B2, Microsoft Azure & OneDrive, Google Drive and Dropbox.
- FileZilla: A mesma descrição do software anterior se aplica a este, porém, pessoalmente prefiro a interface do Cyberduck.
Snippets
Os softwares desta categoria são como catálogos de código, ou seja, ao construir uma função ou bloco de código, você salvar este no software snippet, assim, quando precisar do código no futuro basta buscar no catalogo.
- Grátis:
- Software: Snippets
- Sistema Operacional: Windows e MacOS
- Download: http://snippets.me/download
- Pago:
- Software: SnippetsLab (meu preferido)
- Sistema Operacional: MacOS
- Download: https://www.renfei.org/snippets-lab/
Modelagem de classes e banco. Diagramas, sitemaps, fluxos e outros
- Cliente instalado:
- Via navegador:
- Lucidchart: crie diagramas, wireframes e muito mais. (Minha opção predileta).
- Creately: Permite criar diagramas, sitemaps e fluxos de páginas;
- Cacoo: Permite criar diagramas, sitemaps e fluxos de páginas.
Scripts que irão facilitar sua vida
- Front-end:
- Moment JS: Manipule, valide e formate datas com essa biblioteca JavaScript;
- jQuery Autosize: Permite ajustar automaticamente a altura de um campo textarea;
- Vue.js: Framework JavaScript;
- Back-end:
- Laravel: Este é um poderoso e sofisticado framework PHP. Sua documentação é simplesmente fantástica.
Banco de Ícones e imagens
- IconFinder: Banco de ícones vetoriais;
- FlatIcon: Banco de ícones vetoriais. Este é meu banco favorito;
- Font Awesome: Este disponibiliza uma biblioteca vetorial, ícones que podem ter seu tamanho e cor alterada via CSS;
- Pixabay: Banco de imagens (alta qualidade).
Fontes
- Dafont: Este site permite procurar fontes por ordem alfabética, por tema, autor e por popularidade.
Diagramas, sitemaps e fluxos
- Creately: Permite criar diagramas, sitemaps e fluxos de páginas.
Paleta de cores
- Color Scheme Designer: Paleta de cores para webdesigner;
- HTML Color Picker: Paleta de cores para webdesigner com busca de cores por código.
Plug-ins
Os plug-ins abaixo foram testados no Sublime Text, porém, podem existir para outros editores:
- Emmet: Indispensável para desenvolvedores que buscam agilidade na hora de criar páginas HTML e CSS, como funciona? Acesse a documentação e veja a lista de expressões, digite a expressão desejada e pressione TAB para ver a mágica acontecer. Não se esqueça que funciona só em arquivos HTML e CSS;
- jQuery: É um saco ter que digitar a estrutura de bibliotecas padrões, como por exemplo o corpo de um bloco ajax. Com este plugin você não perde, ao começar a digitar uma janela irá sugerir blocos prontos de código.
- Outros plug-ins interessantes: