GitHub та віддалені репозиторії

У минулому уроці ми навчилися працювати з Git локально — робити коміти, створювати гілки та зливати їх. Але поки що весь код живе тільки на твоєму комп'ютері. Що буде, якщо ноутбук зламається? Як показати код другу? Як працювати в команді?

Відповідь — віддалені репозиторії та GitHub.

Git ≠ GitHub

Це дуже поширена плутанина, тому запам'ятай:

Git — це інструмент. GitHub — це платформа, де люди зберігають та діляться Git-репозиторіями.

Створення акаунту на GitHub

1. Перейди на github.com та натисни Sign up
2. Введи email, придумай пароль та username
3. Підтверди email

Віддалений репозиторій (Remote)

Remote — це копія твого репозиторію на сервері GitHub. Уяви, що Git — це як гра на твоєму комп'ютері, а GitHub — це хмарне збереження (cloud save):

• Push — завантажити свої зміни на сервер (як зберегти гру в хмару)
• Pull — завантажити зміни з сервера до себе (як завантажити збереження на інший пристрій)
• Clone — скопіювати весь репозиторій з GitHub на свій комп'ютер вперше

Спосіб 1: Створити на GitHub → Clone на комп'ютер

Найпростіший спосіб почати новий проєкт:

На GitHub:

1. Натисни "+" → "New repository"
2. Введи назву (наприклад, my-first-site)
3. Постав галочку "Add a README file"
4. Натисни "Create repository"

На комп'ютері:

# Клонуємо репозиторій (створює папку з проєктом)
git clone https://github.com/твій-username/my-first-site.git

# Заходимо в папку
cd my-first-site

# Перевіряємо — remote вже підключений!
git remote -v

Побачиш щось таке:

origin  https://github.com/твій-username/my-first-site.git (fetch)
origin  https://github.com/твій-username/my-first-site.git (push)

origin — це стандартна назва для віддаленого репозиторію.

Спосіб 2: Підключити існуючий локальний репозиторій

Якщо у тебе вже є проєкт з Git, його можна підключити до GitHub:

На GitHub:

1. Створи порожній репозиторій (без README, без .gitignore)

На комп'ютері:

# Підключаємо remote
git remote add origin https://github.com/твій-username/my-project.git

# Перший push (-u запам'ятовує зв'язок між гілками)
git push -u origin main

Щоденний робочий процес

Після того як remote підключений, робочий процес виглядає так:

# 1. Забираємо останні зміни з GitHub
git pull

# 2. Працюємо над кодом...

# 3. Додаємо і комітимо
git add .
git commit -m "Додано стилі для навігації"

# 4. Відправляємо на GitHub
git push

Це стає звичкою: pull → робота → add → commit → push.

Що таке Pull Request?

Pull Request (PR) — це запит на додавання твоїх змін у основну гілку. Замість того щоб зливати гілки напряму, ти просиш інших переглянути твій код.

Як це працює:

# 1. Створюємо гілку та працюємо
git checkout -b feature/footer
# ... пишемо код ...
git add .
git commit -m "Додано футер з контактами"

# 2. Пушимо гілку на GitHub
git push -u origin feature/footer

3. На GitHub з'явиться кнопка "Compare & pull request" — натискаємо
4. Описуємо що зробили та навіщо
5. Хтось переглядає код, залишає коментарі
6. Після затвердження — натискаємо "Merge pull request"

Типові помилки новачків

Шпаргалка нових команд

Підсумок

У цьому уроці ми дізналися:

• Git і GitHub — різні речі: інструмент vs платформа
• Remote — віддалена копія репозиторію на GitHub
• Clone — копіювання репозиторію з GitHub на комп'ютер
• Push/Pull — відправка та отримання змін
• Pull Request — запит на перевірку та додавання коду

Що далі?

У наступному уроці ми налаштуємо Node.js, npm та VS Code — інструменти, без яких не обходиться жоден сучасний веб-розробник.