Executando verificação de segurança...
0

Pitch: Parece que ganhei superpoderes com o Claude Code

Depois que eu assisti o curso The Hard Parts of JavaScript do Will Sentance.

image

Não conseguia parar de pensar em uma coisa:

Que massa seria se tivesse uma ferramenta que mostrasse visualmente o motor do JavaScript executando o código JS linha por linha, assim como o Will faz em suas aulas, usando o quadro.

Fui pesquisar e descobri duas (mais populares):

1. JavaScript Visualizer 9000

image

2. Loupe

image

Embora elas funcionem, em ambas, encontrei os seguintes limitantes:

  • UI bem defasada, existem há mais de 6 anos;
  • Não contemplam o gerenciamento de memória;
  • Pouca ou quase nenhuma explicação das etapas;
  • Poucos exemplos.

Foi então que pensei:

E se eu criasse essa ferramenta melhorada?

1 semana e alguns tokens depois, esse foi o resultado obtido:

image

Os grandes diferenciais que acredito ter conseguido entregar, foram:

  • UI bonitona, com animações e tudo;
  • Gerenciamento de memória, inclusive o Heap;
  • Etapas extremamente bem descritas;
  • Pt-BR e Inglês;
  • Código aberto;
  • Muitos exemplos de casos de uso para explorar.

Adoraria ouvir a opinião de vocês!

Repo: https://github.com/kleysonmorais/javascript-visualized
Link: https://javascriptvisualized.com

Ah, e considere dar um ⭐️ no GitHub, isso me motivar a adicionar novas funcionalidades!

Carregando publicação patrocinada...