Um jogo que eu fiz

DinoCode

Aprenda a ler código caçando bugs, depois escreva você mesmo.

Ler código é uma habilidade separada de escrever código, e quase ninguém ensina isso de propósito. Cada nível entrega um código que parece funcionar, com algo errado dentro. Você diz qual linha — e por quê.

Jogar DinoCodeAbre em uma nova aba. Jogar pede uma conta, para guardar seu progresso.

Experimente aqui

Este é o primeiro nível. Clique na linha que você acha que contém o bug.

Código em revisão

Esta função devolve o número errado. Uma linha é responsável.

Uma amostra jogável reconstruída aqui. O jogo completo está em dinocode.revolucione.se.

O que você vai percorrer

  1. 00Lendo uma funçãoO que entra, o que volta, e como alcançar o que está dentro.
  2. 01Tipos e formatosO que o compilador realmente verifica, e o que ele deixa passar.
  3. 02Movendo dadosRemodelar dados sem destruir aquilo com que você começou.
  4. 03Async e redeCódigo que termina depois, e as mentiras que conta nesse meio-tempo.
  5. 04Estado no ReactPor que a tela não mudou mesmo com o valor tendo mudado.
  6. 05EfeitosA maior fábrica de bugs do React de verdade.
  7. 06Componentes e propsOnde o estado deve morar, e o que acontece quando mora em outro lugar.
  8. 07A fronteira do servidorNext.js: qual código roda onde, e o que nunca pode atravessar.
  9. 08O chefe da revisãoUm diff real. Três bugs. Sem dicas.

Jogar DinoCode