Урок 3 · Слайд 1

🌿

Что такое Git?

Машина времени для твоего кода

Git — система контроля версий. Как «машина времени» для кода. Ты можешь сохранять снимки проекта и возвращаться к любому из них. Придумал Линус Торвальдс (создатель Linux) в 2005 году.

terminal

        $ git --version

        git version 2.43.0

        $ # Git установлен и готов к работе!

📖 Словарик

Git

Программа для отслеживания изменений в коде.

"Я сохранил работу через git commit"

Версия

Снимок проекта в определённый момент времени.

"Я вернулся к прошлой версии"

Репозиторий

Папка проекта под управлением Git.

"Мой репозиторий на GitHub"

Урок 3 · Слайд 2

💡

Зачем нужен Git?

Порядок вместо хаоса

без git vs с git

        # Без Git — кошмар:

        homework_final.js

        homework_final2.js

        homework_FINAL_v3.js

        homework_FINAL_v3_ТОЧНО.js 😱

        # С Git — порядок:

        homework.js  ← один файл, вся история внутри 🎉

Без Git: случайно удалил файл — всё потеряно. С Git: всегда можно вернуть! Работаешь в команде? Git помогает не перезаписывать код друг друга. GitHub — облако для хранения репозиториев.

📖 Словарик

GitHub

Сайт для хранения и совместной работы с Git.

"Мой проект лежит на GitHub"

Коммит

Сохранение снимка изменений с описанием.

"Я сделал коммит с новой функцией"

Ветка

Отдельная линия разработки.

"Я создал ветку для новой фичи"

Урок 3 · Слайд 3

⚙️

Настройка Git

Представляемся и создаём репозиторий

terminal

        $ git config --global user.name "Твоё Имя"

        $ git config --global user.email "ты@email.com"

        $ mkdir мой-проект && cd мой-проект

        $ git init

        Initialized empty Git repository in /мой-проект/.git/

        $ # Репозиторий создан!

Сначала представляемся Git — имя и email. git init создаёт скрытую папку .git — там хранится вся история изменений твоего проекта.

📖 Словарик

git init

Инициализация нового репозитория.

"git init создал .git папку"

git config

Настройка Git (имя, email и другие параметры).

"git config --global задаёт настройки для всего компьютера"

.git

Скрытая папка с историей проекта.

"Не удаляй .git — это вся память Git"

Урок 3 · Слайд 4

📸

git add и git commit

Делаем снимок изменений

terminal

        $ echo "console.log('Привет!')" > index.js

        $ git status

        Untracked files: index.js

        $ git add index.js

        $ git status

        Changes to be committed: index.js

        $ git commit -m "Добавил первый файл"

        [main (root-commit)] Добавил первый файл

         1 file changed, 1 insertion(+)

📖 Словарик

git add

Добавляет файл в «зону ожидания» перед сохранением.

"git add . добавляет все файлы"

git commit

Делает снимок изменений и сохраняет в историю.

"git commit -m 'описание' — сохраняет с комментарием"

Сообщение коммита

Описание того, что изменилось.

"Пиши понятные сообщения: 'Добавил кнопку'"

Урок 3 · Слайд 5

🔍

git log и git status

Смотрим историю проекта

terminal

        $ git log --oneline

        a3f9c12 Добавил кнопку отправки

        7b2e401 Исправил ошибку в форме

        d91c038 Добавил первый файл

        $ git status

        On branch main

        nothing to commit, working tree clean ✅

📖 Словарик

git log

История всех коммитов проекта.

"git log --oneline показывает историю кратко"

Хэш

Уникальный ID каждого коммита (например, a3f9c12).

"По хэшу можно найти любой коммит"

Working tree

Текущее состояние файлов в рабочей папке.

"Working tree clean — всё сохранено в Git"

Урок 3 · Слайд 6

🌳

Ветки: git branch

Параллельные линии разработки

terminal

        $ git branch

        * main

        $ git branch новая-фича

        $ git checkout новая-фича

        Switched to branch 'новая-фича'

        $ echo "// новая функция" >> index.js

        $ git add . && git commit -m "Добавил новую фичу"

        $ git checkout main

        $ git merge новая-фича

📖 Словарик

Ветка (branch)

Параллельная линия разработки.

"Я работаю в ветке feature"

git checkout

Переключение между ветками.

"git checkout main вернул меня на главную ветку"

git merge

Слияние веток — объединяет изменения.

"Слил ветку с новой фичей в main"

Урок 3 · Слайд 7

☁️

GitHub: публикуем проект

Код в интернете за 3 команды

terminal

        # Связываем с GitHub

        $ git remote add origin https://github.com/ты/проект

        $ git push -u origin main

        Enumerating objects: 5, done.

        Writing objects: 100% (5/5)

        To https://github.com/ты/проект

         * [new branch] main -> main ✅

        $ # Проект теперь на GitHub!

Создай аккаунт на github.com
Создай новый репозиторий
Скопируй ссылку и добавь remote
git push загрузит код в интернет

📖 Словарик

git remote

Связь с удалённым репозиторием (GitHub).

"git remote add origin адрес_репо"

git push

Загружает коммиты на GitHub.

"git push отправил мой код"

Origin

Стандартное имя для главного удалённого репозитория.

"origin — это ссылка на GitHub"

Урок 3 · Слайд 8

🏆

Мини-квест Git

Выполни все шаги по порядку!

1

Установи Git: https://git-scm.com

2

Настрой имя: git config --global user.name "Ты"

3

Создай папку и войди в неё: mkdir мой-проект && cd мой-проект

4

Инициализируй репозиторий: git init

5

Создай файл: echo "Мой проект" > readme.txt

6

Добавь файл: git add readme.txt

7

Сохрани: git commit -m "Первый коммит!"

8

Посмотри историю: git log --oneline