Trilha de aprendizado

Roadmap do desenvolvedor full stack

Cursos gratuitos na ordem em que um desenvolvedor web full stack precisa deles: HTML, CSS e JavaScript para a página, TypeScript e React para a interface, Next.js para o servidor, SQL para os dados, e depois Linux, Git e Docker para colocar tudo no ar. JavaScript roda nos dois lados, então você aprende uma linguagem só e usa do começo ao fim. Toda lição roda no seu navegador e toda seção de curso termina com um certificado gratuito.

COMEÇAR A APRENDER(é grátis)

889,130+ codders inscritos nestes cursos

880 lições969 desafios4,345 perguntas de quiz

Ideal para iniciantes
Ajuda de codificação com IA
Lições interativas e práticas
Narração em áudio em todas as lições
Questionários para testar seu conhecimento
16 certificados gratuitos ao longo da trilha

A trilha do desenvolvedor full stack, passo a passo

7 cursos16 seções880 lições969 desafios4,345 perguntas de quiz

Cada passo é um curso que já existe na Coddy. Faça na ordem ou pule direto para o que está faltando: seu progresso é salvo por curso de qualquer jeito.

1
Etapa 1
HTML e CSS: a páginaPágina própria
Começar esta etapaIniciarElementos, links, formulários e marcação semântica, e depois seletores, o modelo de caixa, flexbox, grid, layouts responsivos e transições ao longo de duas seções de CSS. Os formulários que você escreve aqui são os mesmos que o seu servidor vai ler mais adiante na trilha.Iniciar Página própria
3 seções, em ordem
179 lições236 desafios833 perguntas6 projetos
2
Etapa 2
JavaScript e TypeScriptPágina própria
Começar esta etapaIniciarFundamentos, lógica e fluxo de controle, objetos e classes em três seções, e depois TypeScript: tipos, interfaces, generics e como ler os erros do compilador. É a linguagem que você escreve no navegador e no servidor, por isso recebe mais tempo do que qualquer outro passo.Iniciar Página própria
4 seções, em ordem
271 lições315 desafios1,456 perguntas7 projetos
3
Etapa 3
JavaScript no navegadorPágina própria
Começar esta etapaIniciarO DOM, eventos, formulários e validação, e depois padrões práticos de front end como abas, modais, temas e navegação responsiva. HTML, CSS e JavaScript viram uma página só, que responde a quem a usa.Iniciar Página própria
2 seções, em ordem
1. JavaScript em Ação27 lições27 desafios163 perguntas
2. Frontend Prático35 lições34 desafios197 perguntas
62 lições61 desafios360 perguntas
4
Etapa 4
ReactPágina própria
Começar esta etapaIniciarComponentes, JSX, props, estado, eventos, listas e formulários controlados, terminando com um pequeno cartão social que você constrói passo a passo. O React é a camada de interface que o próximo passo roda no servidor.Iniciar Página própria42 lições37 desafios65 perguntas
5
Etapa 5
Next.js: a metade do servidorPágina própria
Começar esta etapaIniciarRotas e layouts, componentes de servidor e de cliente, busca de dados no servidor, route handlers para os seus próprios endpoints de API, server actions para formulários, estados de carregamento e de erro, e depois um app de restaurante em nove passos com carrinho, filtros, avaliações e busca ao vivo. É aqui que você escreve o back end.Iniciar Página própria47 lições41 desafios99 perguntas1 projeto
6
Etapa 6
SQL: o banco de dadosPágina própria
Começar esta etapaIniciarConsultas em tabelas reais: filtros, ordenação, joins, agrupamento e agregações, e depois subconsultas, funções de janela, CASE e expressões de tabela comuns. Toda aplicação full stack guarda os dados num banco de dados, e SQL é como você faz perguntas a ele.Iniciar Página própria
2 seções, em ordem
1. Fundamentos72 lições76 desafios360 perguntas1 projeto
2. Além do Básico27 lições28 desafios167 perguntas
99 lições104 desafios527 perguntas1 projeto
7
Etapa 7
Linux e GitPágina própria
Começar esta etapaIniciarArquivos, permissões, pipes e scripts de shell num terminal Linux de verdade, e depois commits, branches, merge, conflitos e remotos. Servidores rodam Linux, e todo time guarda o seu código num repositório Git.Iniciar Página própria
2 seções, em ordem
1. Fundamentos82 lições80 desafios440 perguntas3 projetos
2. Controle de versão58 lições55 desafios370 perguntas2 projetos
140 lições135 desafios810 perguntas5 projetos
8
Etapa 8
DockerPágina própria
Começar esta etapaIniciarImagens, contêineres, Dockerfiles, volumes e redes. Um contêiner empacota a sua aplicação com tudo o que ela precisa para rodar, que é como a maioria das aplicações web chega a um servidor hoje.Iniciar Página própria40 lições40 desafios195 perguntas1 projeto

O que você recebe

Tudo o que você vai usar para aprender a programar

Aprenda Fazendo

Escreva código real, consulte bancos de dados, crie sites e domine prompts de IA. Nossas lições interativas cobrem todas as habilidades que desenvolvedores modernos precisam.

playground.js

Editor de Código

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Teste #1

Teste #2

Teste #3

Entrada

"Alex"

Saída

"Hello, Coddy! Alex"

Construa Sua Sequência

Mantenha a consistência e veja seu progresso crescer! Acompanhe seu hábito diário de programação, proteja sua sequência com dias de congelamento e ganhe recompensas por aparecer todos os dias.

12 dias de sequência

Volte amanhã para manter sua sequência!

January 2026

Tudo ou Nada

Dia 5 de 7

Congelar Sequência

2 left

Onde Quiser

Leve sua jornada de programação com você! Sem configuração, sem downloads - apenas abra e comece a programar. Disponível no iOS, Android e Web com avaliações de 4.9 estrelas.

250

Variáveis

CONTINUAR

4.9

Avaliação

Você Não Está Sozinho

Compita em placares globais, convide amigos para ganhar recompensas e celebre as conquistas uns dos outros. Programar é melhor com amigos!

Liga ChallengerTop 7 avançam

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Zona de promoção

Aprenda de todas as formas

Leia, ouça, teste-se, pergunte à IA ou consulte qualquer coisa que já tenha estudado. Cada lição se adapta a você.

Introdução a variáveis

Áudio

Uma variável é um contêiner nomeado que armazena um valor que você pode referenciar depois.

Em Python, você cria uma escrevendo o nome, um sinal de igual e o valor que quer armazenar.

O valor pode mudar com o tempo - reatribuir o nome simplesmente o aponta para um novo valor.

1xSarah

Seja Certificado

Ganhe certificados para cada curso que você completar. Adicione-os ao seu perfil do LinkedIn e currículo para mostrar sua experiência em programação aos empregadores.

Certificado de Conclusão

Este certifica queJoão Silvacompletou com sucesso

Fundamentos de Python

Datajan 2026

Adicionar ao LinkedIn

Por que aprender desenvolvimento full stack na Coddy

Uma linguagem só nos dois lados. A trilha ensina JavaScript e TypeScript para o navegador e depois usa a mesma linguagem no servidor com os route handlers e as server actions do Next.js, então o back end traz ideias novas, e não uma segunda linguagem para aprender do zero.
Nada para instalar. HTML e CSS são renderizados ao vivo ao lado do seu código, SQL roda em tabelas reais, e os passos de Linux, Git e Docker dão a você um terminal de verdade no navegador. Dá para estudar o stack inteiro num notebook que nunca teve uma ferramenta de desenvolvimento instalada.
Dicas de IA que leem o seu código. Quando um componente não renderiza, uma consulta traz as linhas erradas ou um comando falha, o Bugsy olha o que você escreveu e aponta o caminho da correção sem entregar a resposta.
A ordem é o que importa. A maioria dos cursos full stack corre para um framework na segunda semana; esta trilha dá três seções a JavaScript e uma quarta ao navegador antes de o React aparecer, porque um framework só é legível quando a linguagem embaixo dele também é.

Perguntas frequentes sobre como se tornar desenvolvedor full stack

O que é um desenvolvedor full stack?

Um desenvolvedor que sabe construir as duas metades de uma aplicação web: o front end, que roda no navegador (HTML, CSS, JavaScript e um framework como o React), e o back end, que roda num servidor (tratamento de requisições, regras de negócio e um banco de dados). Na prática, a maioria dos desenvolvedores full stack é mais forte em um dos lados, mas consegue entregar uma funcionalidade da tabela do banco de dados até o botão que a usa sem passar para outra pessoa.

Como me tornar desenvolvedor web?

Aprenda HTML, CSS e JavaScript bem o bastante para construir uma página a partir de um arquivo em branco, acrescente um framework (React), aprenda como um servidor responde a requisições e como os dados são guardados (Next.js e SQL nesta trilha), aprenda Git e construa projetos que você possa colocar no ar e explicar. As empresas contratam pelo que você consegue mostrar, então os projetos pesam mais que qualquer certificado. Esta trilha é essa sequência, nessa ordem, e é gratuita.

Devo aprender front end ou back end primeiro?

Front end primeiro. Você vê na tela o resultado de cada linha, o que deixa os erros evidentes e mantém a motivação, e o back end fica muito mais fácil de entender quando você já construiu a página que o chama. Por isso esta trilha passa os quatro primeiros passos no navegador e só depois vai para o servidor e o banco de dados.

Por que esta trilha usa JavaScript no servidor e não Python?

Porque JavaScript é a única linguagem que roda no navegador, então usá-la também no servidor significa uma linguagem só para o stack inteiro. O Next.js, construído sobre o React, permite que o mesmo código renderize páginas no servidor, responda a requisições de API e trate o envio de formulários. Se você prefere escrever o back end em Python, a trilha de Desenvolvedor Backend da Coddy ensina esse caminho.

Preciso de um bootcamp para ser desenvolvedor full stack?

Não. Um bootcamp oferece um cronograma, uma turma e orientação de carreira, e cobra por isso; as habilidades em si são as mesmas que esta trilha ensina, e o material gratuito cobre tudo bem. O que um bootcamp não consegue encurtar é a prática: centenas de exercícios pequenos e alguns projetos reais. Se você consegue manter uma hora por dia sem um professor cobrando, uma trilha gratuita leva você ao mesmo lugar.

Quanto tempo leva para virar desenvolvedor full stack?

De nove a doze meses, com uma hora por dia, para chegar ao nível júnior. Nesta trilha, HTML e CSS somam de seis a oito semanas, JavaScript e o navegador de dois a três meses, TypeScript e React cerca de seis semanas, Next.js um mês, SQL de três a quatro semanas, e Linux, Git e Docker mais um mês. Construir o seu próprio projeto junto com os últimos passos é o que transforma esse tempo em portfólio.

Esta trilha cobre Node.js, Express, autenticação ou deploy?

Ainda não como cursos próprios, e preferimos dizer isso a encher a página. O código de servidor desta trilha é escrito com route handlers e server actions do Next.js, que rodam em Node.js, mas não há um curso de Express, nem um sobre conectar uma aplicação a um banco de dados de produção com um ORM, nem sobre autenticação ou deploy numa plataforma de hospedagem. Tudo isso está no roadmap do currículo e entra nesta trilha como novos passos quando for lançado.

Este curso full stack é gratuito e dá certificado?

Sim. Todos os cursos da trilha são gratuitos, incluindo as lições, os editores e o terminal no navegador, as dicas de IA e os certificados. Cada seção de curso termina com um certificado gratuito, verificável no seu próprio endereço, que você pode adicionar ao LinkedIn ou ao currículo.

Outras trilhas de aprendizado

Os mesmos cursos, organizados para outra função. O progresso é mantido: um curso concluído em uma trilha conta em todas as trilhas que o incluem.

Todas as trilhas de aprendizado

Ilustração das linguagens de programação do Coddy

Comece a trilha de Desenvolvedor Full Stack grátis

Começar a aprender