Summary  
The chapter explains the client-server architecture by separating application logic into frontend and backend layers and outlining their interaction through request–response communication.  

General domain of usage  
Web development

Вебзастосунок має дві основні частини: фронтенд і бекенд. Вони працюють разом, щоб забезпечити все, що ви бачите та використовуєте онлайн.

## Фронтенд
Фронтенд — це те, що користувачі бачать у браузері: текст, зображення, кнопки, форми та макети.

Функції фронтенду:
- Відображення контенту на екрані;
- Обробка дій користувача (кліки, введення, форми);
- Забезпечення навігації та взаємодії.

Фронтенд = видима частина вебсайту.

## Бекенд
Бекенд працює за лаштунками, виконуючись на серверах. Він обробляє дані та забезпечує логіку застосунку.

Що робить бекенд:
- Працює з базами даних;
- Обробляє запити від фронтенду;
- Повертає дані та результати.

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

## Як фронтенд взаємодіє з бекендом
1. Фронтенд запитує дані (запит);
2. Бекенд обробляє його та повертає результат (відповідь);
3. Фронтенд відображає оновлену інформацію.

За що відповідає фронтенд?

Яке з наведеного найкраще описує різницю між Frontend та Backend Development?

Вивчайте основи HTML (HyperText Markup Language), фундаменту веб-розробки. Цей курс для початківців охоплює теги, атрибути, елементи та структурування веб-сторінок. Отримайте практичні навички створення заголовків, абзаців, списків, зображень, посилань, форм і таблиць. Ознайомтеся з найкращими практиками, оптимізацією та веб-доступністю. Почніть свій шлях у веб-розробці з HTML.

Дослідження принципів роботи вебу. Вивчення шляхів передачі даних через мережі, ознайомлення з роллю протоколів, розкриття суті IP-адрес і доменних імен. Отримання загального уявлення про взаємодію веб-браузерів і серверів для доставки веб-контенту.

Дізнайтеся про можливості тегів для структурування контенту: від заголовків і абзаців до списків і таблиць. Ознайомтеся зі способами розширення елементів за допомогою атрибутів.

Основи структури HTML-документа. Вивчення складових HTML-документа, зокрема декларації doctype, head та body. Розуміння призначення кожного елемента та їхнього внеску в загальну структуру вебсторінки.

Покращення привабливості вебсторінки за допомогою медіа, таких як зображення, аудіо та відео. Робота зі структурованими табличними даними у вигляді таблиць.

Дослідження багатофункціональності HTML-форм. Вивчення проєктування інтуїтивно зрозумілих і зручних для користувача форм із використанням основних концепцій і технік. Ознайомлення з тим, як форми забезпечують взаємодію користувача та надсилання даних на вебсайтах.

Пояснення фронтенд та бекенд розробки

Фронтенд

Бекенд

Як фронтенд взаємодіє з бекендом

1. За що відповідає фронтенд?

2. Яке з наведеного найкраще описує різницю між Frontend та Backend Development?