Pitch: Parece que ganhei superpoderes com o Claude Code
Depois que eu assisti o curso The Hard Parts of JavaScript do Will Sentance.
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
2. Loupe
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:
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!