Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/44478| Назва: | Розробка односторінкового веб-застосунку (SPA) з використанням Vue.js і React |
| Інші назви: | Single page web application (SPA) development using Vue.js and React |
| Автори: | Пасіка, Дмитро Романович Pasika, Dmytro |
| Приналежність: | Тернопільський національний технічний університет імені Івана Пулюя |
| Бібліографічний опис: | Пасіка Д. Р. Розробка односторінкового веб-застосунку (SPA) з використанням Vue.js і React: кваліфікаційна робота на здобуття освітнього ступеня магістр за спеціальністю „121 — інженерія програмного забезпечення“ / Д. Р. Пасіка. — Тернопіль: ТНТУ, 2023. — 120 с. |
| Дата публікації: | гру-2023 |
| Дата подання: | гру-2023 |
| Дата внесення: | 6-лют-2024 |
| Видавництво: | Тернопільський національний технічний університет імені Івана Пулюя |
| Країна (код): | UA |
| Місце видання, проведення: | Тернопіль |
| Науковий керівник: | Цуприк, Галина Богданівна |
| Члени комітету: | Литвиненко, Ярослава Володимирович |
| УДК: | 004.9 |
| Теми: | 121 інженерія програмного забезпечення односторінковий веб-застосунок SPA Vue.js React архітектура фреймворк бібліотека веб-компоненти |
| Кількість сторінок: | 120 |
| Короткий огляд (реферат): | Мета роботи полягає у порівнянні React та Vue, розробці односторінкового веб застосунку (SPA) з використанням бібліотеки React та односторінкового веб-застосунку (SPA) з використанням фреймворку Vue.js, подальшого їх порівняння.
В кваліфікаційній роботі проаналізовані ключові аспекти та відмінності бібліотек та фреймворків, а саме React та Vue.js. Проведено порівняльний аналіз та досліджено переваги і недоліки даних підходів реалізації програмних застосунків типу SPA. Розроблено веб-застосунок. The objective of this work is to compare React and Vue by developing a Single Page Application (SPA) using the React library and another SPA using the Vue.js framework, followed by their comparative analysis. In this qualification work, key aspects and differences of the libraries and frameworks, specifically React and Vue.js, are analyzed. A comparative analysis is conducted, exploring the advantages and disadvantages of these approaches in implementing SPA-type software applications. A web application has been developed. |
| Зміст: | Зміст ПЕРЕЛІК СКОРОЧЕНЬ 7 ВСТУП 8 1 ОГЛЯД ПРЕДМЕТНОЇ ОБЛАСТІ РОЗРОБКИ ВЕБ-ЗАСТОСУНКІВ 12 1.1 Веб застосунки 12 1.2 Застосування односторінкових веб-застосунків 16 1.3 Основні проблеми односторінкових веб-застосунків 18 1.4 Фреймворки та бібліотеки, різниця та значення в розробці веб застосунків 20 1.5 Проблеми використання фреймворків та бібліотек в односторінкових веб-застосунках 20 1.6 Апаратне та програмне забезпечення веб-систем та інструменти розробки SPA 21 1.7 Висновки огляду предметної області розробки веб застосунків 23 2 МЕТОДИ ТА АЛГОРИТМИ РОЗРОБКИ SPA З ВИКОРИСТАННЯМ REACT ТА VUE.JS АРХІТЕКТУРА ТА ПРИНЦИПИ REACT І VUE.JS 24 2.1 Архітектура та принципи React і Vue.js 24 2.2 Компоненти React і Vue.js 27 2.3 Стан в React і Vue.js 30 2.4 Менеджери стану додатку в React та Vue.js 34 2.5 Реактивність React та Vue.js 39 2.6 Методи життєвого циклу React та Vue 46 2.7 Тестування 54 2.8 Масштабованість та продуктивність 56 2.9 Висновки дослідження методів і алгоритмів роботи SPA з використанням Reavt та Vue.js 57 3 ОСОБЛИВОСТІ РОЗРОБКИ СИСТЕМИ ОДНОСТОРІНКОВОГО ВЕБ-ЗАСТОСУНКУ З ВИКОРИСТАННЯМ REACT І VUE.JS 58 3.1 Вибір інструментів та налаштування робочого середовища 58 3.2 Ініціалізація проекту 60 3.3 Розробка функціональності 65 3.4 Тестування 73 3.5 Висновки дослідження особливостей розробки систем односторінкових веб-додатків 77 4 ОХОРОНА ПРАЦІ ТА БЕЗПЕКА В НАДЗВИЧАЙНИХ СИТУАЦІЯХ 78 4.1 Охорона праці 78 4.2 Шкідливі та небезпечні фактори при використанні комп’ютерних систем та захист від них користувачів 83 4.3 Оцінка стійкості системи управління підприємством 86 ВИСНОВОК 91 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 92 ДОДАТОК А АПРОБАЦІЯ РЕЗУЛЬТАТІВ РОБОТИ 95 ДОДАТОК Б ЛІСТИНГ КОДУ 97 |
| URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/44478 |
| Власник авторського права: | © Пасіка Дмитро Романович, 2023 |
| Перелік літератури: | 1. React The library for web and native user interfaces [Електронний ресурс] – Режим доступу до ресурсу: https://react.dev/. 2. The Progressive JavaScript Framework [Електронний ресурс] – Режим доступу до ресурсу: https://vuejs.org/. 3. Stefanov S. React: Up & Running / Stoyan Stefanov, 2021. – (O\'Reilly Media, Inc.). 4. Macrae C. Vue.js: Up and Running / Callum Macrae, 2018. 5. Adam F. Pro React 16 / Freeman Adam, 2019. 6. Robin W. The Road to React / Wieruch Robin, 2017. 7. Haverbeke M. Eloquent JavaScript: A Modern Introduction to Programming / Marijn Haverbeke, 2018. 8. Wilson G. Software Design by Example: A Tool-Based Introduction with JavaScript / Greg Wilson, 2022. – 339 с. 9. Sekuloski R. JavaScript From Zero to Hero: The Most Complete Guide Ever, Master Modern JavaScript Even If You’re New to Programming / Rick Sekuloski., 2022. – 390 с. 10. Cherny B. Programming TypeScript: Making Your JavaScript Applications Scale / Boris Cherny, 2019. 11. Design Patterns: Elements of Reusable Object-Oriented Software / E.Gamma, R. Helm, R. Johnson, J. Vlissides., 1995. – 396 с. – (1). 12. Стручок В. С. БЕЗПЕКА В НАДЗВИЧАЙНИХ СИТУАЦІЯХ / В. С. Стругок. – Тернопіль. – 156 с. – (ФОП Паляниця В. А). 13. М.Р. Петрик, Д.М. Михалик, О.Ю. Петрик, Г.Б. Цуприк. Методичні вказівки до виконання атестаційної роботи магістра за спеціальністю 121 – “Інженерія програмного забезпечення” для усіх форм навчання [Текст] – Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя – 2020 – 27 с. 14. Нікольський Ю.В. Дискретна математика / Ю.В.Нікольський, В.В.Пасічник, Ю.М.Щербина – Львів: Магнолія Плюс, 2007. – 608 с. 15. Інформаційні технології видобутку даних (Data mining, високопродуктивні обчислення у складних системах): навчальний посібник ІВ Бойко, МР Петрик, Г Цуприк - 2020 16. Дискретні структури (Алгебраїчні та числові системи, комбінаторний аналіз) : навчально-методичний посібник для студентів спеціальності 121 «Інженерія програмного забезпечення», аспірантів та викладачів вищих навчальних закладів / Укладач : Бойко І.В., Петрик М.Р., Цуприк Г.Б. – Тернопіль : Тернопільський національний технічний університет імені Івана Пулюя, 2017 – 64 с. 17. Моделювання та видобуток даних (висопродуктивні обчислення у великих алгебраїчних та числових системх, комбінаторному аналізі): навчальний посібник. Тернопіль: : ТНТУ 2019 – 62 с. 18. Д.Р. Пасіка, Г.Б. Цуприк - Збірник тез доповідей VІІ науково-технічна конференція «Інформаційні моделі, системи та технології». Розробка одностороннього вкб-застосунку з використанням Vue.js і React: порівняльний аналіз продуктивності, користувацького досвіду та доцільності. – Тернопіль 13-14 грудня 2023 |
| Тип вмісту: | Master Thesis |
| Розташовується у зібраннях: | 121 — інженерія програмного забезпечення |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| dyplom_Pasika_D_2020.pdf | 1,95 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора