Segunda edição do Pro Git, um livro gratuito e de código aberto que ensina Git, dos conceitos básicos aos internos, escrito em AsciiDoc.
pcottle/learnGitBranching
Um visualizador interativo de Git no navegador e tutorial que mostra como os comandos alteram a árvore de commits conforme você os digita.
- Estrelas
- 34,187
- Forks
- 6,033
- Issues abertas
- 54
- Último commit
- anteontem
O que é?
LearnGitBranching é um visualizador de repositórios Git, um ambiente de testes e um conjunto de tutoriais e desafios. Ele desenha a árvore de commits e a atualiza a cada comando executado, para que você veja o que branch, merge, rebase ou reset realmente fazem com o histórico — algo difícil de visualizar trabalhando só no terminal.
O app abre em modo sandbox, com um repositório pronto para você experimentar à vontade e comandos como undo e reset para desfazer alterações. Os níveis são organizados em abas que abordam conceitos como repositórios locais e remotos. Cada nível registra quantos comandos você usou e oferece um desafio de “git golf” para tentar concluir com o menor número possível.
O aplicativo é feito inteiramente em JavaScript no lado do cliente, usando Vite, sem backend nem banco de dados. Também pode ser executado localmente, compilado para produção ou iniciado com Docker.
Recursos principais
- 01Visualiza a árvore de commits e a atualiza em tempo real conforme cada comando Git é executado.
- 02Inclui um modo sandbox com undo e reset para experimentar livremente.
- 03Oferece níveis progressivos sobre conceitos de repositórios locais e remotos.
- 04Registra a quantidade de comandos usados em cada nível e inclui um desafio de “git golf”.
- 05Permite criar níveis personalizados e compartilhá-los via JSON ou links de gist.
- 06Funciona inteiramente no navegador, sem backend.
Casos de uso
- Aprender pela primeira vez sobre branches, merges e rebases no Git.
- Praticar habilidades intermediárias de Git por meio de desafios com níveis de dificuldade.
- Demonstrar a um colega como um comando Git altera o histórico.
- Criar exercícios personalizados de Git para um workshop ou curso.
Início rápido
- 1
Abra o app no navegador sem instalar nada
- 2
Ou execute a imagem estável mais recente com Docker
docker run -p 8080:80 ghcr.io/pcottle/learngitbranching - 3
Em seguida, acesse http://localhost:8080/ no navegador
Em coleções
Tópicos
Perguntas frequentes
- O que é learnGitBranching?
- Um visualizador interativo de Git no navegador e tutorial que mostra como os comandos alteram a árvore de commits conforme você os digita. LearnGitBranching é um visualizador de repositórios Git, um ambiente de testes e um conjunto de tutoriais e desafios. Ele desenha a árvore de commits e a atualiza a cada comando executado, para que você veja o que branch, merge, rebase ou reset realmente fazem com o histórico — algo difícil de visualizar trabalhando só no terminal.
- learnGitBranching é gratuito? Qual é a licença?
- learnGitBranching é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- learnGitBranching ainda é mantido?
- Manutenção ativa. O último commit de learnGitBranching foi em 5 de nov. de 2026.
- Para que posso usar learnGitBranching?
- Aprender pela primeira vez sobre branches, merges e rebases no Git. Praticar habilidades intermediárias de Git por meio de desafios com níveis de dificuldade. Demonstrar a um colega como um comando Git altera o histórico. Criar exercícios personalizados de Git para um workshop ou curso.
- Como instalar learnGitBranching?
- Abra o app no navegador sem instalar nada Ou execute a imagem estável mais recente com Docker: docker run -p 8080:80 ghcr.io/pcottle/learngitbranching Em seguida, acesse http://localhost:8080/ no navegador
- Onde consigo learnGitBranching?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/pcottle/learnGitBranching
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Uma coleção de artigos curtos e independentes e trechos de código JavaScript para aprender padrões comuns de programação em 30 segundos ou menos.
Uma skill do Claude Code que cria um simulador 3D interativo e offline de qualquer máquina que você consiga desmontar, em uma única página HTML.
Uma tabela periódica interativa com estilo cyberpunk, os 118 elementos, modelos 3D de orbitais, mapas de calor e interface bilíngue, feita com TypeScript e Vite.
Coleção de modelos .gitignore para linguagens de programação, frameworks, editores e sistemas operacionais, usada nas páginas de criação de repositórios do GitHub.
Uma interface de terminal simples para comandos do Git que agiliza o stage, os commits, o rebase e o trabalho com branches pelo teclado.