Ferramentas indispensáveis para desenvolvedores web

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:

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 LinuxWindowsMacOS 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.

Modelagem de classes e banco. Diagramas, sitemaps, fluxos e outros

  • Cliente instalado:
    • StartUML: Um sofisticado modelador de software. Ótimo para quem quer desenhar o fluxo do software, classes e até mesmo criar o modelo de um banco de dados;
    • Modelio: Um ambiente de modelagem de fonte aberta que suporta os principais padrões:
      UML, BPMN, MDA, SysML..
  • 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

Plug-ins

Os plug-ins abaixo foram testados no Sublime Text, porém, podem existir para outros editores: