nmk

Лабораторна робота №1 (2 години)

Тема: Встановлення сервера та “Hello World”. Розгортання локального сервера, виконання перевірочного скрипта та налаштування IDE.

Мета: Набути практичних навичок зі встановлення та налаштування локального вебсервера, ознайомитися з базовим синтаксисом PHP та запустити перший файл.

Технологічний стек: XAMPP (Apache, PHP), Visual Studio Code, браузер.

Завдання

  1. Завантажити та встановити локальний вебсервер (XAMPP або альтернативу).
  2. Запустити модулі сервера та перевірити їхню працездатність.
  3. Створити робочу директорію проєкту та налаштувати IDE для роботи.
  4. Написати базовий скрипт index.php з виведенням тексту “Hello World” та інформації про PHP-середовище.

Хід виконання роботи

Крок 1. Встановлення та запуск XAMPP

Завантажте XAMPP для вашої ОС з офіційного сайту. Під час інсталяції переконайтесь, що обрано компоненти Apache та PHP. Запустіть контрольну панель XAMPP (XAMPP Control Panel) та натисніть кнопку “Start” біля модуля Apache. Якщо навпроти Apache з’явиться зелений фон і номери портів (наприклад, 80, 443) — сервер успішно запущено.

Крок 2. Розгортання робочої директорії

Вебсервер Apache за замовчуванням обробляє скрипти лише з певної папки. У XAMPP це директорія htdocs (зазвичай C:\xampp\htdocs). Відкрийте цю папку, створіть всередині нову директорію task_manager, яка буде кореневою для нашого проєкту. Відкрийте створену папку у VS Code.

Крок 3. Створення “Hello World” скрипта

У відкритій папці task_manager створіть файл з назвою index.php. Додайте в нього наступний код:

<?php
  echo "<h1>Hello World! Це моя перша PHP-програма.</h1>";
  phpinfo();
?>

Крок 4. Перевірка результату

В адресному рядку браузера введіть http://localhost/task_manager/index.php (або просто http://localhost/task_manager/). Ви маєте побачити ваш текст у стилі заголовка H1 та велику інформаційну таблицю про встановлену версію PHP і налаштування сервера.

Контрольні запитання

  1. Яке призначення вебсервера (наприклад, Apache) у процесі веброзробки?
  2. Яким розширенням файлу повинен володіти скрипт, щоб сервер обробив його як PHP-код?
  3. Чому PHP-файл потрібно відкривати через браузер за адресою localhost, а не просто подвійним кліком миші у файловому менеджері?
  4. За що відповідає конструкція echo у PHP?
  5. Яку інформацію виводить функція phpinfo() і для чого вона може знадобитись?

Вимоги до звіту

  1. Посилання на GitHub-репозиторій надіслати в Classroom.
  2. В Markdown-файл звіту lab1.md винести фрагмент коду вашого index.php.
  3. У файлі lab1.md прикріпити скриншот вікна браузера з успішним виконанням вашого скрипта (має бути видно адресний рядок localhost/...).
  4. У файлі lab1.md дати вичерпні відповіді на контрольні запитання.