~/primeiro-site/index.html

<h1>Olá, mundo

terminal

$ node servidor.js
✓ escutando na porta 3000

~/proximo-projeto/index.html

<header> <h1>HTML DO ZERO.card {}CSS DO ZEROjustify-contentFLEXBOX<App />useState(0)REACT DO ZERO$ node servidor.js✓ porta :3000NODE.JSCSS GRID{ nome: "Ana" }{ nivel: 2 }MONGODBSELECT *POSTGRESQLcontexto + exemploscritério de aceitePROMPTSif (x > 0) {}LÓGICA

<App />const [total, setTotal] = useState(0)<Lista itens={tarefas} />export default App

Contador.jsx

function Contador() {
  const [total, setTotal] = useState(0)
  ...
}

CURSOS GRUPO CLUB · DO ZERO AO DEPLOY

Aprenda fazendo, uma peça por vez.

Entenda a ideia, mude um exemplo, confira o resultado — e só então avance para a próxima peça.

12 cursos · 74 aulas · 51h de prática · progresso no seu navegador

Começar por Lógica de programação Ver a ordem da casa

A ordem da casa

CURSO 01 DE 12Lógica de programaçãodo problema ao programa6 AULAS · 3H0%ComeçarCURSO 02 DE 12HTML do zerosua primeira página6 AULAS · 4H0%ComeçarCURSO 03 DE 12CSS do zeroestilo e responsividade6 AULAS · 4,5H0%ComeçarCURSO 04 DE 12Flexboxlayouts em uma dimensão6 AULAS · 3,5H0%ComeçarCURSO 05 DE 12CSS Gridlayouts em linhas e colunas6 AULAS · 3,5H0%ComeçarCURSO 06 DE 12Tailwind CSS v4da utility ao produto6 AULAS · 3,5H0%ComeçarCURSO 08 DE 12Git e GitHubdo commit ao pull request6 AULAS · 3,5H0%ComeçarCURSO 09 DE 12Node.js do zeroJavaScript no servidor6 AULAS · 5H0%ComeçarCURSO 10 DE 12React do zerointerfaces com estado6 AULAS · 6H0%ComeçarCURSO 11 DE 12MongoDB do zerodocumentos e consultas6 AULAS · 5,5H0%ComeçarCURSO 12 DE 12PostgreSQL do zerotabelas e consultas6 AULAS · 5,5H0%ComeçarCURSO 13 DE 12Engenharia de promptsdo básico ao intermediário8 AULAS · 6,5H0%Começar

Jogos da casa

JOGO · FLEXBOXResgate FlexAlinhe os módulos no eixo certo com Flexbox de verdade.JOGO · CSS GRIDCidade GridReconstrua quarteirões com colunas, áreas e posições corretas.

Método Grupo Club

Entender primeiro. Decorar nunca.

Cada aula fecha um ciclo completo, como montar uma pequena peça antes de encaixá-la no projeto.

Veja o resultadoVocê começa sabendo o que vai construir e por que aquilo importa.

Entenda com uma analogiaO nome técnico aparece junto de uma imagem mental simples — e do limite dessa comparação.

Mude o exemploOs laboratórios deixam você testar código, consultas e prompts sem instalar nada.

Prove que aprendeuQuiz, missão objetiva e projeto fecham o aprendizado antes do botão de concluir.

Aprenda fazendo, uma peça por vez.

Continue de onde parou

A ordem da casa

Jogos da casa

Entender primeiro. Decorar nunca.