Проєктування та розробка веб-застосунків

Тема: Налаштування середовища та перший вебсайт

Мета роботи

1. Ознайомитися з інструментами для веброзробки (редактор коду, серверна мова).

2. Встановити необхідне програмне забезпечення (PHP, Git).

3. Створити перший статичний вебсайт із HTML-формою.

4. Засвоїти базові принципи роботи з Git (ініціалізація репозиторію, коміти, гілки).

Завдання

Частина 1. Налаштування середовища

1. Встановити редактор коду (Visual Studio Code / PhpStorm / інший).

2. Встановити серверну платформу:

   • PHP (мінімум 8.1) з локальним вебсервером (php -S localhost:8000).

3. Перевірити роботу: створити файл index.php, вивести "Hello, World!" у браузер.

Частина 2. Перша HTML-сторінка

1. Створити файл index.html із мінімальною структурою HTML5.

2. Додати заголовок (<h1>Мій перший вебсайт</h1>).

3. Створити форму з одним полем (наприклад, введення імені або email) та кнопкою “Надіслати”.

Частина 3. Використання Git

1. Створити локальний репозиторій у папці проєкту:

   git init
   

2. Додати .gitignore (ігнорувати, vendor, .env).

3. Створити перший коміт:

   git add .
   git commit -m "Initial commit: created first website"
   

4. Створити нову гілку lab1.

5. Зробити зміни (наприклад, додати друге поле у форму) та закомітити в новій гілці

Що здати

1. Посилання на репозиторій GitHub/GitLab з кодом.

2. Файли:

   • index.html

   • form.php 

   • .gitignore

   • README.md з коротким описом (як запустити сайт).

3. Скриншоти роботи сайту у браузері.

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

• Середовище встановлено, сайт відкривається у браузері — 20 балів.

• HTML-сторінка з формою — 2 бали.

• Репозиторій з коректним .gitignore, гілками та комітами — 3 бали.

• README.md з інструкцією запуску та скриншотами — 1 бал.