Pessoa desenvolvedora full-stack é quem transita pelas duas pontas de uma aplicação web: o front-end (o que roda no navegador — HTML, CSS, JavaScript e frameworks como React) e o back-end (o que roda no servidor — APIs, bancos de dados, autenticação, deploy). Não significa saber tudo com a mesma profundidade: significa conseguir entregar uma funcionalidade inteira, da tela ao banco, e conversar bem com especialistas de cada lado. É o perfil mais pedido em startups, pequenas empresas e times enxutos — e, no Brasil, uma das portas de entrada mais comuns na programação.
Este guia é para quem está começando do zero ou já sabe um dos lados e quer fechar o ciclo. Ele organiza roadmap, trilha de entrada, cursos, documentação, ferramentas, projetos, certificações, salários e comunidades, priorizando conteúdo em português e gratuito. Todo link foi verificado na data da última revisão. Para aprofundar cada lado da pilha, use também os guias irmãos de Front-end, Back-end e TypeScript.
Siga nas redes sociais para acompanhar mais conteúdos:
Antes de tudo você pode me ajudar e colaborar, deu bastante trabalho fazer esse repositório e organizar para fazer seu estudo ou trabalho melhor, portanto você pode me ajudar das seguintes maneiras:
- Me siga no Github
- Acesse as redes sociais do Guia Dev Brasil
- Mande feedbacks no LinkedIn
A proposta deste guia é dar uma ideia sobre o atual panorama e guiá-lo se você estiver confuso sobre qual será o seu próximo aprendizado, sem influenciar você a seguir os 'hypes' e 'trends' do momento. Acreditamos que com um maior conhecimento das diferentes estruturas e soluções disponíveis poderá escolher a ferramenta que melhor se aplica às suas demandas. E lembre-se, 'hypes' e 'trends' nem sempre são as melhores opções.
Não se assuste com a quantidade de conteúdo apresentado neste guia. Acredito que quem está começando pode usá-lo não como um objetivo, mas como um apoio para os estudos. Neste momento, dê enfoque no que te dá produtividade e o restante marque como Ver depois. Ao passo que seu conhecimento se torna mais amplo, a tendência é este guia fazer mais sentido e ficar fácil de ser assimilado. Bons estudos e entre em contato sempre que quiser! 👊
- Abra Pull Requests com atualizações
- Discuta ideias em Issues
- Compartilhe o repositório com a sua comunidade
Se você deseja acompanhar esse repositório em outro idioma que não seja o Português Brasileiro, você pode optar pelas escolhas de idiomas abaixo, você também pode colaborar com a tradução para outros idiomas e a correções de possíveis erros ortográficos, a comunidade agradece.
・English — Click Here
・Spanish — Click Here
・Chinese — Click Here
・Hindi — Click Here
・Arabic — Click Here
・French — Click Here
・Italian — Click Here
・Korean — Click Here
・Russian — Click Here
・German — Click Here
・Japanese — Click Here
🗺️ Roadmap
🚀 Por onde começar
🎓 Cursos gratuitos
💰 Cursos pagos
📖 Documentação e apostilas
📚 Livros
🎥 Canais no YouTube
🎙️ Podcasts
📰 Sites, blogs e newsletters
🛠️ Ferramentas
🧪 Projetos práticos e desafios
🤖 IA na prática
📜 Certificações
💼 Carreira e vagas
👥 Comunidades
🚨 Como contribuir
📄 Licença
💙 Apoie o projeto
- roadmap.sh — Full Stack Developer — Roadmap visual e interativo da comunidade: HTML/CSS/JS, React, Node, banco de dados, deploy — na ordem certa, com links por tópico.
- roadmap.sh — Frontend — A metade front-end do caminho, em detalhe: do HTML semântico a frameworks, testes e performance.
- roadmap.sh — Backend — A metade back-end: APIs, autenticação, bancos relacionais e NoSQL, cache, filas e observabilidade.
- roadmap.sh — JavaScript · SQL · Git e GitHub — Sub-roadmaps dos fundamentos que todo full-stack precisa; veja também SQL, Git e GitHub e API Design.
- developer-roadmap (GitHub) — Repositório-fonte dos roadmaps acima, um dos mais estrelados do GitHub; bom para acompanhar as revisões anuais.
- TechGuide — trilha Full-stack (Alura) — Guia brasileiro de trilhas por carreira, com níveis por tecnologia e indicação de conteúdo em português.
- MDN — Learn web development — Currículo oficial da Mozilla, reformulado em 2025: fundamentos, HTML, CSS, JavaScript, acessibilidade, ferramentas e boas práticas.
- The Odin Project — Full Stack JavaScript path — Trilha gratuita, baseada em projetos, do zero ao full-stack com Node.js e React.
- Guia de Front-end · Guia de Back-end (Guia Dev Brasil) — Guia-mãe da rede com os guias irmãos de front-end e back-end: use-os para aprofundar cada lado da pilha.
Trilha resumida (siga na ordem; cada etapa tem recursos nas seções abaixo):
- Como a web funciona — navegador, servidor, HTTP, DNS, o que é uma API. Sem isso, o resto vira decoreba.
- Front-end básico — HTML semântico, CSS (flexbox, grid, responsividade) e JavaScript moderno (DOM, eventos,
fetch,async/await). - Ferramentas do ofício — terminal, Git e GitHub, VS Code, npm. Publique tudo o que fizer.
- Front-end com framework — React (ou Vue), componentes, estado, rotas e consumo de API. TypeScript entra aqui.
- Back-end — Node.js com Express/Fastify (ou Python com Django/FastAPI, Java com Spring, PHP com Laravel): rotas, REST, validação, autenticação (JWT/sessões), variáveis de ambiente.
- Banco de dados — SQL com PostgreSQL (modelagem, JOIN, índices), um ORM (Prisma/Drizzle) e noções de NoSQL (MongoDB, Redis).
- Qualidade e entrega — testes (Vitest/Jest, Playwright), Docker, CI com GitHub Actions e deploy (Vercel, Render, Railway, Fly.io).
- Full-stack de verdade — um framework que une as pontas (Next.js), segurança (OWASP Top 10), observabilidade, cache e noções de system design.
- Entenda a web antes de programar. Leia Como a Web funciona na MDN e a visão geral de HTTP.
- Instale o ambiente: Visual Studio Code, Git e Node.js (versão LTS). No Windows, use o WSL.
- HTML e CSS: faça o Curso de HTML5 e CSS3 do Curso em Vídeo ou o Design Web Responsivo do freeCodeCamp em português, e publique a primeira página no GitHub Pages com o Curso de Git e GitHub.
- JavaScript: Curso de JavaScript do Curso em Vídeo e, para consolidar, o Discover da Rocketseat ou o Eloquent JavaScript.
- Feche o ciclo com um curso full-stack completo e gratuito: o Full Stack Open em português (React + Node + banco de dados + testes + deploy) ou o currículo Certified Full Stack Developer do freeCodeCamp.
- Aprenda SQL com o Curso de MySQL do Curso em Vídeo ou o SQLBolt e migre para o PostgreSQL no primeiro projeto real.
- Construa 3 projetos completos (front + API + banco + deploy) e publique cada um com README, prints e link no ar. Ideias na seção Projetos práticos.
- Entre na comunidade e nas vagas: TabNews, Discord da Rocketseat e os repositórios de vagas frontendbr e backend-br. Mire a primeira vaga júnior quando tiver os 3 projetos.
Seu primeiro full-stack em 1 minuto — uma página que chama uma API, tudo em um arquivo:
mkdir ola-fullstack && cd ola-fullstack
npm init -y// server.js — front-end + API no mesmo arquivo, sem instalar nada (Node.js 20+)
const { createServer } = require("node:http");
const pagina = `<!doctype html>
<h1>Olá, full-stack!</h1>
<p id="msg">carregando…</p>
<script>
fetch("/api/ola").then(r => r.json()).then(d => { msg.textContent = d.mensagem; });
</script>`;
createServer((req, res) => {
if (req.url === "/api/ola") { // back-end: rota da API
res.writeHead(200, { "Content-Type": "application/json" });
return res.end(JSON.stringify({ mensagem: "Resposta do servidor 👋" }));
}
res.writeHead(200, { "Content-Type": "text/html; charset=utf-8" });
res.end(pagina); // front-end: página HTML
}).listen(3000, () => console.log("http://localhost:3000"));node server.js # abra http://localhost:3000 no navegador- Full Stack Open (em português) — Curso da Universidade de Helsinque traduzido: React, Node/Express, MongoDB, GraphQL, TypeScript e CI/CD, com exercícios corrigidos e certificado.
- Curso de HTML5 e CSS3 — Módulo 1 (Curso em Vídeo) — O ponto de partida clássico do Brasil: Gustavo Guanabara ensina HTML e CSS do zero, com exercícios.
- Curso de JavaScript e ECMAScript para Iniciantes (Curso em Vídeo) — JavaScript para quem nunca programou, com DOM e eventos, no ritmo didático do Guanabara.
- Curso de Git e GitHub (Curso em Vídeo) — Versionamento e GitHub Pages sem terminal, ideal para publicar os primeiros projetos.
- Curso de MySQL (Curso em Vídeo) — Banco de dados relacional e SQL do zero: modelagem, SELECT, JOIN e funções.
- Curso em Vídeo — Plataforma gratuita do Guanabara com todos os cursos organizados, exercícios e certificado.
- Curso de React (Matheus Battisti — Hora de Codar) — React do zero em português: componentes, hooks, rotas e consumo de API.
- Curso de JavaScript (Matheus Battisti — Hora de Codar) — Fundamentos de JavaScript moderno com foco no que se usa no dia a dia de front e back.
- Curso de Node.js (Victor Lima — Ciência da Computação) — Node.js e Express na prática: servidor, rotas, banco de dados e API REST.
- Discover (Rocketseat) — Trilha gratuita da Rocketseat com fundamentos de HTML, CSS, JavaScript e Git, com projetos.
- DIO — bootcamps gratuitos — Bootcamps com empresas parceiras (Full-stack, Java, .NET, Python), desafios de código e certificado gratuito.
- Escola Virtual — Fundação Bradesco — Cursos gratuitos com certificado em HTML, JavaScript, banco de dados e lógica de programação.
- freeCodeCamp em português — Currículo interativo do freeCodeCamp traduzido (Design Web Responsivo, JavaScript e mais), com certificações gratuitas.
- Web Development for Beginners — Microsoft (PT-BR) — Currículo de 12 semanas da Microsoft, traduzido: HTML, CSS e JavaScript por projetos.
- Imersão Dev (Alura) — Imersão gratuita e recorrente da Alura para construir um projeto web em poucos dias.
- Docker para desenvolvedores na prática (Full Cycle) — Imersão gratuita de Docker pensada para quem desenvolve: containers, Compose e ambiente de dev.
- Curso de Programação Web (Cursa) — Plataforma gratuita com certificado e dezenas de cursos de HTML, CSS, JavaScript, PHP e bancos de dados.
- Learn X in Y minutes — JavaScript (PT-BR) — A sintaxe inteira do JavaScript num único arquivo comentado, em português.
- Refactoring.Guru — Padrões de projeto (PT-BR) — Padrões de projeto e refatoração explicados com ilustrações e exemplos de código, em português.
- Curso de Git e Github [Completo] — o essencial em 2 horas (Victor Lima) — Aula única de 2 horas para dominar o fluxo de commits, branches e pull requests.
- Microsoft Learn (PT-BR) — Roteiros gratuitos de JavaScript, Node.js, Azure e .NET, com exercícios no navegador.
- freeCodeCamp — Certified Full Stack Developer — Novo currículo (2025) de ~1.800 horas: HTML, CSS, JavaScript, React, Node, bancos de dados e Python, com certificação.
- The Odin Project — Currículo aberto e baseado em projetos, com comunidade ativa; referência para autodidatas.
- Full Stack Open (Universidade de Helsinque) — Versão original do curso; parte 0 a 13 com React, Node, GraphQL, TypeScript, React Native e CI/CD.
- CS50's Web Programming with Python and JavaScript (Harvard) — Curso de Harvard: Django, JavaScript, SQL, testes, CI/CD e escalabilidade, com projetos avaliados.
- CS50x — Introduction to Computer Science (Harvard) — Se você nunca programou, comece aqui: base de ciência da computação que termina em web com Flask.
- Web Development for Beginners (Microsoft) — Versão original do currículo da Microsoft, com 24 lições e projetos.
- freeCodeCamp — Responsive Web Design — HTML e CSS por projetos, com certificação gratuita.
- freeCodeCamp — Back End Development and APIs — Node, Express e MongoDB com projetos de API e certificação gratuita.
- Full Stack Web Development for Beginners (freeCodeCamp) — Curso único em vídeo cobrindo HTML, CSS, JavaScript, Node.js e MongoDB com um projeto completo.
- web.dev Learn (Google) — Cursos gratuitos da equipe do Chrome: HTML, CSS, formulários, acessibilidade, performance e PWA.
- The Missing Semester of Your CS Education (MIT) — Terminal, shell, Git, editores e depuração — o que ninguém ensina e todo full-stack precisa.
- MongoDB University — Cursos oficiais e gratuitos de MongoDB, com certificado de conclusão.
- SQLBolt — Lições interativas de SQL direto no navegador; termine em uma tarde.
- How to Become a Full-Stack Developer in 2025 (freeCodeCamp Handbook) — Handbook gratuito com o passo a passo de estudo, portfólio e busca de vaga.
- Learn the MERN Stack in 2025 (freeCodeCamp) — Curso completo em vídeo: MongoDB, Express, React e Node, do setup ao deploy de um app real.
- Formação Full-Stack (Rocketseat) — Do HTML ao React e Node com 13 projetos e mais de 40 desafios; comunidade e suporte incluídos.
- Formação Full stack: React com Node.js (Alura) — Formação da Alura que parte do React, constrói uma API com Node/Express e termina em testes e deploy.
- curso.dev (Filipe Deschamps) — Curso de programação full-stack pela prática: você constrói o TabNews do zero, com Next.js, Postgres e CI.
- Trybe — Escola de desenvolvimento web full-stack com modelo de pagamento após a contratação.
- B7Web (Bonieky Lacerda) — Plataforma brasileira com trilhas de front, back e mobile, muito usada por quem está começando.
- Origamid — Cursos de front-end (HTML, CSS, JavaScript, React, UI) de altíssima qualidade didática.
- Full Cycle — Para quem já é júnior/pleno: arquitetura, microsserviços, Docker, Kubernetes e mensageria.
- Profissão: Desenvolvedor Full Stack Python (EBAC) — Curso longo com projetos de portfólio e certificado; combina Python no back e JavaScript no front.
- Cod3r — Cursos de Leonardo Leitão e equipe: JavaScript, Node, React, Angular, Java, Docker.
- Boot.dev — Aprenda back-end (Go, Python, SQL, Docker) resolvendo desafios no navegador, em formato de jogo.
- Codecademy — Full-Stack Engineer Career Path — Trilha interativa de carreira com projetos de portfólio e certificado.
- Master.dev (antigo Frontend Masters) — Workshops em vídeo com engenheiros de referência; excelente para aprofundar JavaScript, React e Node.
- Scrimba — Cursos interativos em que você edita o código dentro do vídeo; trilha Frontend Developer Career Path.
- Zero To Mastery — Cursos de Andrei Neagoie: The Complete Web Developer, Node, React, Next.js.
- MDN Web Docs (PT-BR) — A referência definitiva de HTML, CSS, JavaScript e APIs web, parcialmente traduzida.
- MDN — HTTP — Como a web conversa: métodos, cabeçalhos, códigos de status, CORS e cookies.
- Pro Git (livro oficial, PT-BR) — O livro oficial do Git, gratuito e traduzido; leia os capítulos 1 a 3 e você já domina o essencial.
- React — documentação (PT-BR) — Docs modernas do React, com tutorial interativo e a seção 'Aprenda React' traduzida.
- Next.js — documentação — Framework full-stack em React: rotas, Server Components, API routes e deploy.
- Express — documentação (PT-BR) — O framework web minimalista do Node.js; guia de rotas, middleware e tratamento de erros.
- Node.js — documentação — Referência oficial das APIs do Node.js (fs, http, streams, test runner).
- Vue.js — documentação (PT-BR) — Docs oficiais do Vue 3 traduzidas, com guia progressivo do básico ao avançado.
- Django — documentação (PT-BR) — Tutorial e referência do framework Python mais usado para web, em português.
- Spring — Guides — Guias oficiais passo a passo para construir APIs e apps web com Spring Boot (Java).
- Laravel — documentação — Docs do framework PHP mais popular: rotas, Eloquent, autenticação e filas.
- PostgreSQL — documentação — Manual completo do banco relacional mais recomendado para novos projetos.
- Docker — documentação — Get started, Dockerfile, Compose e boas práticas para empacotar sua aplicação.
- Prisma — documentação — ORM TypeScript para Postgres, MySQL e SQLite; schema, migrações e client tipado.
- Tailwind CSS — documentação — Referência do framework CSS utilitário mais usado; v4 lançada em 2025.
- TypeScript — Handbook — Manual oficial do TypeScript, hoje padrão em vagas full-stack JavaScript.
- OWASP Top 10 — Os dez riscos de segurança mais críticos em aplicações web; leitura obrigatória antes do primeiro deploy.
- OWASP Cheat Sheet Series — Guias curtos de como fazer certo: autenticação, senhas, JWT, SQL injection, XSS.
- The System Design Primer — Como sistemas escalam: cache, balanceamento, bancos, filas — com exercícios de entrevista.
- DevDocs — Todas as documentações (JS, Node, React, Python, SQL…) num só lugar, com busca e modo offline.
- Can I use — Tabela de suporte de recursos HTML, CSS e JS por navegador.
- Web Almanac (HTTP Archive) — Relatório anual sobre o estado da web real: frameworks, performance, acessibilidade.
- MongoDB — documentação (PT-BR) — Docs oficiais do MongoDB traduzidas: CRUD, agregações e drivers.
- Python — documentação (PT-BR) — Documentação oficial do Python traduzida, para quem escolhe Django ou FastAPI no back-end.
- W3Schools — Referência rápida com exemplos editáveis de HTML, CSS, JS, SQL e Python.
- HTTP Cats — Todos os códigos de status HTTP ilustrados com gatos; você nunca mais esquece o 418.
- Eloquent JavaScript (4ª edição, 2024) — Livro gratuito e completo de JavaScript, com capítulos sobre navegador e Node.js.
- Eloquente JavaScript (tradução PT-BR) — Tradução comunitária (2ª edição) do livro acima, feita pela BrazilJS.
- You Don't Know JS Yet — Série gratuita de Kyle Simpson que vai fundo em escopo, closures, objetos e async.
- The Modern JavaScript Tutorial (javascript.info) — Livro-tutorial gratuito e sempre atualizado: linguagem, DOM, eventos e rede.
- Free Programming Books — em português — Lista mantida pela Free Ebook Foundation com livros gratuitos e legais em português, por linguagem.
- Entendendo Algoritmos (Novatec) — Livro pago. Introdução ilustrada a algoritmos e estruturas de dados; base para entrevistas técnicas.
- Casa do Código — livros de programação — Editora brasileira paga, com livros curtos e práticos de HTML/CSS, JavaScript, Node.js, React, PHP, Java e bancos de dados.
- The Pragmatic Programmer (20th Anniversary Edition) — Livro pago. O clássico sobre ofício e mentalidade de programador; edição em português: 'O Programador Pragmático'.
- Designing Data-Intensive Applications — Livro pago. Referência sobre bancos de dados, replicação e sistemas distribuídos; leia quando estiver no nível pleno.
- Grokking Algorithms (2ª edição) — Livro pago. Versão original de 'Entendendo Algoritmos', atualizada em 2024.
- The Road to React — Livro pago. Prático de React, atualizado a cada versão; primeiro capítulo gratuito.
- Curso em Vídeo — Gustavo Guanabara: HTML, CSS, JavaScript, Git, MySQL, PHP — a porta de entrada de milhões de devs.
- Rocketseat — Aulas, lives e eventos gratuitos sobre React, Node, TypeScript e carreira.
- Código Fonte TV — Gabriel Fróes e Vanessa Weber explicam tecnologias e conceitos em vídeos curtos e bem produzidos.
- Filipe Deschamps — Programação explicada com didática rara; criador do TabNews e do curso.dev.
- Matheus Battisti — Hora de Codar — Cursos completos e gratuitos de JavaScript, React, Node, PHP, Laravel e Vue.
- Dev Soutinho (Mario Souto) — Front-end e full-stack com projetos ao vivo, React, Next.js e carreira.
- Erick Wendel — Node.js em profundidade: streams, performance, testes e internals.
- Fernanda Kipper — Projetos full-stack completos (Java/Spring + React, Node), carreira e entrevistas.
- Rafaella Ballerini — Git, GitHub, HTML/CSS e os primeiros passos explicados com calma para iniciantes.
- Full Cycle — Docker, Kubernetes, arquitetura e imersões gratuitas com Wesley Willians.
- Otávio Miranda — JavaScript, TypeScript, Node e Python com muita profundidade e cursos longos gratuitos.
- Michelli Brito — Java e Spring Boot para APIs REST, do zero ao deploy; Microsoft MVP.
- Sujeito Programador — Projetos práticos com React, Next.js, Node e React Native.
- Loiane Groner — Cursos gratuitos de Java, Angular, TypeScript e algoritmos, com repositórios de apoio.
- Attekita Dev — Carreira, mercado e dicas práticas de quem contrata e mentora devs.
- Lucas Montano — Engenheiro de software no exterior falando de carreira, projetos e mercado internacional.
- Alura — Lives, imersões e aulas abertas sobre todo o ecossistema web.
- Programador Lhama — Arquitetura, boas práticas e carreira com uma visão crítica do mercado.
- DevDojo — Java e Spring em profundidade, com maratonas gratuitas.
- freeCodeCamp.org — Cursos completos de 2 a 40 horas sobre praticamente toda tecnologia web, gratuitos.
- Traversy Media — Crash courses de Brad Traversy sobre HTML, CSS, JS, Node, React e projetos full-stack.
- Fireship — 'X in 100 seconds': visão rápida e divertida de qualquer tecnologia antes de estudá-la.
- Web Dev Simplified — Kyle Cook explica JavaScript, CSS e React de forma simples e direta.
- The Net Ninja — Playlists completas de Node, React, Vue, Firebase, Tailwind e MongoDB.
- Kevin Powell — O canal para realmente entender CSS: layout, responsividade e recursos modernos.
- Theo — t3.gg — Opiniões fortes sobre o ecossistema TypeScript/Next.js e o que usar em 2026.
- Hussein Nasser — Back-end engineering em profundidade: HTTP, bancos de dados, proxies e redes.
- ByteByteGo — System design animado em vídeos curtos, de Alex Xu.
- Programming with Mosh — Tutoriais para iniciantes de JavaScript, React, Node, SQL e Python.
- Codevolution — Séries detalhadas de React, Next.js e Node, um conceito por vídeo.
- JavaScript Mastery — Projetos full-stack completos com Next.js, React e bancos modernos, em vídeos longos.
- Hipsters Ponto Tech — Podcast da Alura sobre tecnologia e carreira; episódios TechGuide sobre trilhas full-stack.
- Compilado do Código Fonte TV — Notícias semanais do mundo dev com Gabriel Fróes e Vanessa Weber; também no Spotify e Apple Podcasts.
- Fronteiras da Engenharia de Software — Pesquisadores brasileiros conversam sobre engenharia de software e a prática.
- Syntax — Wes Bos e Scott Tolinski sobre desenvolvimento web moderno, três vezes por semana.
- JS Party (Changelog) — Painel semanal sobre JavaScript e a web.
- Software Engineering Radio — Entrevistas técnicas com engenheiros sobre arquitetura, bancos de dados e práticas.
- CodeNewbie — Histórias de quem está começando ou mudou de carreira para programação.
- Newsletter do Filipe Deschamps — Resumo diário e gratuito das notícias de tecnologia mais relevantes, em português.
- Blog da Rocketseat — Artigos em português sobre React, Node, carreira e mercado.
- Alura — Artigos — Artigos técnicos em português sobre todo o ecossistema web.
- DEV Community — devs brasileiros — Artigos em português publicados pela comunidade brasileira no dev.to.
- freeCodeCamp News — Tutoriais longos e handbooks gratuitos sobre tudo em desenvolvimento web.
- Smashing Magazine — Artigos aprofundados sobre front-end, UX e acessibilidade.
- CSS-Tricks — Guias e almanaque de CSS; referência de flexbox e grid.
- web.dev Blog — Novidades da plataforma web direto da equipe do Chrome.
- JavaScript Weekly — Newsletter semanal com o que aconteceu no ecossistema JavaScript.
- Node Weekly — Newsletter semanal sobre Node.js.
- Frontend Focus — Newsletter semanal de HTML, CSS e front-end.
- Bytes — Newsletter de JavaScript divertida e informativa, da ui.dev.
- TLDR Web Dev — Resumo diário de 5 minutos sobre desenvolvimento web.
- ByteByteGo Newsletter — System design explicado com diagramas, semanalmente.
- The Pragmatic Engineer — Gergely Orosz sobre engenharia, carreira e mercado de tecnologia; a newsletter de tech mais lida do Substack.
- Visual Studio Code — O editor padrão do mercado, gratuito, com extensões para tudo.
- Git — Controle de versão; indispensável desde o primeiro projeto.
- GitHub — Hospede código, colabore e monte seu portfólio público.
- Node.js — Runtime JavaScript no servidor; instale sempre a versão LTS.
- pnpm — Gerenciador de pacotes rápido e econômico em disco; alternativa ao npm.
- Bun — Runtime, bundler e gerenciador de pacotes JavaScript tudo-em-um, muito rápido.
- Docker — Containers para rodar banco de dados e serviços iguais em qualquer máquina.
- WSL — Subsistema Windows para Linux — Ambiente Linux dentro do Windows; recomendado para desenvolvimento web no Windows.
- nvm — Gerencie várias versões do Node.js na mesma máquina.
- React — A biblioteca de interfaces mais usada do mercado.
- Next.js — Framework React full-stack: SSR, rotas de API e deploy simples.
- Vue.js — Framework progressivo, curva de aprendizado suave; muito usado no Brasil.
- Angular — Framework completo do Google, forte em empresas grandes e no ecossistema Java/.NET.
- Svelte — Framework compilado, sem virtual DOM; Svelte 5 lançado em 2024.
- Vite — Ferramenta de build padrão para projetos front-end modernos.
- Tailwind CSS — CSS utilitário: estilize direto no HTML com classes.
- shadcn/ui — Componentes acessíveis e copiáveis para React + Tailwind; padrão em projetos novos.
- Chrome DevTools — Inspecione, depure e meça performance direto no navegador.
- Figma — Onde os layouts que você vai implementar são desenhados; plano gratuito.
- Express — O framework Node.js mais usado para APIs; Express 5 lançado em 2024.
- NestJS — Framework Node opinativo, com arquitetura em módulos, muito comum em vagas.
- Fastify — Framework Node.js focado em performance e validação por schema.
- Hono — Framework web leve que roda em Node, Bun, Deno e Cloudflare Workers.
- Django — Framework Python 'com baterias inclusas': admin, ORM e autenticação prontos.
- Spring Boot — O padrão para APIs em Java no mercado corporativo brasileiro.
- Laravel — Framework PHP moderno e produtivo, com grande comunidade no Brasil.
- PostgreSQL — Banco relacional open source, robusto e gratuito; a escolha padrão.
- MongoDB — Banco NoSQL orientado a documentos, comum na stack MERN.
- Redis — Armazenamento em memória para cache, filas e sessões.
- Prisma — ORM para Node/TypeScript com migrações e client tipado.
- Drizzle ORM — ORM TypeScript leve, próximo do SQL; alternativa moderna ao Prisma.
- DBeaver — Cliente gráfico gratuito para qualquer banco de dados.
- Supabase — Postgres com autenticação, storage e APIs prontas; plano gratuito generoso.
- Firebase — Back-end como serviço do Google: auth, Firestore e hosting.
- Postman — Teste e documente APIs; padrão nas empresas.
- Insomnia — Cliente de API open source, leve e simples.
- Bruno — Cliente de API offline que salva coleções como arquivos no seu repositório Git.
- Swagger / OpenAPI — Descreva e documente sua API de forma padronizada.
- Vitest — Test runner rápido e compatível com Jest, integrado ao Vite.
- Jest — Framework de testes JavaScript mais difundido.
- Playwright — Testes end-to-end em Chromium, Firefox e WebKit, da Microsoft.
- Cypress — Testes end-to-end com interface visual e depuração no navegador.
- ESLint — Linter padrão de JavaScript/TypeScript.
- Prettier — Formatador de código automático.
- Biome — Linter + formatador em uma ferramenta só, muito rápido.
- Vercel — Deploy de front-end e Next.js em segundos; plano gratuito.
- Netlify — Hospedagem de sites estáticos e funções serverless com plano gratuito.
- Render — Deploy de APIs, workers e bancos Postgres com plano gratuito.
- Railway — Deploy de aplicações e bancos a partir do GitHub, com créditos iniciais.
- Fly.io — Rode containers perto dos usuários, inclusive em São Paulo.
- Cloudflare Pages — Hospedagem gratuita para front-end com CDN global e Workers.
- GitHub Actions — CI/CD gratuito para repositórios públicos: rode testes e deploy a cada push.
- Lighthouse — Audite performance, acessibilidade e SEO de qualquer página.
- Rinha de Backend 2025 — Desafio brasileiro de performance: construa um back-end sob limites de CPU/memória e compare com centenas de participantes.
- Rinha de Frontend (Codante) — Desafio brasileiro de front-end: renderizar JSONs gigantes sem travar o navegador.
- Codante — Projetos e mini-cursos com layout no Figma e API pronta para você construir o front e o back.
- backend-br/desafios — Desafios de back-end usados em processos seletivos de empresas brasileiras.
- frontend-challenges (Felipe Fialho) — Coleção de desafios reais de front-end de empresas brasileiras e estrangeiras.
- roadmap.sh — Projects — Projetos guiados por nível (iniciante a avançado) para front, back e full-stack.
- Frontend Mentor — Desafios de front-end com design pronto; ótimo para portfólio.
- RealWorld — O 'Medium clone' implementado em dezenas de stacks: compare front-ends e back-ends reais.
- Build your own X — Tutoriais para construir do zero um servidor HTTP, banco de dados, shell, framework…
- app-ideas — Ideias de aplicações com requisitos e níveis de dificuldade para praticar.
- JavaScript30 — 30 projetos em 30 dias com JavaScript puro, de Wes Bos.
- Codewars — Katas de programação em JavaScript, Python e mais, com ranking.
- Advent of Code — Desafios anuais de dezembro; ótimos para praticar lógica em qualquer linguagem.
- First Contributions — Faça sua primeira contribuição open source em 10 minutos, com tutorial em português.
- CodeCrafters — Reconstrua Redis, Git, Docker ou um servidor HTTP passo a passo; alguns desafios gratuitos.
- HackerRank — Exercícios de algoritmos e SQL usados em processos seletivos.
- NeetCode — Roteiro de exercícios de algoritmos para entrevistas, com vídeos explicativos.
- Flexbox Froggy (PT-BR) — Jogo para aprender flexbox em 24 fases.
Full-stack é a área em que assistentes de IA mais mudaram o dia a dia: eles geram CRUDs, componentes e testes em segundos. O risco é igualmente grande — código que "funciona" com falhas de segurança que você não sabe ler. Use IA para ir mais rápido no que você já entende e para aprender o que ainda não entende, nunca para pular o entendimento.
Para aprender
- Cole uma mensagem de erro inteira (ex.:
TypeError: Cannot read properties of undefined (reading 'map')ouECONNREFUSED 127.0.0.1:5432) com o trecho de código e peça: "explique a causa provável em ordem de probabilidade e como confirmar cada hipótese". - Peça um mapa mental de uma requisição: "o que acontece, passo a passo, quando o usuário clica em 'Entrar' num app React + Node + Postgres?". Depois compare com o que você vê na aba Network do DevTools.
- Peça para revisar seu código como um sênior faria — nomeação, tratamento de erros, validação de entrada, N+1 em consultas — e reescreva você mesmo.
- Peça exercícios com gabarito sobre o tópico da semana (JOINs,
async/await, hooks do React, JWT) e só olhe a resposta depois de tentar. - Use o modo de estudo: "não me dê o código; me faça perguntas até eu chegar na solução".
Para trabalhar
- No editor, GitHub Copilot, Cursor ou Gemini Code Assist para autocompletar, gerar testes e explicar código legado. No terminal, Claude Code para tarefas maiores: "adicione paginação ao endpoint
/produtos, com testes". - Para prototipar interfaces, v0 gera React + Tailwind a partir de um prompt; bolt.new monta um app inteiro no navegador. Trate o resultado como rascunho: leia, entenda e refatore antes de subir.
- Bons usos diários: escrever a migração SQL a partir da descrição da tabela, gerar dados de teste (seed), converter um
curlem código, escrever o README e a documentação OpenAPI da sua API. - Depois de cada sugestão aceita: rode os testes, o linter e abra a aplicação. Se você não consegue explicar uma linha, não faça commit dela.
Limites e boas práticas
- IA inventa pacotes e APIs que não existem (e criminosos registram esses nomes no npm — o chamado slopsquatting). Confirme no registro do npm e na documentação oficial antes de instalar.
- Segurança não vem de graça: peça explicitamente por validação de entrada, senhas com hash (bcrypt/argon2), consultas parametrizadas e proteção contra XSS/CSRF, e confira com o OWASP Top 10.
- Nunca cole segredos (
.env, chaves de API, dados de clientes) em ferramentas sem a política da sua empresa. - "Vibe coding" funciona para protótipo, não para produção nem para entrevista: quem contrata vai perguntar por quê o código é assim.
Full-stack + IA como produto. Saber colocar um LLM dentro de uma aplicação (chat, busca semântica, automações) virou diferencial em vagas full-stack. Comece por aqui:
- GitHub Copilot — Autocomplete e chat com IA no editor; gratuito para estudantes e com plano free.
- Cursor — Editor baseado no VS Code com IA integrada ao fluxo de trabalho.
- Claude Code — Agente de código no terminal: implementa features, escreve testes e explica código legado.
- Gemini Code Assist — Assistente de código do Google com plano gratuito para uso individual.
- v0 (Vercel) — Gere interfaces React + Tailwind a partir de um prompt e exporte o código.
- bolt.new — Ambiente no navegador que gera e roda apps full-stack com IA.
- Vercel AI SDK — SDK TypeScript para colocar LLMs no seu app: streaming, tools e agentes.
- Model Context Protocol (MCP) — Padrão aberto para conectar assistentes de IA às suas APIs, bancos e ferramentas.
- Ollama — Rode modelos open source (Llama, Gemma, Qwen) localmente e integre via API.
Não existe uma certificação oficial de "desenvolvedor full-stack": o mercado brasileiro avalia portfólio publicado, projetos no ar e domínio prático. O que pesa no currículo são certificações de cloud (onde sua aplicação vai rodar) e certificados de conclusão de cursos reconhecidos — segundo o Guia Salarial 2026 da Robert Half, 48% dos gestores de tecnologia no Brasil pagam mais a quem tem certificações ou conhecimentos especializados.
- freeCodeCamp — certificações gratuitas — Responsive Web Design, JavaScript, Front End Libraries, Back End e o novo Full Stack Developer: todas gratuitas e verificáveis.
- Meta Front-End Developer Professional Certificate (Coursera) — Certificação paga (auditável gratuitamente). Certificado profissional da Meta: HTML, CSS, JavaScript e React.
- Meta Back-End Developer Professional Certificate (Coursera) — Certificação paga. Python, Django, APIs e bancos de dados, com projeto final.
- IBM Full Stack Software Developer Professional Certificate (Coursera) — Certificação paga. HTML, JavaScript, React, Node, Python, Docker e Kubernetes com foco em cloud.
- AWS Certified Cloud Practitioner — Certificação paga. Porta de entrada em cloud; muito pedida em vagas full-stack que fazem deploy na AWS.
- AWS Certified Developer – Associate — Certificação paga, para quem desenvolve e faz deploy de aplicações na AWS.
- Microsoft Certified: Azure Developer Associate (AZ-204) — Certificação paga. Desenvolvimento de soluções na Azure; comum em empresas do ecossistema .NET.
- Google Associate Cloud Engineer — Certificação paga, de entrada do Google Cloud para deploy e operação de aplicações.
- CKAD — Certified Kubernetes Application Developer — Certificação paga, para quem já usa containers e quer comprovar deploy em Kubernetes.
- Certificados gratuitos da DIO — Bootcamps com empresas e certificados de conclusão gratuitos.
- Certificados da Escola Virtual Bradesco — Certificados gratuitos e reconhecidos em cursos de programação e web.
Quanto ganha: o Guia Salarial 2026 da Robert Half situa a pessoa desenvolvedora full-stack júnior entre R$ 6.050 e R$ 8.750, pleno entre R$ 9.550 e R$ 15.900 e sênior entre R$ 12.450 e R$ 20.950 por mês (CLT). A Pesquisa Salarial do Código Fonte TV 2025 (12,5 mil respostas) registrou média geral de R$ 8.886 (CLT) e R$ 13.344 (PJ), com remoto ainda majoritário. Vagas internacionais remotas pagam em dólar, mas exigem inglês fluente.
O que as vagas pedem: JavaScript/TypeScript, React (ou Angular/Vue), Node.js (ou Java/Spring, Python, PHP/Laravel, C#/.NET), SQL, Git, APIs REST, testes e noções de Docker/cloud. Dica: nos repositórios de vagas do GitHub abaixo, pesquise por "full stack" e "júnior" nas issues abertas.
- Pesquisa Salarial de Programadores 2026 (Código Fonte TV) — A maior pesquisa salarial de devs do Brasil, com filtros por área (full-stack), senioridade, CLT/PJ e região.
- Pesquisa Salarial de Programadores 2025 (Código Fonte TV) — Edição anterior (12.510 respostas): média CLT R$ 8,9 mil e PJ R$ 13,3 mil; boa para comparar a evolução.
- Guia Salarial 2026 — Tecnologia (Robert Half) — Faixas salariais por cargo e senioridade; Full-Stack júnior de R$ 6.050 a R$ 8.750, pleno de R$ 9.550 a R$ 15.900.
- Robert Half — salário de Desenvolvedor(a) Full-Stack Pleno — Página específica do cargo com faixa atualizada para 2026 e variação por cidade.
- Stack Overflow Developer Survey 2025 — Tecnologias mais usadas e desejadas no mundo; JavaScript, SQL, Node e React seguem no topo.
- State of JavaScript 2024 — Pesquisa anual do ecossistema JS: frameworks, ferramentas e salários.
- Programathor — Vagas de tecnologia no Brasil filtráveis por stack (Node, React, Java, Python).
- GeekHunter — Plataforma onde empresas fazem propostas a devs; mostra faixas salariais nas vagas.
- Coodesh — Vagas tech com processos seletivos padronizados e desafios técnicos.
- Remotar — Vagas 100% remotas para brasileiros.
- Gupy — Portal usado por grandes empresas brasileiras; filtre por 'desenvolvedor full stack'.
- frontendbr/vagas — Vagas de front-end publicadas como issues no GitHub.
- backend-br/vagas — Vagas de back-end (Node, Java, Python, Go) no GitHub.
- react-brasil/vagas — Vagas de React e React Native no GitHub.
- RemoteOK — vagas full stack — Vagas remotas internacionais de full-stack, muitas em dólar.
- Tech Interview Handbook — Preparação completa para entrevistas técnicas: algoritmos, system design e comportamental.
- Front End Interview Handbook — Perguntas e respostas de entrevistas de front-end (HTML, CSS, JS).
- Robert Half — salário de Desenvolvedor(a) Full-Stack Júnior — Faixa de entrada atualizada para 2026, útil para negociar a primeira vaga.
- Robert Half — salário de Desenvolvedor(a) Full-Stack Sênior — Faixa sênior (R$ 12.450 a R$ 20.950) para saber aonde a carreira pode chegar.
- Desenvolvedor Full Stack: salários e dicas de carreira (GeekHunter) — Artigo com panorama de salários por senioridade e o que as empresas pedem.
- Quanto ganha um desenvolvedor full stack no Brasil em 2026 (Growdev) — Compilado de fontes (CAGED, Glassdoor, Robert Half) com faixas por nível.
- Programador full stack: como é o dia a dia (Rocketseat) — O que se espera de um full-stack no trabalho real, antes de escolher a área.
- TabNews — Comunidade brasileira de conteúdo técnico criada por Filipe Deschamps; open source e construída em Next.js + Postgres.
- He4rt Developers — Comunidade brasileira open source com Discord ativo, mentorias e projetos.
- Rocketseat — comunidade — Uma das maiores comunidades de devs da América Latina, com Discord aberto.
- Frontend BR — fórum — Fórum brasileiro de front-end no GitHub Discussions.
- Backend BR — Organização brasileira de back-end: vagas, desafios e discussões.
- Desenvolvedores Brasil (Discord) — Comunidade brasileira com dicas, cursos, mentorias e vagas.
- r/brdev — Subreddit brasileiro de desenvolvedores: carreira, salários e desabafos.
- Lista de grupos de tecnologia no Telegram (TI-Brasil) — Diretório de grupos brasileiros no Telegram por tecnologia.
- PrograMaria — Comunidade e cursos para mulheres em tecnologia.
- {reprograma} — Bootcamps gratuitos de programação para mulheres, com foco em empregabilidade.
- WoMakersCode — Comunidade que capacita mulheres em tecnologia com bootcamps gratuitos.
- freeCodeCamp Forum — Fórum internacional com seção em português; tire dúvidas dos cursos.
- r/webdev — Maior subreddit de desenvolvimento web.
- Dev.to — Comunidade global de artigos e discussões de programação.
Achou um link quebrado, um curso novo ou uma ferramenta que merece estar aqui? Abra uma issue usando os templates do repositório ou envie um pull request. Critérios: link funcionando, conteúdo legal e gratuito ou claramente marcado como pago, com uma linha de descrição. Detalhes em CONTRIBUTING.md.
Este projeto está sob a licença MIT. Feito com 💙 por Arthur Coutinho (@arthurspk) e pela comunidade do Guia Dev Brasil.
Dê uma ⭐ neste repositório e no guia principal, compartilhe com quem está começando e siga o projeto nas redes: