Trilha de aprendizado

Roadmap de desenvolvedor JavaScript

O que aprender, e em que ordem, para trabalhar como desenvolvedor JavaScript: a linguagem e o TypeScript, a linha de comando, Git e SQL, depois as estruturas de dados e algoritmos que as entrevistas cobram e, por fim, código que um time consegue manter. A mesma base serve para trabalho de frontend, backend e full-stack. Grátis, prático e no seu navegador.

COMEÇAR A APRENDER(é grátis)

528,995+ codders inscritos nestes cursos

651 lições662 desafios2,785 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
14 certificados gratuitos ao longo da trilha

O roadmap de desenvolvedor JavaScript, passo a passo

17 cursos7 seções651 lições662 desafios2,785 perguntas de quiz

Cada passo é feito de cursos que já existem na Coddy, e cada botão Iniciar os abre em JavaScript. Faça os passos na ordem ou comece pelo que está faltando; o progresso é salvo por curso.

1
Etapa 1
JavaScript, depois TypeScriptPágina própria
Começar esta etapaIniciarQuatro seções. Fundamentos cobre variáveis, igualdade estrita e frouxa, coerção de tipos, funções e arrow functions, e arrays; Lógica e Fluxo cobre strings, JSON e objetos, o operador spread, sets e os métodos de array map, filter, reduce e sort; Introdução ao TypeScript cobre tipos básicos, tuplas, tipos de união, interfaces, enums, generics e type guards; Programação Orientada a Objetos cobre this, módulos, classes, campos privados, herança e composição. Aprenda a fundo: todo framework que você encontrar depois é JavaScript por baixo, e as regras frouxas dele, == ao lado de === e a conversão silenciosa de tipos, só são armadilhas até você conhecê-las.Iniciar Página própria
4 seções, em ordem
271 lições315 desafios1,457 perguntas7 projetos
2
Etapa 2
Linux e a linha de comandoPágina própria
Começar esta etapaIniciarCaminhos e arquivos, curingas, grep, pipes e redirecionamento, permissões, variáveis de ambiente e shell scripts. As ferramentas do JavaScript vivem no terminal: npm install, npx, servidores de desenvolvimento, builds e test runners são comandos, os scripts do package.json são comandos de shell, e os segredos chegam a um app Node.js como variáveis de ambiente, por meio de process.env.Iniciar Página própria82 lições80 desafios440 perguntas3 projetos
3
Etapa 3
Git e controle de versãoPágina própria
Começar esta etapaIniciarStaging, commits, .gitignore, branches, merges e conflitos, remotos e como desfazer erros. Num projeto JavaScript, node_modules/ é ignorado desde o primeiro commit e o package-lock.json é versionado, e um lockfile movimentado é onde branches paralelos costumam entrar em conflito. Hospedagens como Vercel e Netlify fazem deploy a cada push, então, em muitos times web, um merge na main é um lançamento.Iniciar Página própria58 lições55 desafios370 perguntas2 projetos
4
Etapa 4
Fundamentos de SQLPágina própria
Começar esta etapaIniciarFiltros, ordenação, joins, agrupamento, agregações, subqueries, cláusulas WITH e window functions, em tabelas reais. JavaScript full-stack significa um banco de dados por trás da API, muitas vezes PostgreSQL ou MySQL, acessado por um ORM ou query builder como o Prisma; ler o SQL que ele envia é como você descobre por que um endpoint está lento.Iniciar Página própria72 lições76 desafios360 perguntas1 projeto
5
Etapa 5
Estruturas de dados, construídas na mão
Começar esta etapaIniciarPilha, fila, lista ligada, árvore binária e tabela hash, cada uma construída do zero em JavaScript e depois usada em problemas. São as formas sobre as quais as aplicações JavaScript já rodam: o histórico de desfazer é uma pilha, o event loop vai consumindo uma fila, e um menu aninhado ou um documento JSON é uma árvore.Iniciar
5 cursos, em ordem
66 lições56 desafios4 projetos
6
Etapa 6
Algoritmos e pensamento recursivo
Começar esta etapaIniciarDesafios de recursão, depois bubble, selection, insertion, merge e quick sort em JavaScript, cada ordenação acompanhada do visualizador de algoritmos da Coddy. Recursão é JavaScript do dia a dia, ao percorrer um objeto aninhado ou uma árvore de componentes, e tem um teto: se você for fundo demais, o V8, o motor do Chrome e do Node.js, lança RangeError: Maximum call stack size exceeded. Este passo te ensina a ver isso chegando.Iniciar
6 cursos, em ordem
62 lições41 desafios158 perguntas4 projetos
7
Etapa 7
Código que outras pessoas conseguem ler
Começar esta etapaIniciarUm projeto orientado a objetos construído do início ao fim e um banco de problemas de programação, ambos em JavaScript. O Prettier resolve a formatação e o ESLint aponta alguns erros; nomes, tamanho das funções e onde mora cada responsabilidade ficam por sua conta, e é isso que os revisores comentam.Iniciar
2 cursos, em ordem
1. Classe User - Projeto de OOP8 lições8 desafios1 projeto
2. Problemas de Programação32 lições31 desafios
40 lições39 desafios1 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 seguir este roadmap de JavaScript na Coddy

Uma linguagem para a web inteira. O JavaScript roda em todo navegador e, com Node.js, também roda servidores, ferramentas de build e scripts, então as vagas de frontend, backend e full-stack partem todas da base que este roadmap constrói, antes de se separarem.
TypeScript já no primeiro passo. O curso de JavaScript tem uma seção inteira de TypeScript, dos tipos básicos e tipos de união até interfaces, enums e generics, então o JavaScript tipado que muitos times profissionais escrevem faz parte da linguagem que você aprende, e não é uma surpresa no seu primeiro emprego.
Prática de entrevista em JavaScript. As estruturas de dados, os desafios de recursão e as cinco ordenações são todos ensinados em JavaScript, então você ensaia as entrevistas na linguagem que de fato vão pedir que você use.
Avaliado, com dicas e sem nada para instalar. Cada lição termina em um desafio de JavaScript corrigido por casos de teste, e o Bugsy, o tutor de IA, aponta o que está errado sem escrever a correção. A maioria dos cursos termina com um certificado gratuito, e não há Node.js nem editor para configurar: tudo roda no navegador.

Perguntas frequentes sobre como se tornar desenvolvedor JavaScript

Quanto tempo leva para se tornar desenvolvedor JavaScript?

De seis a doze meses, com cerca de uma hora por dia, é uma faixa razoável para ir do zero a uma entrevista para vaga júnior. Neste roadmap, o curso de JavaScript, com a seção de TypeScript, leva de oito a dez semanas; a linha de comando, Git e SQL, cerca de um mês juntos; os passos de estruturas de dados e ordenação, mais dois meses. Depois vem a especialidade, um framework como React ou um backend em Node.js, aplicada em um ou dois projetos que você possa mostrar.

JavaScript é uma boa primeira linguagem para um engenheiro de software?

Sim, com uma ressalva. Roda em todo lugar, mostra resultados no navegador na hora e leva direto a trabalho remunerado na web. A ressalva é que o JavaScript perdoa erros que outras linguagens rejeitam: == converte os tipos antes de comparar, e uma propriedade inexistente é undefined, e não um erro. É por isso que o primeiro passo deste roadmap inclui TypeScript, e por isso os passos de estruturas de dados fazem você construir cada estrutura por conta própria.

O que um desenvolvedor JavaScript precisa saber além de JavaScript?

A linha de comando, Git e SQL, que este roadmap cobre, e depois a plataforma para a qual você escreve, que ele não cobre: HTML, CSS, o DOM e um framework como React, no navegador, ou Node.js, npm e HTTP, no servidor. O caminho de Frontend da Coddy cobre o lado do navegador, React incluído, e continua de onde esta página para.

Devo aprender TypeScript ou JavaScript primeiro?

JavaScript primeiro, e TypeScript logo depois. TypeScript é JavaScript com tipos por cima, e os erros dele só fazem sentido quando você sabe o que o JavaScript por baixo faz. O curso de JavaScript segue essa ordem: duas seções de JavaScript puro, depois a seção de TypeScript e, em seguida, programação orientada a objetos.

Qual curso deste roadmap não é ensinado em JavaScript?

Um só: o curso de código limpo por enquanto só é ensinado em Python, então aparece listado depois dos passos, e não no passo sete. O assunto dele, nomes, tamanho das funções e estrutura, se lê igual em qualquer linguagem, e linters como o ESLint pegam só uma fatia disso. Todos os passos, incluindo o projeto orientado a objetos e os problemas de programação, são em JavaScript.

Este roadmap de JavaScript é gratuito?

Sim. Todos os cursos dele são gratuitos: as lições, o editor e o terminal Linux no seu navegador, os desafios corrigidos por testes, as dicas do Bugsy e os certificados. O Pro remove o limite diário de energia e libera ajuda de IA ilimitada, e nada neste roadmap depende dele.

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 Engenheiro de software grátis

Começar a aprender