EstruturaIniciante
Damas — duas fileiras corretas
Prévia das 16 primeiras casas com peças encaixadas nas casas escuras.
APRENDA FAZENDOCódigos para usar.
Códigos para usar.
Projetos para evoluir.
Encontre exemplos prontos, construa projetos por etapas e pratique programação em um espaço criado para aprender fazendo.
◇PASSO A PASSO
Projetos guiados
Construa do zero, uma etapa de cada vez, com checklist e liberações do professor.
Explorar </>RECURSOS REUTILIZÁVEISAcervo de códigos
Pesquise, visualize, copie e adapte exemplos para diferentes projetos.
Explorar ✓APRENDA TESTANDOPraticar
Resolva uma questão por vez e acompanhe seu avanço com clareza.
ExplorarAbrir o CodePen
Teste HTML, CSS e JavaScript em uma nova aba.
ABRIR ↗
Teste HTML, CSS e JavaScript em uma nova aba.
Códigos recentes
Ver todosInteração JavaScriptIniciante
LÓGICA — Uma seleção por vez
Remove a marcação anterior antes de selecionar uma nova peça.
Interação JavaScriptIniciante
INTERAÇÃO — Clique em um elemento
Localiza as peças e executa uma ação quando uma delas recebe um clique.
OutrosIniciante
ESTADO — Peça selecionada
Cria uma indicação visual para mostrar qual peça foi escolhida.