Веб-сайты

Ветка — git по шагам

Тренажёр Git Bash: команды набираются руками, а рядом видно, как файл едет из папки в индекс, становится коммитом и уходит на GitHub.

Год
2026
Роль
Автор проекта
  • HTML
  • CSS
  • JavaScript

Открыть проект

/play/vetka/index.html

Наберите команду из карточки слева и нажмите Enter — схема справа покажет, что произошло. Кнопка «Подставить» напечатает команду за вас. В отдельной вкладке места больше.

Галерея

О проекте

Шесть уроков — от «где я вообще нахожусь» до полного пути «пустая папка → репозиторий → .gitignore → коммит → GitHub». Внутри работает настоящая модель репозитория: у файла одновременно три версии — на диске, в индексе и в последнем коммите, — и «изменён», «подготовлен», «не отслеживается» не проставлены заранее, а вычисляются из их разницы. Поэтому от урока можно отойти в сторону: набрать своё, сломать, посмотреть git status и вернуться.

Что внутри

  • Схема из четырёх зон анимируется приёмом FLIP: разметка каждый раз строится заново от состояния, а переезд карточки в индекс и коммита на GitHub браузер считает сам
  • Ключ карточки — file:<имя> или commit:<номер>, поэтому коммит, улетающий на GitHub, стартует из своей же точки в локальной истории: видно, что push копирует, а не создаёт заново
  • Урок не запрещает лишние команды: шаг проверяется после того, как команда честно выполнена — тренажёр, отвергающий всё, кроме ожидаемого, учит не git, а послушанию
  • Переключение ветки меняет содержимое файла на диске, и cat это показывает — то самое место, где ветки перестают быть абстракцией
  • Вывод повторяет настоящий: приглашение в две строки с веткой в скобках, ошибки git и bash слово в слово, история по ↑ и дописывание по Tab
  • В конце урока — проверка: команду больше не показывают, её нужно вспомнить самому; пройденное и открытые команды шпаргалки запоминаются