Pular para o conteúdo

Compila — aprenda a programar explorando um mapa

Início Cursos Praticar Projetos Atividades Vila Entrar Começar jornada

PYTHONmundo.py

def saudacao(nome):
    return f"Olá, {nome}!"

print(saudacao("mundo"))

JAVASCRIPTmundo.js

const mundo = ideias.map(
  (ideia) => criar(ideia)
);
console.log(mundo.length);

C++mundo.cpp

#include <iostream>

int main() {
  std::cout << "Olá, mundo";
}

C#Mundo.cs

var nome = "mundo";

Console.WriteLine(
  $"Olá, {nome}!"
);

JAVAMundo.java

class Compila {
  void main() {
    System.out.println("Olá!");
  }
}

Compila

Todo programa começa
com uma ideia.

Uma linha.
Outra.

Até que algo
começa a tomar forma.

Mas código sozinho
não constrói nada.

Lógica

É preciso aprender
a pensar.

Antes de qualquer linguagem: variável, condição, laço e função. É com essas quatro peças que todo o resto é construído.

Linguagens

Agora dê uma linguagem
à sua ideia.

Python, JavaScript, C++, C# e Java — todas rodando de verdade, aqui no navegador.

Aprender código só faz sentido
quando você consegue construir.

Porque aí o código
deixa de ser código.

Vira uma coisa que existe, que abre, que funciona — e que é sua.

Bem-vindo ao mundo
do Compila.

O território

Seu caminho começa aqui.

Aulas escritas de verdade, com exemplo comentado, erro comum e resumo, ligadas a exercícios que rodam no navegador.

Ver as trilhas Explorar o mapa

O Vale compila Cada aula que você termina acende um pedaço deste mundo.

E quando o navegador ficar pequeno

Programe na sua máquina

Os exercícios daqui rodam no navegador, sem instalar nada — é assim que você começa. Mas a hora de escrever código no seu computador chega, e o editor que o mercado inteiro usa é gratuito.

1

Baixe o VS Code

Gratuito, da Microsoft, e é o editor que a maior parte do mercado usa. Serve para todas as sete linguagens que você aprende aqui.

Baixar para Windows, Mac ou Linux ↗

O site detecta o seu sistema sozinho e já mostra o botão certo.

2

Instale a extensão da linguagem

Abra o VS Code, clique no ícone de blocos na barra da esquerda (Extensions) e procure pelo nome da linguagem.

Python — extensão Python, da Microsoft
JavaScript — já vem pronto, não precisa de nada
HTML e CSS — já vem pronto; some Live Server para ver a página atualizar sozinha

Para rodar Python você também precisa instalar o Python em python.org. O JavaScript não precisa de nada: roda no navegador.

3

Escreva o primeiro arquivo

Crie uma pasta, abra ela no VS Code em Arquivo → Abrir pasta, e crie um arquivo com o nome abaixo. A extensão é o que diz ao editor qual linguagem é.

ola.py

print("Olá, mundo!")

Salve e aperte o ▷ no canto de cima à direita. O resultado aparece no terminal embaixo — é o mesmo print que você já usou aqui no site.

Ver as trilhas →

Cada região, uma trilha

Escolha sua primeira aventura

Cada trilha tem aulas escritas — explicação, exemplo comentado, erro comum e resumo — e liga nos exercícios que rodam no navegador. Os números abaixo são contados do conteúdo real.

E toda trilha tem uma ordem

Do primeiro código ao seu primeiro projeto

Cinco etapas, uma de cada vez. Você não precisa saber tudo — só dar o próximo passo.

01

🧠

Lógica

Aprenda a pensar como programador: variáveis, condições e loops, sem sintaxe complicada.

02

🧱

HTML + CSS

Estruture e estilize suas primeiras páginas — o esqueleto de tudo que existe na web.

03

⚡

JavaScript

Dê vida às páginas: interatividade, eventos e lógica rodando direto no navegador.

04

🚀

Projetos

Combine tudo em projetos reais — do to-do list ao seu primeiro portfólio no ar.

05

🎯

Especialização

Escolha um caminho pra aprofundar: back-end, dados ou interfaces com React.

Mas ler não basta

Aprenda fazendo

Um pedaço de JavaScript de verdade, rodando direto no navegador. Sem criar conta, sem instalar nada.

JAVASCRIPT

playground.js

Seu código JavaScript

playground.js

Console

// A saída aparece aqui...

Isso é só um gostinho — nas suas atividades você resolve exercícios de Python, JavaScript, C++, C# e Java, do básico ao avançado — e ainda constrói uma vila inteira programando. Ver as atividades →

E quando travar

Mascote do Tutor IA

Tutor IA, disponível a qualquer hora

Trave em algo? Manda a dúvida ou o código que você tentou — o tutor explica no nível do seu plano e te dá o próximo passo.

🤖 TUTOR IA — TERMINAL MÁGICO online

Oi! Sou o Tutor IA da Compila 👋 Pode mandar uma dúvida de programação, colar um código que você tentou escrever ou perguntar sobre seus estudos.

Quando ficar fácil demais

Desafios

A Torre dos Desafios — os exercícios mais difíceis do mapa, pra quem já passou pelas trilhas. Estes são os que existem de verdade, com o XP que eles realmente valem.

Nada disso se perde

Seu progresso

Toda missão concluída soma XP, mantém sua sequência viva e destrava a próxima região do mapa.

Nv. 1

0 XPpróximo nível: 150 XP

🔥0DIAS DE SEQUÊNCIA

🧩0AULAS CONCLUÍDAS

⚡0XP ACUMULADO

Carregando seu progresso…

Até virar coisa sua

Construa coisas de verdade

As aulas existem para você conseguir construir. Estas são as coisas que o conteúdo do Compila te prepara para fazer sozinho.

Do zero ao "funciona!"

As trilhas de HTML, CSS e JavaScript te dão exatamente as peças de um gerenciador de tarefas como este: estrutura, estilo, estado e eventos. A tela abaixo é uma ilustração do resultado.

Ver exemplos

minhas-tarefas.html

✓

✓

Do zero ao deploy

Com as trilhas de JavaScript e SQL você monta um painel como este — ler dados, calcular e mostrar. A tela abaixo é uma ilustração do resultado.

Ver as trilhas

dashboard.html

SALDOR$ 2.480

GASTOSR$ 640

Coisas assim

Tipos de projeto que você vai construir

Estes são exemplos de projeto — ilustrações do que as trilhas te preparam para construir, não conteúdo pronto dentro do site. Cada cartão leva às trilhas que dão a base.

O que estudar para isto →

Jogo da Memória

Lógica + DOM: um jogo funcional pra treinar pares e estado.

O que estudar para isto →

Dashboard Financeiro

Gráficos e dados: organize números em painéis visuais.

O que estudar para isto →

Portfólio

Seu cartão de visita digital: HTML, CSS e um toque de JS.

O que estudar para isto →

To-do App

Estado, eventos e persistência: sua primeira aplicação completa.

Por que desse jeito

Programar não precisa ser complicado

Quatro coisas que fazem o Compila ser diferente de assistir aula gravada.

01

Aprendizado prático

Você escreve código de verdade desde a primeira aula, não só assiste alguém codar.

02

Desafios interativos

Cada conceito vira um desafio pra resolver na hora, com feedback imediato.

03

Projetos reais

O conteúdo é escolhido pelo que te deixa capaz de construir e publicar algo seu.

04

Progressão visual

Veja exatamente onde você está e o que vem a seguir — sem se perder em uma lista de aulas.

Sua cidade do código

Cada aula levanta um andar

Continue rolando: cada trilha é uma torre, cada aula concluída é um andar aceso, e a torre do relógio cresce com o tempo que você estuda aqui.

O mapa ainda cresce

Ajude a melhorar o Compila

Sem nota, sem estrelinha: escreva com suas palavras. O que travou, o que faltou, o que você gostaria de encontrar aqui. É assim que o próximo conteúdo é decidido.

Pro R$ 40

Pagamento único via Pix — sem mensalidade. Pague, mande o comprovante junto com o e-mail da sua conta Google e você recebe um código de acesso feito só pra essa conta.

Chave Pix (celular)

11944741298

💬 Enviar comprovante no WhatsApp ✉️ Ou enviar por e-mail

já recebi meu código

CRIAÇÃO DE PERSONAGEM

Escolha o seu personagem

Dá pra trocar roupa, cabelo e tom de pele a qualquer momento no seu perfil.

Nome do personagem Nome do seu personagem

Sua conta

Entre com a mesma conta Google que você informou ao mandar o comprovante. O código só funciona nela.

Código de acesso Código de acesso recebido após a compra