GitHub и создание репозитория

Что такое GitHub

Сайт ADC Hub готов к публикации. Файлы лежат на вашем компьютере: HTML, CSS, JavaScript, картинки. Но чтобы показать сайт миру, нужно загрузить его на хостинг. А перед этим нужно сохранить код в безопасное место, где он не потеряется, даже если компьютер сломается. Для этого существует GitHub.

GitHub это платформа для хранения кода. Представьте облачный диск вроде Яндекс.Диска, но специально для программистов. Загружаете файлы проекта, они хранятся на серверах GitHub. Можете скачать их с любого компьютера. Можете вернуться к прошлой версии, если что-то сломали. Можете работать над проектом с командой.

GitHub работает на основе системы Git. Это система контроля версий. Каждое изменение в коде записывается как отдельная версия. Изменили цвет заголовка, сохранили версию. Добавили новую страницу, сохранили версию. Можете листать историю как фотоальбом. «Вот так сайт выглядел месяц назад, вот неделю назад, вот вчера».

Создание репозитория

Для ADC Hub создадим репозиторий. Это как папка проекта, но с историей всех изменений и возможностью работать в команде.

Начнём с регистрации. Откройте github.com в браузере. Видите форму регистрации? Введите email, придумайте имя пользователя, придумайте пароль. Нажмите «Sign up». Подтвердите email. Аккаунт создан.

После входа попадёте на главную страницу. Слева список ваших репозиториев, пока пустой. Справа лента активности. Вверху справа значок плюса. Нажмите на него. Откроется меню. Выберите «New repository», новый репозиторий.

Настройка репозитория

Появится форма создания репозитория. Несколько полей, разберём каждое.

Первое поле «Repository name», название репозитория. Пишите короткое понятное имя. Например, adc-hub. Без пробелов, используйте дефисы или подчёркивания. Максимум 100 символов.

Второе поле «Description», описание. Необязательно, но полезно. Напишите одним предложением, что за проект. «Сайт ADC Hub — сообщества дизайнеров и разработчиков». Это поможет вам и другим понять назначение репозитория через год.

Третье поле «Public или Private», видимость репозитория. Public значит репозиторий доступен всем, любой может посмотреть код. Private значит только вы и те, кого пригласите. Для учебного проекта выбирайте Public. Так сможете показать работодателю: «Вот мой код, смотрите, как я умею».

Ниже три чекбокса. Первый «Add a README file». README это текстовый файл с описанием проекта. Как инструкция: что это, как запустить, что внутри. Включите эту опцию. GitHub создаст файл README.md автоматически.

Второй чекбокс «Add .gitignore». Файл .gitignore говорит Git, какие файлы не загружать в репозиторий. Например, временные файлы, пароли, большие файлы. Для простого HTML-сайта можете пропустить, но не помешает выбрать базовый шаблон.

Третий чекбокс «Choose a license», лицензия. Это юридический документ, который определяет, что другие могут делать с вашим кодом. Для учебного проекта можете пропустить или выбрать MIT License, она разрешает всё.

Копирование адреса репозитория

Страница перезагрузится. Видите название репозитория вверху? Видите файл README.md в списке? Репозиторий создан. Теперь нужно скопировать его адрес для работы с компьютера.

Найдите зелёную кнопку «Code» справа. Нажмите на неё. Откроется окошко с адресом репозитория. Видите ссылку вида https://github.com/username/adc-hub.git? username это ваше имя пользователя. Нажмите на иконку копирования рядом. Адрес скопировался.

Этот адрес понадобится для загрузки файлов с компьютера в репозиторий. Пока сохраните его в блокноте или оставьте вкладку открытой.

Вернитесь на главную страницу GitHub. Нажмите на иконку профиля вверху справа, выберите «Your repositories». Видите созданный репозиторий adc-hub? Кликните на него. Откроется страница репозитория.

Здесь будут храниться все файлы проекта. Пока только README.md. Через несколько шагов добавите HTML, CSS, JavaScript, картинки. Все файлы сайта ADC Hub будут в одном месте, доступны с любого устройства.

Зачем нужен GitHub

GitHub это не просто хранилище. Это профессиональный инструмент. Почти все компании используют GitHub или аналоги. Умение работать с ним обязательный навык для разработчика. Работодатель смотрит на ваш GitHub и видит: «Этот человек знает, как организовать код, как работать в команде, как документировать проекты».