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)

503,064+ codders inscritos nestes cursos

651 lições577 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ções577 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ções288 desafios1,457 perguntas
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ções68 desafios440 perguntas
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ções46 desafios370 perguntas
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ções72 desafios360 perguntas
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ções34 desafios
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ções37 desafios158 perguntas
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ções1 desafios
2. Problemas de Programação32 lições31 desafios
40 lições32 desafios

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 Coding 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, Anytime

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 in This

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

Prove Your Skills

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

Coddy programming languages illustration

Comece a trilha de Engenheiro de software grátis

Começar a aprender