Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/49082
Назва: Розробка інтернет магазину техніки з використанням React та TypeScript
Інші назви: Development of an online appliance store using React and TypeScript
Автори: Свинарчук, Павло Андрійович
Приналежність: ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра програмної інженерії, м. Тернопіль, Україна
Бібліографічний опис: Свинарчук Павло Андрійович. Розробка інтернет магазину техніки з використанням React та TypeScript : спец. 121 - інженерія програмного забезпечення / наук. кер. Михалик Дмитро Михайлович. Тернопіль: – Тернопільський національний технічний університет імені Івана Пулюя, 2025. 79 с.
Дата публікації: чер-2025
Дата подання: 9-чер-2025
Дата внесення: 27-чер-2025
Країна (код): UA
Місце видання, проведення: ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна
Науковий керівник: Михалик, Дмитро Михайлович
Члени комітету: Чайковський, Андрій Вікторович
Теми: інженерія програмного забезпечення Front-end React TypeScript
software engineering Front-end React TypeScript
Короткий огляд (реферат): Кваліфікаційна робота присвячена розробці веб-платформи для створення та управління блогами з використанням React та TypeScript. Основною метою є створення зручного, ефективного та сучасного інтерфейсу, який дозволяє користувачам створювати, редагувати та переглядати блог-дописи. У роботі проведено аналіз предметної області, визначено вимоги до функціональності платформи та обґрунтовано вибір технологій. Реалізація здійснена за допомогою компонентного підходу, з використанням можливостей статичної типізації TypeScript для підвищення надійності та підтримуваності коду. Результатом є адаптивний веб-додаток із сучасним дизайном і базовою функціональністю для ведення блогів, який може слугувати основою для подальшого розширення або інтеграції з серверною частиною.
Опис: The qualification work is devoted to the development of a web platform for creating and managing blogs using React and TypeScript. The main goal is to create a convenient, effective and modern interface that allows users to create, edit and view blog posts. The work analyzes the subject area, determines the requirements for the platform's functionality and justifies the choice of technologies. The implementation is carried out using a component approach, using the capabilities of TypeScript static typing to increase the reliability and maintainability of the code. The result is an adaptive web application with a modern design and basic functionality for blogging, which can serve as the basis for further expansion or integration with the backend.
Зміст: ВСТУП 10 РОЗДІЛ 1. ТЕОРЕТИЧНІ ОСНОВИ ТА ІНСТРУМЕНТИ ФРОНТЕНД-РОЗРОБКИ 12 1.1 Основи фронтенд розробки 12 1.1.1 Семантика HTML 12 1.1.2 Відокремлення структури, стилів і логіки 12 1.1.3 Доступність та зручність для користувача 13 1.2 Базові технології фронтенду 13 1.3 Сучасні концепції фронтенду 14 1.3.1 DOM і динамічність 14 1.3.2 Переваги TypeScript 14 1.4 Компонентний підхід у сучасній розробці (React) 15 1.4.1 Основні концепції React 15 1.4.2 Порівняння React з конкурентами 15 1.5 Екосистема React 15 1.6 Переваги використання TypeScript з React. 16 1.7 Інструменти для підтримки якості коду 17 1.8 Адаптивність і стратегія Mobile First 17 РОЗДІЛ 2. АНАЛІЗ ВИМОГ ДО СИСТЕМИ 18 2.1 Загальні положення 18 2.2 Технологічні засади 18 2.1 Користувацький функціонал 18 2.4 Функціонал адміністратора 19 2.5 Архітектурне рішення 20 2.6 Загальні положення 20 РОЗДІЛ 3. РОЗРОБКА ІНТЕРНЕТ-МАГАЗИНУ НА REACT ТА TYPESCRIPT 21 3.2 Проєктування вебплатформи “Nice gadgets” 21 3.2.1 Модель предметної області інтернет-магазину 22 3.2.2 Архітектура фронтенд-застосунку 22 3.4 Ініціалізація проекту 24 3.5 Розробка інтерфейсу: компоненти, маршрутизація, адаптивність 24 3.6 Тестування UI прототипу платформи “Nice gadgets” 28 Висновки 33 СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ 34
URI (Уніфікований ідентифікатор ресурсу): http://elartu.tntu.edu.ua/handle/lib/49082
Власник авторського права: © Свинарчук Павло Андрійович , 2025
Перелік літератури: Duckett J. HTML and CSS: Design and Build Websites. Wiley, 2011
Freeman E. & Robson E. Head First JavaScript Programming. O'Reilly Media, 2014.
Abramov D. React Documentation — https://react.dev
Microsoft. TypeScript Documentation — https://www.typescriptlang.org/docs
Flanagan D. JavaScript: The Definitive Guide. O'Reilly Media, 2020.
Mozilla Developer Network (MDN). HTML, CSS, JS Guides — https://developer.mozilla.org/
. Vite Documentation — https://vitejs.dev/guide/
Marcotte E. Responsive Web Design. A Book Apart, 2011.
React Router Docs — https://reactrouter.com/en/main
Хмельовський В., Мотрич М., Скібчик В., Марчиниша Є., Білько Т. Охорона праці : навч. посіб. для студентів ОПП «Бакалавр». – К. : Центр учбової літератури, 2023. – 594 с.
Пістун І.П., Кочубей В.І. Безпека життєдіяльності. – К. : Університетська книга, 2025. – 575 с.
.Безпека життєдіяльності. Основи охорони праці :електронний курс лекцій / І.Б. Окіпний, О.Я. Гурик. – Тернопіль : ТНТУ ім. І. Пулюя, 2025. – [Електронний ресурс] – Режим доступу: https://dl.tntu.edu.ua/index.php(доступ для зареєстрованих користувачів).
ДСТУ 22787-2016 Системи управління охороною праці. Загальні вимоги,[Електронний ресурс] – Режим доступу:https://online.budstandart.com/ua/catalog/doc-page.html?id_doc=63821
Закон України «Про охорону праці» [Електронний ресурс] – Режим доступу:https://zakon.rada.gov.ua/laws/show/2694-12#Tex
Тип вмісту: Bachelor Thesis
Розташовується у зібраннях:121 — Інженерія програмного забезпечення (бакалаври)

Файли цього матеріалу:
Файл Опис РозмірФормат 
dyplom_Svynarchuk_2025.pdf1,03 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.

Інструменти адміністратора