Basic Coding Concepts: mesma ideia, três sintaxes!
Basic Coding Concepts é a forma de aprender programação sem ficar preso a um dialeto. A maioria dos sites para iniciantes ensina Python. Ou JavaScript. Ou Java. Nós te mostramos a ideia por trás dos três, lado a lado, para você parar de confundir o que é linguagem e o que é conceito. Quando isso encaixa, qualquer outro tutorial fica mais fácil.
// Same idea. Three syntaxes. function greet(name) { return `Hello, ${name}!`; } # Python def greet(name): return f"Hello, {name}!" // Java public static String greet(String name) { return "Hello, " + name + "!"; }
Por que o Basic Coding Concepts vence os outros sites de "aprenda a programar".
Refizemos cada lição do Basic Coding Concepts com uma única regra: nada aqui pode ser cópia de outra coisa. Cada página é original, os exemplos são reais e os visualizadores rodam de verdade.
Visualizadores animados, ao vivo
Avance em um loop iteração por iteração. Veja as variáveis se acomodando nas suas caixas. Observe a pilha de chamadas crescer e diminuir. Animações reais — não capturas de tela.
Um conceito, três linguagens
Cada exemplo aparece em JavaScript, Python e Java. Troque de aba — sua escolha continua valendo em todo o site.
Páginas de "erros comuns"
Cada conceito tem uma página dedicada aos bugs que iniciantes realmente cometem. Cole o código quebrado, veja a correção, siga em frente.
Spot the Bug — o mini-jogo
Mini-jogo embutido com trechos buggados em rotação. Clique na linha que você acha errada. A pontuação fica salva.
Conceito em 60 segundos
Cada lição abre com um cartão TL;DR de 60 segundos. Folheie 13 deles e você já tem o formato da programação.
Respostas prontas para entrevista
50 perguntas de entrevista para iniciantes com respostas que de fato conseguem o emprego, mapeadas para cada conceito.
Os 13 Basic Coding Concepts, em ordem.
Um caminho, treze conceitos — cada um construído sobre o anterior. Não pule nenhum.
Acompanhe um for-loop, passo a passo.
Clique em Passo para avançar uma linha por vez. Veja as variáveis atualizarem e o console preencher.
O mesmo visualizador está embutido na lição de loops. Variantes para variáveis, chamadas de função e recursão estão nas páginas correspondentes.
🐛 Spot the Bug
Cinco segundos de trabalho. Clique na linha que você acha que tem o bug — a explicação te diz o porquê.
Basic Coding Concepts vs. todo o resto.
Onde o típico site de "introdução à programação" deixa a desejar — e o que construímos no lugar.
| Recurso | Sites "intro à programação" típicos | Basic Coding Concepts |
|---|---|---|
| Linguagens lado a lado | 1 (geralmente JS) | 3 (JS · Python · Java) |
| Visualizadores interativos que funcionam | Prometidos, raramente reais | 4 — loop, variável, pilha, spot-the-bug |
| Página "erros comuns" por conceito | Nenhuma | 13 páginas dedicadas |
| Biblioteca de perguntas de entrevista | Nenhuma | 50+ perguntas mapeadas por conceito |
| Tutoriais de mini-projetos | 0–2 | 5, cada um em menos de 1 h |
| Identidade do autor / E-E-A-T | "Equipe editorial" | Dois autores nomeados, revisões com data |
| Cadastro obrigatório | Quase sempre, em algum momento | Nunca |
| Anúncios, upsells, "premium" | Sim | Nenhum |
O que dizem os alunos.
As abas das três linguagens quebraram algo na minha cabeça — no bom sentido. Finalmente vejo o que é linguagem e o que é a ideia de verdade.
O visualizador de loops é a melhor ferramenta de ensino que já usei. Convenci toda a turma do bootcamp a usar.
A página de erros comuns das variáveis me poupou uma hora de confusão na primeira semana. Devia ser leitura obrigatória.
Conheça a Bee, nossa chefe da depuração 🐝
Ela aparece nas páginas difíceis para sinalizar bugs que Mark e Tom já viram em mais de 100 alunos. Quando vir ela, vá com calma — está apontando algo que a maioria dos iniciantes perde. Mais sobre a Bee →