У fullstack-додатку всі частини працюють разом для обробки дій користувача та керування даними.

Коли користувач взаємодіє з інтерфейсом, фронтенд надсилає запит на бекенд. Бекенд обробляє логіку та, за потреби, взаємодіє з базою даних. Результат повертається на фронтенд, і інтерфейс оновлюється.

Простий потік

Фронтенд → бекенд → база даних → бекенд → фронтенд.

Приклад

Уявіть додавання нової нотатки в додатку.

Ви вводите нотатку та натискаєте кнопку. Фронтенд надсилає ці дані на бекенд. Бекенд зберігає їх у базі даних і надсилає відповідь назад. Фронтенд оновлює екран і показує нову нотатку.

Що далі

Тепер ви розумієте, як працює fullstack-додаток у цілому.

Щоб почати створювати власні додатки, перший крок — вивчити, як створювати структуру вебсторінки.

Далі ви почнете з HTML, який використовується для побудови основи кожного вебсайту.