Технологія і техніка друкарства (Oct 2024)

Сучасні фреймворки для створення користувацького інтерфейсу в технологіях електронних видань

  • Михайло Петрович Горський,
  • Михайло Олегович Огірко,
  • Ірина Василівна Солтис,
  • Олександр Володимирович Дуболазов,
  • Олександр Григорович Ушенко,
  • Вікторія Валеріївна Морфлюк-Щур,
  • Лілія Станіславівна Слоцька

DOI
https://doi.org/10.20535/2077-7264.3(85).2024.293209
Journal volume & issue
no. 3(85)

Abstract

Read online

Розробка веб-сайтів є значною частиною сучасних технології електронних видань. Користувацький інтерфейс є одним з важливих компонентів сучасного сайту. В роботі розглядаються сучасні фреймворки для створення користувацького інтерфейсу в технологіях електронних видань. Вибір між цими фреймворками може бути складним через наступні чинники: різноманітність вимог веб-додатку, технічний рівень розробників, спільнота та підтримка фреймворку, масштабованість в контексті майбутніх потреб, вимоги до дизайну та інтерфейсу, оновлення та реалізація нових функцій, ліцензійні або комерційні обмеження. Вибір залежить від конкретних особливостей веб-додатку та команди. Тому важливо провести докладний аналіз та вибрати фреймворк, який найкраще підходить для обраних потреб. Розробка UI фреймворків спрямована на вирішення наступних задач: прискорення розробки, консистентності готового продукту, можливостей адаптивного дизайну, оновлення та підтримки та легкості вивчення і використання. Розглянуті найрозповсюджені фреймворки з різними функціональними можливостями, підходами та, які спрямовані на різні типи веб-додатків. Розглянуті фреймворки поділені на дві групи: CSS фреймворки та JavaScript фреймворки. Важливими аспектами CSS фреймворків є: тип дизайну, набір компонент, гнучкість налаштування, адаптивний дизайн, оновлення та підтримка, легкість вивчення та використання. Важливими аспектами Javascript фреймворків є: продуктивність та швидкодія, реактивність (збереження стану), розмір разом з бібліотеками, оновлення та підтримка, легкість вивчення та використання. Проведений короткий аналіз наступних фреймворків: React, Angular, Vue.js, Svelte, Material-UI, Ant Design, Foundation та Bootstrap. Сучасні фрейворки забезпечують вирішення завдань призначених прискорити розробку, поліпшити якість та забезпечити консистентний інтерфейс. Вибір між цими фреймворками залежить від вимог до кінцевого продукту, рівня досвіду, розміру проєкту та особистих вподобань.

Keywords