ACESSO GRÁTIS — COMECE AGORA

APRENDA PROGRAMAÇÃO DO ZERO
COM PRÁTICA REAL

Comece grátis agora com trilhas curtas de HTML, CSS e JavaScript. Aprenda no seu ritmo com desafios práticos, feedback imediato e progressão gamificada.

4
Caminhos
12+
Trilhas
160+
Desafios
100%
Em português
EVENTO LIMITADO
Top 3 do ranking ganham prêmios PRO!
🥇 PRO Vitalício · 🥈 1 mês PRO · 🥉 1 mês Starter — Dias consecutivos dão bônus no score!
TERMINA EM
--DIAS
:
--HORAS
:
--MIN
DISPUTAR AGORA ▶

Como aprender programação do zero

Cada mundo tem trilhas com lições curtas e desafios práticos de código. Você aprende HTML, CSS e JavaScript no seu ritmo, de forma gratuita.

1
🌎

EXPLORE MUNDOS

Comece pela Planície dos Fundamentos e desbloqueie novos mundos conforme evolui. Cada mundo foca em uma área do desenvolvimento web.

2
💻

COMPLETE TRILHAS

Cada trilha tem lições curtas com explicações claras e desafios de código ou quiz. Ganhe XP, suba de nível e colecione itens.

3
👑

ENFRENTE O BOSS

Ao completar as trilhas de um mundo, enfrente o Boss Final. Derrote-o para desbloquear novos caminhos e recompensas épicas.

Feito para iniciantes em programação

  • Nunca escreveu uma linha de código e quer começar do zero absoluto
  • Já tentou aprender por vídeos ou aulas longas e desistiu no meio
  • Quer um caminho estruturado em vez de ficar perdido entre tutoriais
  • Prefere aprender praticando com desafios em vez de só assistir aulas
  • Quer conteúdo em português, sem depender de traduções ou legendas
ESCOLHA SUA CLASSE
🧙
MAGO DO FRONT
Conjura interfaces com HTML e CSS
⚔️
GUERREIRO DO BACK
Enfrenta lógica e servidores
🛡️
PALADINO FULLSTACK
Domina front e back

Por que aprender programação com gamificação?

CodeTrail combina conteúdo estruturado de HTML, CSS e JavaScript com mecânicas de jogo que mantêm você motivado a continuar aprendendo.

🗺

TRILHA ESTRUTURADA

Conteúdo organizado em ordem lógica. Sem pular etapas, sem ficar perdido. Cada tópico prepara você para o próximo.

🎮

GAMIFICAÇÃO REAL

XP, níveis, vidas, inventário e boss fights. Não é só uma barra de progresso decorativa — cada mecânica influencia o jogo.

🚀

DESAFIOS PRÁTICOS

Escreva código de verdade e responda quizzes em cada tópico. Aprender programação exige praticar, não só ler.

🇧🇷

100% EM PORTUGUÊS

Todo o conteúdo, desafios e interface em português brasileiro. Sem barreiras de idioma para quem está começando.

💡

LIÇÕES CURTAS

Cada tópico leva poucos minutos. Ideal para encaixar no dia a dia sem precisar de horas seguidas de estudo.

🔥

SEQUÊNCIA E MISSÃO DIÁRIA

Jogue dias seguidos para manter sua sequência e complete a missão diária para ganhar bônus. O hábito de estudar se forma com consistência — não com força de vontade.

O que você vai aprender

4 caminhos de aprendizado, 12+ trilhas e 160+ desafios práticos. Comece pelo Web Essencial e avance no seu ritmo.

🌐
WEB ESSENCIAL
HTML, CSS, JavaScript, Git, Terminal, VS Code e DevTools. Base para qualquer caminho.
🏗️
HTML
Fundação, estrutura, media e elementos de texto. Do básico ao HTML semântico profissional.
🎨
CSS
Seletores, Flexbox, Grid, animações e design avançado.
JAVASCRIPT
Fundação, DOM, ES6+, async/await e consumo de APIs.

Da trilha ao desafio

O conteúdo é organizado em caminhos e módulos. Cada trilha tem tópicos com lição + desafio. Complete todas as trilhas do módulo para enfrentar o boss.

codetrail.net
CAMINHO
🌐 Web Essencial
MÓDULO
⚔️ Fundamentos
TRILHAS
⚔️
📋
🧩
🎮
TÓPICO
📖 lição curta  +  ✏️ desafio
BOSS
💀 Guardião dos Fundamentos
📖 Complete o código CSS para deixar o texto na cor vermelha:
h1  {  color  :  red  } 
color
background
font-size
border
📖 Escreva uma função que retorna o dobro de um número:
function dobro (n) {
  return n * 2 ;
}
dobro(3) → retornou 6
dobro(0) → retornou 0
dobro(-5) → retornou -10
👾
GUARDIÃO DOS FUNDAMENTOS
HP: 5 / 8
Qual tag HTML cria um parágrafo?
<div>
<p>
<span>
<h1>
⌨️

Comece a aprender programação grátis

O CodeTrail é gratuito e em português. Comece agora e junte-se à comunidade de devs iniciantes.

ENTRE NA COMUNIDADE

Tire dúvidas, compartilhe seu progresso e conecte com outros devs iniciantes no Discord da Easy Code.

ENTRAR NO DISCORD

Dúvidas sobre aprender programação?

O CodeTrail é gratuito?

Sim! O CodeTrail é 100% gratuito. Você só precisa de uma conta Google para salvar seu progresso na nuvem. Todas as trilhas de HTML, CSS e JavaScript estão disponíveis sem custo.

Preciso saber algo de programação para começar?

Não! O CodeTrail foi feito para iniciantes absolutos. As trilhas começam do zero, explicando desde o que é HTML até conceitos mais avançados de JavaScript. Você aprende passo a passo, no seu ritmo.

Qual a diferença do CodeTrail para outros métodos de aprendizado?

O CodeTrail usa gamificação real: você ganha XP, sobe de nível, coleciona itens, enfrenta boss fights e escolhe uma classe de desenvolvedor. Não é só uma barra de progresso decorativa — cada mecânica influencia sua jornada de aprendizado.

Quais linguagens de programação vou aprender?

Atualmente o CodeTrail cobre HTML, CSS e JavaScript — as três linguagens fundamentais para desenvolvimento web. O conteúdo está organizado em mundos temáticos com trilhas progressivas, do básico ao avançado.

Posso usar no celular?

Sim! O CodeTrail funciona no navegador do celular, tablet ou computador. Seu progresso é salvo na nuvem, então você pode continuar de onde parou em qualquer dispositivo.

Quanto tempo leva para aprender programação?

Cada lição do CodeTrail leva poucos minutos. Dedicando 15-30 minutos por dia, você pode completar os fundamentos de HTML, CSS e JavaScript em poucas semanas. O importante é manter a consistência — e o sistema de streak ajuda nisso!