Git и GitHub

Вы уже умеете делать сайты — теперь научимся не терять работу и вставать в команду. Git — это «машина времени» для кода: каждая сохранённая точка позволяет откатить изменения или вернуться к рабочей версии.

Зачем нужен Git

Когда вы меняете файлы вручную, страшно что-то сломать. Git решает три задачи: история всех изменений, откат к любой точке и параллельная работа нескольких людей над одним проектом. Вместо папок site_final_v2 мы получаем чистые коммиты.

Настройка и первый коммит

Один раз представитесь системе, дальше команды почти всегда одинаковые: init → add → commit.

# один раз после установки
git config --global user.name "Имя"
git config --global user.email "you@example.com"

# в папке проекта
git init                # включить Git здесь
git add index.html      # добавить файл в «корзину»
git add .               # или все изменения сразу
git commit -m "Первая версия лендинга"
git status              # что изменилось
git log                 # история коммитов

Ветки и слияние

Ветка — отдельная линия разработки. Закоммитили в main рабочий сайт, потом создали feature, поэкспериментировали и влили результат обратно. Основная версия при этом все время в порядке.

git branch feature      # создать ветку
git checkout feature    # перейти в неё
# ...работаем и коммитим...
git checkout main       # вернуться
git merge feature       # влить ветку в main

GitHub и удалённый репозиторий

Локальные коммиты — только на вашем компьютере. Чтобы получить резервную копию и возможность работы с командой, заведите репозиторий на GitHub и свяжите его с локальным:

git remote add origin https://github.com/ваш-логин/site.git
git push -u origin main   # отправить коммиты на GitHub
git pull                  # забрать изменения из GitHub
git clone https://github.com/логин/site.git # скопировать чужой проект

Бонус: GitHub Pages

Статические сайты (наши лендинги!) GitHub публикует бесплатно. Поднимите репозиторий с вашим проектом, откройте Settings → Pages, выберите ветку main — и через минуту сайт будет доступен по адресу https://ваш-логин.github.io/repo/. Любой git push обновит его автоматически.