ambiente do dev

As ferramentas que todo dev usa

Monte seu ambiente, descubra o que cada ferramenta faz e tenha os atalhos e comandos essenciais sempre à mão.

Categorias
34 ferramentas
Logo Canva

Canva

Opcional

Criação de artes, posts e apresentações com modelos prontos.

DesignUX/UIProduto
Acessar
Logo ChatGPT

ChatGPT

Importante

Assistente de IA para tirar dúvidas, explicar erros e revisar código.

Front-endBack-endDadosEstudos
Acessar
Logo Chrome DevTools

Chrome DevTools

Obrigatório
Tutorial

Ferramentas do navegador para inspecionar HTML, CSS, rede, performance e console.

Front-endQAPerformance
Acessar
Logo Claude

Claude

Opcional

Assistente de IA forte em leitura de código e textos longos.

Front-endBack-endDadosEstudos
Acessar
Logo Cursor

Cursor

Importante
Tutorial

Editor com IA para explicar código, refatorar, criar arquivos e acelerar estudos.

Front-endBack-endDadosDevOpsUX/UI
Acessar
Logo DBeaver

DBeaver

Importante

Cliente visual para conectar e consultar vários bancos SQL.

DadosBack-end
Acessar
Logo Discord

Discord

Opcional

Comunidades de tecnologia, mentorias e canais de projeto.

CarreiraEstudos
Acessar
Logo Docker

Docker

Obrigatório
Tutorial

Ferramenta para empacotar aplicações e dependências em containers.

Back-endDevOpsDados
Acessar
Logo Excalidraw

Excalidraw

Opcional

Quadro branco para diagramas e wireframes com traço à mão.

UX/UIProdutoFront-end
Acessar
Logo Figma

Figma

Importante
Tutorial

Ferramenta de design para criar, consultar e comentar interfaces.

UX/UIFront-endProduto
Acessar
Logo Git

Git

Obrigatório
Tutorial

Sistema de versionamento usado para registrar mudanças e trabalhar com branches.

Front-endBack-endDadosDevOps
Acessar
Logo GitHub

GitHub

Obrigatório
Tutorial

Plataforma para hospedar código, colaborar, abrir issues e mostrar portfólio.

Front-endBack-endDadosDevOpsUX/UI
Acessar
Logo GitHub Copilot

GitHub Copilot

Opcional

Autocompletar de código com IA direto dentro do editor.

Front-endBack-endDevOps
Acessar
Logo Insomnia

Insomnia

Opcional

Cliente de API para testar requisições, alternativa ao Postman.

Back-endQA
Acessar
Logo Jira

Jira

Importante
Tutorial

Ferramenta de gestão de tarefas, sprints, backlog e acompanhamento de entregas.

ProdutoDevOpsQA
Acessar
Logo Kubernetes

Kubernetes

Opcional

Orquestração de containers em produção e em escala.

DevOpsBack-end
Acessar
Logo Linear

Linear

Opcional

Gestão de issues e sprints enxuta usada por times de produto.

ProdutoDevOps
Acessar
Logo MongoDB

MongoDB

Importante

Banco de dados NoSQL orientado a documentos.

Back-endDados
Acessar
Logo Node.js

Node.js

Obrigatório

Runtime JavaScript para rodar projetos e ferramentas fora do navegador.

Back-endFront-endFull Stack
Acessar
Logo Notion

Notion

Importante
Tutorial

Organização de estudos, documentação, planejamento, notas e portfólio.

ProdutoUX/UICarreiraEstudos
Acessar
Logo npm

npm

Obrigatório
Tutorial

Gerenciador de pacotes do ecossistema JavaScript, usado para instalar bibliotecas.

Front-endBack-endFull Stack
Acessar
Logo Obsidian

Obsidian

Opcional

Notas em markdown com links entre ideias, ótimo para estudo.

EstudosCarreira
Acessar
Logo pnpm

pnpm

Opcional
Tutorial

Gerenciador de pacotes rápido e econômico em disco para projetos JavaScript.

Front-endBack-endFull Stack
Acessar
Logo PostgreSQL

PostgreSQL

Importante

Banco de dados relacional open source muito usado no mercado.

Back-endDados
Acessar
Logo Postman

Postman

Importante
Tutorial

Cliente para testar APIs, organizar requisições e documentar endpoints.

Back-endQAFront-end
Acessar
Logo Slack

Slack

Importante
Tutorial

Comunicação de times, comunidades, canais de projeto e alertas de sistemas.

Front-endBack-endDadosDevOpsUX/UI
Acessar
Logo Supabase

Supabase

Opcional

Backend com Postgres, autenticação e APIs prontos (open source).

Back-endFull Stack
Acessar
Logo Terminal

Terminal

Obrigatório
Tutorial

Interface de linha de comando para navegar por pastas, rodar scripts e usar Git.

Front-endBack-endDadosDevOps
Acessar
Logo Trello

Trello

Opcional

Quadros kanban para organizar tarefas e estudos.

ProdutoCarreiraEstudos
Acessar
Logo Vercel

Vercel

Importante

Deploy de apps front-end e serverless com integração ao Git.

Front-endDevOpsFull Stack
Acessar
Logo Vite

Vite

Importante

Bundler e servidor de desenvolvimento rápido para apps front-end modernos.

Front-endFull Stack
Acessar
Logo VS Code

VS Code

Obrigatório
Tutorial

Editor de código leve e popular, com extensões para quase todas as stacks.

Front-endBack-endDadosDevOps
Acessar
Logo Warp

Warp

Opcional

Terminal moderno com blocos, histórico e recursos de IA.

Front-endBack-endDevOps
Acessar
Logo Yarn

Yarn

Opcional
Tutorial

Gerenciador de pacotes JavaScript usado como alternativa ao npm.

Front-endBack-endFull Stack
Acessar

Guia de setup por área

Marque cada passo conforme for configurando. O progresso fica salvo enquanto a página estiver aberta.

Front-end0/4
  • node -v
  • npm run dev
Back-end0/4
Dados0/4
DevOps0/4
UX/UI0/4

Cheatsheet de atalhos e comandos

Atalho
CtrlP

Abrir um arquivo rapidamente pelo nome.

Atalho
CtrlShiftP

Abrir a paleta de comandos.

Atalho
Ctrl`

Abrir ou fechar o terminal integrado.

Atalho
CtrlS

Salvar o arquivo atual.

Atalho
Ctrl/

Comentar ou descomentar a linha.

Atalho
CtrlD

Selecionar a proxima ocorrencia (multi-cursor).

Atalho
CtrlG

Ir para uma linha especifica.

Atalho
F2

Renomear o simbolo em todo o projeto.

Atalho
CtrlF

Buscar no arquivo atual.

Atalho
CtrlH

Substituir no arquivo atual.

Atalho
CtrlShiftF

Buscar em todos os arquivos do projeto.

Atalho
AltShiftF

Formatar o arquivo.

Atalho
AltUp

Mover a linha para cima.

Atalho
AltDown

Mover a linha para baixo.