An interactive, space-themed learning platform for mastering Git and GitHub with built-in progress tracking!
- ✅ Automatic Chapter Completion: Chapters are marked complete when you scroll to the bottom
- 💾 Persistent Progress: Your progress is saved locally in your browser
- 🎯 Visual Progress Indicators: Real-time completion status for each mission phase
- 🎊 Celebration Animations: Beautiful confetti and animations when completing phases
- 📈 Mission Analytics: Track completion percentage for each section and overall progress
- ✓ Completion Badges: Visual checkmarks and badges for completed phases
- Read Through a Chapter: Navigate to any chapter and read through the content
- Automatic Detection: The system detects when you reach the end of the chapter
- Completion Celebration: A beautiful overlay appears with your progress stats
- Progress Saved: Completion is automatically saved in browser's local storage
- Visual Feedback:
- ✓ Green checkmarks on completed chapters
- Progress bars showing completion percentages
- Real-time updates on the Mission Control homepage
- Fixed badges showing chapter and overall progress
- Chapter Completion Badge (top-right): Shows if the current chapter is complete
- Overall Progress Widget (bottom-right): Displays your total mission progress with circular progress indicator
- Mission Section Progress Bars: Each section on the homepage shows completion percentage
- Chapter Checkmarks: Completed chapters have green checkmarks in the table of contents
- Mission Complete Badges: Entire mission sections are highlighted when all phases are complete
This website transforms learning Git into an exciting space mission with comprehensive, ever-expanding training phases. The journey is divided into themed phases, each with focused learning objectives and grouped chapters:
-
🌟 Pre-Launch: Mission Briefing
- Orientation and introduction to the platform
-
▶ Phase 1: Launch Sequence
- Git fundamentals, installation, and setup
- Terminal basics and first commands
- GitHub introduction and account setup
-
🌌 Phase 2: Orbital Maneuvers
- Essential Git commands (add, commit, push, pull)
- Version control workflows
- Branching basics and navigation
-
🛸 Phase 3: Deep Space Operations
- Merging and conflict resolution
- Advanced Git techniques (rebase, cherry-pick, stash)
- Git tags, version management, and reflog
-
👥 Phase 4: Multi-Crew Missions
- Forking, pull requests, and collaboration
- Code review and team workflows
-
🚀 Advanced & Enterprise
- Large repository management, Git LFS
- Performance, security, and compliance
- Automation (hooks, CI/CD, integrations)
- Leadership, mentoring, and open-source management
-
🆘 Emergency & Recovery
- Advanced troubleshooting
- Disaster recovery and reset strategies
- Collaboration workflows
- Tools integration (VS Code, GitHub CLI)
-
🌠 Phase 5: Beyond the Solar System (3 phases, ~13 min)
- Markdown and documentation
- Profile creation
- Command reference
Total Training Time: ~5 hours of comprehensive Git education
LearnGit.space is a community-driven project. Special thanks to all contributors!
Lead Maintainer: kasuken (Emanuele Bartolesi)
See the full list of contributors and their profiles at https://www.learngit.space/contributors.html.
- Open
index.htmlin your modern web browser - Start with "Launch Preparation" in the Pre-Launch section
- Read through each chapter at your own pace
- Scroll to the bottom of each chapter to mark it complete
- Watch your progress grow on the Mission Control homepage!
No installation, no server, no dependencies - just open and start learning!
- Visit the homepage to see all mission completion percentages
- Check the bottom-right widget for overall progress (0-100%)
- Look for green checkmarks (✓) on completed chapters
Open your browser's console (F12) and run:
ProgressTracker.resetProgress()Your progress is stored in localStorage under the key learngit_progress. You can view it in browser DevTools.
Learning Git through space exploration metaphors:
| Git Concept | Space Metaphor |
|---|---|
| You | The Astronaut |
| Git | Spacecraft Navigation System |
| GitHub | Mission Control |
| Repository | Spacecraft |
| Commit | Mission Log Entry |
| Branch | Parallel Timeline |
| Merge | Timeline Convergence |
| Push | Transmission Uplink |
| Pull | Receiving Updates |
| Conflict | Timeline Collision |
- Pure HTML5/CSS3/JavaScript - Zero dependencies
- Local Storage API - Progress persistence
- CSS Animations - Smooth transitions and celebrations
- Custom Fonts - Orbitron, Space Grotesk, JetBrains Mono
- Responsive Design - Works on all screen sizes
- ✅ Chrome/Edge (recommended)
- ✅ Firefox
- ✅ Safari
- ✅ Opera
- Requires JavaScript enabled for progress tracking
learngit.space/
├── index.html # Homepage (Mission Control)
├── css/
│ └── styles.css # Complete styling with progress tracker UI
├── js/
│ └── progress-tracker.js # Progress tracking system
└── chapters/ # 35 mission phases
├── launch-preparation.html
├── the-navigation-system.html
├── ... (33 more chapters)
└── command-reference.html
Each chapter includes:
- 🎯 Clear mission objectives
- 📖 Step-by-step explanations
- 💻 Code examples with syntax highlighting
- ⏱️ Accurate reading time estimates
- 🧭 Navigation to previous/next phases
- ✅ Automatic progress tracking
By completing all mission phases, you'll master:
- ✅ Git Fundamentals: Initialize repos, track changes, commit history
- ✅ Branching & Merging: Create branches, resolve conflicts, merge strategies
- ✅ Remote Collaboration: Push, pull, sync with GitHub
- ✅ Advanced Techniques: Rebase, cherry-pick, stash, tags
- ✅ GitHub Features: Pull requests, forks, code review
- ✅ Professional Workflows: Team collaboration, best practices
- ✅ Tool Integration: VS Code, GitHub CLI, Markdown
When you finish a chapter:
- 🎯 Beautiful overlay with completion stats
- 🎊 Confetti animation
- 📊 Updated progress percentages
- ✓ Visual checkmark indicators
- Real-time updates as you complete chapters
- Circular progress indicator showing overall completion
- Progress bars for each mission section
- Color-coded badges for different completion states
- 📱 Mobile-friendly layout
- 💻 Desktop-optimized reading experience
- 🎨 Consistent space theme across all devices
Content inspired by the open-source "Introduction to Git and GitHub" ebook by Bobby Iliev, completely reimagined with:
- ▶ Space exploration theme
- 🎮 Interactive progress tracking
- 🎨 Modern, beautiful UI design
- 📊 Comprehensive analytics
This educational resource is provided freely for learning purposes.
- Engaging: Learn through exciting space mission narratives
- Comprehensive: 35 phases covering beginner to advanced topics
- Interactive: Built-in progress tracking keeps you motivated
- Beautiful: Stunning space-themed design with animations
- Practical: Real-world examples and workflows
- Free: No sign-ups, no costs, no barriers to learning
Ready for launch, Astronaut?
Open index.html and begin your transformation from cadet to space commander!
May your commits be clean and your merges conflict-free! 🌟
LearnGit.space • Your Journey Through Version Control Space • 2024
- Complete chapters in order for the best learning experience
- The progress system works offline (uses local storage)
- You can revisit completed chapters anytime
- Use the Mission Control homepage to track your overall progress
- Take breaks between phases to practice what you've learned
Happy Learning! ▶✨