Архітектура Веб-додатків: фронтенд та бекенд як складові інформаційної системи

Abstract

У роботі розглянуто фундаментальні поняття сучасної веб-розробки: фронтенд (клієнтська сторона) та бекенд (серверна сторона). За допомогою практичних аналогій пояснено принципи взаємодії цих складових та роль API (інтерфейсу програмування застосунків) у передачі даних. Охарактеризовано базовий стек технологій фронтенду (HTML, CSS, JavaScript) та сучасні фреймворки (React, Vue.js, Angular). Визначено основні компоненти архітектури бекенду (сервери, бази даних, мови програмування), а також висвітлено питання безпеки, продуктивності та типів архітектур (монолітна, мікросервісна, serverless). Робота спрямована на формування цілісного розуміння технічної будови веб ресурсів та їх функціонування як єдиної інформаційної системи. The paper examines the fundamental concepts of modern web development: frontend (client-side) and backend (server-side). Using practical analogies, the principles of interaction between these components and the role of API (Application Programming Interface) in data transmission are explained. The basic frontend technology stack (HTML, CSS, JavaScript) and modern frameworks (React, Vue.js, Angular) are characterized. The main components of backend architecture (servers, databases, programming languages) are defined, as well as issues of security, performance, and types of architectures (monolithic, microservices, serverless). The work aims to form a holistic understanding of the technical structure of web resources and their functioning as a unified information system.