Learn Git Branching
learngitbranching.js.org
An interactive visual sandbox that teaches Git operations by animating repository trees in real time as you type commands.
This browser-based tutorial pairs a live terminal with an animated commit graph that updates instantly as you run git commands. Branch creation, rebasing, cherry-picking, and merging all produce visual node-tree changes that build genuine spatial intuition for version control.
Why it is useful
Git mental model is notoriously hard to build from text documentation alone. By making every command produce an immediate animated graph response, this tool closes the gap between typing a rebase and understanding what actually happened to the commit tree — the key insight most developers spend years acquiring.
More in Learning Resources
Other learning resources you might not have heard of.
- CSS Grid GardenA free browser game that teaches CSS Grid layout by having you write real grid properties to water garden plots — covering grid-column, grid-row, grid-area, and grid-template across 28 levels.
- web.devGoogle's free web development resource with courses, guides, and case studies on performance, accessibility, security, PWAs, and modern browser APIs — written by the Chrome team engineers.
- W3SchoolsA long-running reference and tutorial site covering HTML, CSS, JavaScript, SQL, and most other web technologies with interactive "try it yourself" editors.
- wikiHowA wiki of illustrated, step-by-step how-to guides on everyday tasks, from home repairs and cooking to computers and personal finance.
- CSS BattleA coding game where you recreate a target image using as little CSS as possible, with daily battles, practice targets and leaderboards.
- ShortformDetailed book summaries and analyses that go beyond synopsis to critically examine ideas and arguments.