nmk

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

Тема: Виведення динамічного контенту. Створення базової HTML-структури сайту та інтеграція PHP-змінних одразу у розмітку.

Мета: Закріпити навички комбінування HTML-розмітки з PHP-кодом, навчитись оголошувати змінні різного типу та динамічно виводити їх на сторінку.

Технологічний стек: PHP, HTML5, браузер.

Завдання

Ознайомитися з правилами синтаксису вбудовування PHP у HTML.
Оголосити скалярні змінні різних типів (рядки, цілі числа).
Створити базовий каркас сторінки-прототипу “Менеджеру завдань”.
Вивести дані зі змінних безпосередньо у відповідні HTML-теги за допомогою альтернативного синтаксису <?= ?>.

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

Крок 1. Підготовка базового HTML-каркасу

У файлі index.php видаліть залишки коду з попередньої роботи (phpinfo). Створіть стандартний каркас HTML-сторінки (теги <!DOCTYPE html>, <html>, <head>, <body>). Додайте заголовок <header>, який міститиме назву додатка “Task Manager”, та блок <main> для основного контенту.

Крок 2. Оголошення змінних PHP

На самому початку файлу, ще до тегу <!DOCTYPE>, відкрийте PHP-блок <?php ... ?>. Оголосіть у ньому кілька змінних, які імітуватимуть динамічні дані застосунку:

$appName — рядок з назвою застосунку.
$taskTitle — рядок з назвою тестового завдання (наприклад, “Вивчити основи PHP”).
$taskTimeEstimate — ціле число (очікуваний час на виконання в годинах).

Крок 3. Інтеграція змінних у розмітку

Всередині тегу <body> використовуйте альтернативний (короткий) синтаксис виведення на екран (<?= $змінна ?>), щоб вбудувати значення оголошених змінних всередину потрібних тегів:

Виведіть $appName в тег <h1>.
Виведіть $taskTitle та $taskTimeEstimate як елементи списку всередині <ul><li>...</li></ul>.

Браузер при перегляді сторінки повинен відобразити не назви змінних, а їхні значення.

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

Що таке динамічна типізація і як вона працює в PHP?
Як правильно розпочати і закрити блок з PHP-кодом всередині HTML-документа?
В чому різниця між записами <?php echo $var; ?> та <?= $var ?>?
Які основні (скалярні) типи даних підтримує PHP? Наведіть приклади.
Що буде виведено в браузері, якщо користувач відкриє файл .html, всередині якого буде вбудовано <?php echo "Test"; ?> без налаштувань сервера? Поясніть чому.

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

Зміни в коді зафіксувати в Git (commit) та відправити на GitHub (push). Посилання на репозиторій додати в Classroom.
У файл звіту lab2.md винести фрагмент коду з оголошеними змінними та місцем їх виклику в HTML.
Додати скриншот сторінки браузера, яка рендерить створену HTML-розмітку змішану з PHP.
У файлі lab2.md дати відповіді на контрольні запитання.