VS Code
O editor de código da jornada. Gratuito, leve e cheio de extensões.
Tudo o que um dev carrega na mochila: programas, extensões, documentação, lugares para treinar e onde pedir ajuda. Salve esta página e volte sempre que precisar.
Programas para instalar no computador
O editor de código da jornada. Gratuito, leve e cheio de extensões.
Controle de versão: salva cada passo do seu código e leva tudo para o GitHub.
Navegador com DevTools completo para inspecionar e depurar páginas.
Firefox feito para devs, com ferramentas ótimas para CSS Grid e Flexbox.
Roda JavaScript fora do navegador e traz o npm. Use sempre a versão LTS.
Instala e troca versões do Node com um comando. Funciona em Windows, macOS e Linux.
O gerenciador de versões do Node mais conhecido, para macOS e Linux.
Um Linux de verdade dentro do Windows. Os comandos ficam iguais aos dos tutoriais.
PowerShell, Prompt e Ubuntu (WSL) em abas, num terminal bonito e rápido.
Terminal alternativo para macOS, com abas, divisões e muitos atalhos.
Temas e atalhos para o Zsh, com a branch do Git aparecendo no prompt.
Roda bancos de dados e serviços em containers sem bagunçar seu computador.
Testa APIs: envie requisições, veja respostas e salve coleções.
Alternativa mais enxuta ao Postman para testar APIs.
Cliente gratuito para abrir e consultar qualquer banco SQL.
Fonte para programar com ligaduras: => e !== viram símbolos únicos.
Outra fonte gratuita feita para código, fácil de ler por horas.
Encantamentos para o VS Code
Formata o código sozinho ao salvar.
Aponta erros e más práticas em JavaScript e TypeScript.
Mostra o erro na própria linha, sem passar o mouse.
Ícones por tipo de arquivo para se localizar rápido.
Pega erros de digitação em nomes e textos.
Dicionário pt-BR para o Code Spell Checker.
Completa caminhos de arquivos enquanto você digita.
Abre o site no navegador e recarrega a cada alteração.
Renomeia a tag de fechamento junto com a de abertura.
Atalhos para criar componentes React.
Autocompletar das classes do Tailwind.
Deixa as mensagens de erro do TypeScript legíveis.
Destaca a sintaxe dos arquivos .env.
Testa APIs a partir de um arquivo .http no editor.
Destaque e autocompletar para o schema do Prisma.
Conecta e consulta bancos SQL direto do editor.
Mostra quem alterou cada linha e o histórico do arquivo.
Gerencia containers, imagens e Dockerfiles.
Lista todos os TODO e FIXME do projeto.
A interface do VS Code em português.
Atalhos e pré-visualização para escrever READMEs.
Programe junto com outra pessoa em tempo real.
Tema escuro de cores suaves, um dos mais instalados.
Tema escuro em roxo e rosa, de alto contraste.
Tons pastel, com variações claras e escuras.
As fontes oficiais, sempre certas
A referência de HTML, CSS e JavaScript, com muitas páginas em português.
A documentação oficial do React, com tutorial interativo.
Todos os módulos do Node: arquivos, HTTP, streams e mais.
O guia oficial do TypeScript, do básico aos tipos avançados.
Documentação oficial do banco relacional mais usado nos projetos.
Documentação do banco de documentos MongoDB.
O ORM que conecta o back-end ao banco com tipos.
Containers, imagens e Compose, direto da fonte.
Descubra se um recurso de HTML, CSS ou JS funciona em cada navegador.
Dezenas de documentações numa busca só, funcionando até off-line.
Exercícios e desafios para praticar
Exercícios em dezenas de linguagens, com mentoria gratuita da comunidade.
Problemas de algoritmos numa plataforma brasileira, com enunciados em português.
Desafios em níveis (kata), com as soluções de outras pessoas para comparar.
Designs prontos para você recriar e colocar no portfólio.
Aprenda Flexbox ajudando sapos a chegar nas vitórias-régias. Em português.
Aprenda CSS Grid regando uma horta. Em português.
Branches, merge e rebase de forma visual e interativa.
Lições curtas de SQL com exercícios direto no navegador.
O clássico para treinar para entrevistas técnicas.
Desafios e testes usados em processos seletivos.
Currículos gratuitos para ir além
Mapas visuais de estudo para cada área. Ótimo para ver o que vem depois.
Currículo gratuito com certificados e muitos artigos em português.
Currículo full stack gratuito e focado em projetos (em inglês).
O curso de introdução à computação mais famoso do mundo, gratuito.
Onde colocar seus projetos no ar
Onde ficam seus projetos. É o seu portfólio de verdade.
Coloque sites e front-ends no ar em minutos, de graça.
Alternativa à Vercel para deploy de sites estáticos.
Deploy de back-end, APIs e bancos com plano gratuito.
Suba back-end e banco de dados juntos, com poucos cliques.
Postgres na nuvem com login, arquivos e API prontos.
Postgres na nuvem com plano gratuito, ótimo para projetos de estudo.
MongoDB na nuvem com um cluster gratuito.
Utilidades que resolvem na hora
Teste expressões regulares e veja a explicação de cada parte.
Monte o .gitignore certo para a sua linguagem e o seu sistema.
O padrão de mensagens de commit usado por muitas empresas. Em português.
Monte o README do projeto juntando seções prontas.
Quadro branco para desenhar diagramas e telas à mão livre.
Veja e crie telas e protótipos. É onde os designs chegam no trabalho.
Gere paletas de cores bonitas com um aperto de tecla.
Fontes gratuitas para usar nos seus sites.
Ícones abertos e consistentes, em SVG e para React.
Comprima e converta imagens (WebP, AVIF) direto no navegador.
Mede a velocidade do seu site e diz o que melhorar.
Transforme um trecho de código numa imagem bonita para postar.
Parceiras de estudo e de código
Livros oficiais e gratuitos on-line
O livro oficial do Git, completo e traduzido para o português.
Ensina programação de verdade usando JavaScript (em inglês).
Como o JavaScript funciona por dentro (em inglês).
Panorama completo da engenharia de software, escrito em português.
Gente para caminhar junto
Novidades da jornada, materiais novos e avisos de lançamento.
Perguntas e respostas técnicas. Quase todo erro já foi resolvido lá.
Artigos e discussões de devs brasileiros.
Artigos de devs do mundo todo. Ótimo para começar a escrever também.
Issues fáceis em projetos open source para a sua primeira contribuição.
Vagas, freelas e vitrine profissional
Sua vitrine profissional. É onde os recrutadores procuram.
Vagas de tecnologia no Brasil, com filtro por nível e tecnologia.
Portal onde muitas empresas brasileiras publicam suas vagas.
Projetos freelance de todos os tamanhos.
Plataforma brasileira de projetos freelance.
Rotina, revisão e concentração
Os materiais da própria jornada
As 12 regiões em uma página para imprimir e marcar o seu progresso.
Um cronograma que não quebra quando você falta um dia.
Cada assunto em uma página, para revisar em minutos.
Tudo o que a Code Venture libera de graça, num lugar só.
Tente outra palavra, como "editor", "banco" ou "css". Sentiu falta de algum item? Conte para a gente no Instagram.
Os feitiços que todo aventureiro usa no começo. Copie, cole no terminal e siga em frente.
Rode uma vez só, logo depois de instalar o Git.
git config --global user.name "Seu Nome"
git config --global user.email "voce@email.com"
git config --global init.defaultBranch main
Instala as extensões essenciais do VS Code de uma vez.
code --install-extension esbenp.prettier-vscode
code --install-extension dbaeumer.vscode-eslint
code --install-extension usernamehw.errorlens
code --install-extension PKief.material-icon-theme
code --install-extension christian-kohler.path-intellisense
Depois de instalar o fnm, instala e ativa a versão LTS do Node.
fnm install --lts
fnm use --lts
node --version
npm --version
No PowerShell como administrador. Reinicie quando pedir.
wsl --install
O que nunca deve ir para o GitHub, principalmente o .env.
node_modules/
dist/
build/
.env
.env.local
.DS_Store
*.log
coverage/

Esta página é o atalho. O e-book é o manual completo: como estudar, montar o setup, usar o Git, resolver erros, montar o portfólio e conseguir os primeiros clientes.
17 capítulos em PDF, com o settings.json completo do VS Code, o pack de extensões por região, a biblioteca de livros e o checklist para a primeira vaga.
O Kit do Aventureiro vem de bônus no Pack de E-books e no Curso em vídeo. Ele não é vendido separadamente.
A base cresce junto com a jornada. Estes itens estão sendo forjados.
Passo a passo para Windows, macOS e Linux, marcando o que já está instalado.
Escolha suas preferências e copie a configuração do VS Code pronta.
Um comando por região do mapa, para instalar só o que você precisa agora.
Um espaço com um canal por região do mapa, para estudar junto.
Descubra o seu valor-hora e quanto cobrar por um projeto.
Os itens que você equipou sincronizados com o app da Code Venture.
O Kit do Aventureiro é gratuito e vai continuar assim. Se ele te ajudou, um Pix de qualquer valor acelera os próximos itens e materiais abertos para a comunidade.