Menu
CoddyTech
Trilha de aprendizado

Roadmap do desenvolvedor MERN stack

Cursos gratuitos na ordem em que um desenvolvedor MERN stack precisa deles: HTML, CSS e JavaScript para a página, React para a interface, e depois Node.js e Express para o servidor, MongoDB para os dados e login para manter tudo seguro. Uma linguagem só, JavaScript, da primeira tag à última rota da API, e toda lição roda no seu navegador.

711,880+ codders inscritos nestes cursos

718 lições808 desafios3,295 perguntas de quiz

O roadmap da stack MERN, passo a passo

5 cursos16 seções718 lições808 desafios3,295 perguntas de quiz

Cada passo é uma seção de 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. 1
    Começar esta etapaIniciarElementos, links, formulários e marcação semântica, e depois seletores, o modelo de caixa, flexbox, grid e layouts responsivos. Mais tarde o React escreve o HTML para você, então esta é a língua que ele fala.IniciarPágina própria
  2. 2
    Começar esta etapaIniciarVariáveis, funções, arrays e objetos, depois condições e loops, depois classes. É a única linguagem que você usa em todos os passos seguintes, no navegador e no servidor.IniciarPágina própria
  3. 3
  4. 4
    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 interface que a sua API vai servir.IniciarPágina própria
  5. 5
    Começar esta etapaIniciarJavaScript fora do navegador: argumentos de linha de comando, módulos, leitura e escrita de arquivos, callbacks, promises, async e await, o event loop e eventos. Você constrói uma ferramenta de notas para a linha de comando.IniciarPágina própria
  6. 6
  7. 7
    Começar esta etapaIniciarDocumentos e coleções a partir de uma API Express: inserções, ObjectId, filtros, operadores de atualização, índices únicos, agregação e $lookup. Depois, quem pode ver os dados: senhas com hash, sessões, JWTs, donos e papéis de administrador, cabeçalhos de segurança e limite de requisições.Iniciar
  8. 8
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
4}
5
bottombar Collapse icon
Teste #1test Case Success icon
Teste #2test Case Success icon
Teste #3test Case Failure icon
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!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Tudo ou Nada

Dia 5 de 7

fire Freeze icon

Congelar Sequência

2 left

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 Challenger
Liga ChallengerTop 7 avançam
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconZona de promoçãoleaderboard Arrow Up icon

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.

CoddyCertificado de Conclusão
Este certifica queJoão Silvacompletou com sucesso
python iconFundamentos de Python
Verificado
Datajan 2026
LinkedInAdicionar ao LinkedIn

Por que aprender a stack MERN na Coddy

  • Cada camada roda ao lado do seu código. Os componentes React são renderizados enquanto você digita, um servidor Express responde a uma barra de requisições em que você escolhe o método, os cabeçalhos e o corpo JSON, e as consultas do MongoDB rodam num banco de dados que você pode abrir numa aba de dados. Nada para instalar, então o notebook da escola serve.
  • Uma linguagem só para a stack inteira. A trilha dedica os primeiros passos a JavaScript e ao navegador, então quando o Node.js chega o servidor traz ideias novas, e não uma linguagem nova: as mesmas funções, objetos e código assíncrono, agora respondendo a requisições.
  • Um projeto em cada seção do back end: uma ferramenta de notas para a linha de comando, um site de receitas, uma API de tarefas, uma API de avaliações de livros com MongoDB e um app de notas com contas. Cada um é construído lição por lição e corrigido por verificações que enviam requisições reais ao seu servidor.
  • Dicas que leem o seu código. Quando uma rota responde 404, uma consulta não traz nada ou um login deixa entrar o usuário errado, o Bugsy, o tutor de IA, olha o que você escreveu e aponta a linha sem escrever a correção por você.

Perguntas frequentes sobre a stack MERN

O que é a stack MERN?

Uma forma de construir uma aplicação web inteira em JavaScript com quatro ferramentas: o MongoDB guarda os dados como documentos, o Express transforma um programa Node.js num servidor web e numa API, o React constrói a interface que roda no navegador e o Node.js roda JavaScript no servidor. O código React no navegador chama a API Express, que lê e grava no MongoDB.

Qual é o significado da sigla MERN?

MERN quer dizer MongoDB, Express, React e Node.js. A ordem é a das letras da palavra, não a ordem em que você aprende: nesta trilha você começa pela página (HTML, CSS, JavaScript e React) e depois passa para o servidor (Node.js e Express) e o banco de dados (MongoDB).

O que faz um desenvolvedor MERN stack?

Constrói funcionalidades do banco de dados até a tela: desenha os documentos do MongoDB, escreve as rotas Express que os criam, leem, atualizam e apagam, protege essas rotas com login e constrói as páginas React que as chamam. Como as quatro ferramentas são JavaScript, um só desenvolvedor consegue acompanhar uma funcionalidade por todas as camadas.

Ainda vale a pena aprender a stack MERN?

Sim. React e Node.js estão entre as ferramentas mais usadas no desenvolvimento web, e Express e MongoDB são os parceiros mais comuns deles, então o que você aprende serve mesmo em times que usam outro banco de dados ou framework. Aprender uma stack de ponta a ponta também ensina como qualquer aplicação web se encaixa, e é isso que as entrevistas testam.

Devo aprender a stack MERN ou a stack MEAN?

MERN, para a maioria de quem está começando agora. As duas stacks compartilham MongoDB, Express e Node.js e só mudam no front end: React no MERN, Angular no MEAN. O React é o mais usado dos dois e o mais fácil para começar, e passar para o Angular depois significa aprender um framework novo, não uma stack nova.

Quanto tempo leva para aprender a stack MERN?

De oito a dez meses, com uma hora por dia, para concluir esta trilha. HTML e CSS levam umas seis semanas, JavaScript e o navegador de dois a três meses, React cerca de um mês, e as cinco seções de Node.js (Node.js, Express, APIs REST, MongoDB, login) mais três meses. Se você já sabe JavaScript, comece no passo do React e leva cerca de quatro meses.

Dá para aprender a stack MERN sem instalar nada?

Sim, nesta trilha. Toda lição roda no navegador: o React renderiza ao lado do editor, seus programas Node.js rodam num terminal e seus servidores respondem a uma barra de requisições, e a seção de MongoDB usa um banco de dados em memória que fala a API do driver do MongoDB. Quando você construir o seu próprio app depois, instala Node.js e MongoDB no seu computador e o código continua valendo.

Recebo um certificado pela trilha Desenvolvedor MERN Stack?

Sim. Conclua todas as etapas e você recebe um certificado gratuito para toda a trilha Desenvolvedor MERN Stack. Ele lista cada curso que você concluiu no caminho, e leva ao certificado de cada curso, para que qualquer pessoa possa conferir cada habilidade que ele cita. Você pode adicioná-lo ao seu perfil do LinkedIn. É um certificado de conclusão da Coddy, não uma qualificação acreditada.

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 MERN Stack grátis

Começar a aprender