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)

830,387+ codders inscritos nestes cursos

880 lições883 desafios4,346 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ções883 desafios4,346 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ções215 desafios833 perguntas
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ções288 desafios1,457 perguntas
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ções32 desafios99 perguntas
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ções72 desafios360 perguntas
2. Além do Básico27 lições28 desafios167 perguntas
99 lições100 desafios527 perguntas
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ções68 desafios440 perguntas
2. Controle de versão58 lições46 desafios370 perguntas
140 lições114 desafios810 perguntas
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ções36 desafios195 perguntas

O que você recebe

Tudo o que você vai usar para aprender a programar

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Earn a Certificate

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to 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

Coddy programming languages illustration

Comece a trilha de Desenvolvedor Full Stack grátis

Começar a aprender