Вивчай
Домашнє завдання #3 · Командний рядок, Git та GitHub
100 балів+30 бонусbeginner

Домашнє завдання #3: Структура проєкту + Git + GitHub

Тема: Створення проєкту через термінал, відстеження в Git, публікація на GitHub

Мета завдання

Застосувати на практиці все з перших трьох уроків: термінал, Git та GitHub. Ти створиш структуру реального веб-проєкту, зробиш серію комітів та опублікуєш на GitHub.

Що потрібно зробити

Подивись, як виглядає весь процес від створення проєкту до push на GitHub:

Повний робочий процес: mkdir, git init, коміти, push, feature branchПовний робочий процес: mkdir, git init, коміти, push, feature branch

1. Створити структуру проєкту через термінал

Використовуючи тільки команди терміналу (без графічного інтерфейсу!), створи таку структуру:

my-portfolio/
├── index.html
├── about.html
├── projects.html
├── css/
│   └── style.css
├── js/
│   └── main.js
├── images/
│   └── (порожня папка — для фото пізніше)
└── README.md
Порада

Підказка: тобі знадобляться команди mkdir, touch та cd. Згадай урок 1.1!

2. Додати вміст у файли

Відкрий файли у будь-якому редакторі та додай:

  • README.md — напиши 2-3 речення про що цей проєкт (це твоє майбутнє портфоліо!)
  • index.html — мінімальний HTML-шаблон (DOCTYPE, html, head, body, заголовок h1)
  • about.html — теж базовий HTML з заголовком "Про мене"
  • projects.html — базовий HTML з заголовком "Мої проєкти"

3. Ініціалізувати Git та зробити коміти

Важливо — не один великий коміт, а кілька маленьких:

КомітЩо додати
1-йREADME.md та .gitignore
2-йindex.html
3-йabout.html та projects.html
4-йCSS та JS файли
Увага

Не забудь створити файл .gitignore з рядком node_modules/ — звичка, яка збереже тебе від проблем у майбутньому.

4. Створити гілку та Pull Request

  1. Створи гілку feature/add-navigation
  2. У кожному HTML-файлі додай посилання на інші дві сторінки
  3. Зроби коміт у цій гілці
  4. Запуш проєкт на GitHub
  5. Створи Pull Request з гілки feature/add-navigation у main
  6. Злий (merge) Pull Request на GitHub

Як здати завдання

  1. Переконайся, що на GitHub видно мінімум 5 комітів
  2. Переконайся, що є закритий (merged) Pull Request
  3. Надішли посилання на репозиторій

Критерії оцінювання

Критерій
Репозиторій створено на GitHub✓
Структура папок відповідає завданню✓
Є .gitignore✓
Мінімум 5 комітів з описовими повідомленнями✓
Є merged Pull Request✓
HTML-файли мають базову структуру✓
README.md заповнений✓

Бонусні завдання

  • +10 балів: Увімкни GitHub Pages для репозиторію (Settings → Pages → Deploy from branch main). Додай посилання на живий сайт у README.md
  • +10 балів: Зроби другий Pull Request feature/add-content — додай більше тексту на сторінки (абзаци, списки)
  • +10 балів: Додай файл CHANGELOG.md, де коротко опишеш що було зроблено в кожному коміті

Пов'язані уроки