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

Фронтенд — це все, що ви бачите та з чим взаємодієте у своєму браузері.

Наприклад:

• Кнопки;
• Форми;
• Текст і зображення.

Це візуальна частина застосунку.

Бекенд — це все, що відбувається за лаштунками.

Він відповідає за:

• Обробку даних;
• Виконання логіки;
• Зберігання та отримання інформації.

Користувачі не бачать бекенд, але саме він забезпечує роботу застосунку.

Уявіть форму входу.

• Ви вводите свою електронну пошту та пароль;
• Фронтенд надсилає ці дані на бекенд;
• Бекенд перевіряє, чи правильні дані;
• Результат повертається на фронтенд;
• Ви входите в систему (або бачите помилку).

Як вони працюють разом

Фронтенд і бекенд завжди пов’язані між собою:

1. Фронтенд → надсилає дані;
2. Бекенд → обробляє їх;
3. Бекенд → надсилає результат;
4. Фронтенд → відображає його.