Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал:
http://elartu.tntu.edu.ua/handle/lib/41879| Назва: | Розробка веб-календаря для створення нотаток-нагадувань на основі React JS з використанням TypeScript |
| Інші назви: | Development of Web Calendar for Notes and Reminders Creation by Means of React.Js Using TypeScript |
| Автори: | Бачинський, Артур Васильович Bachynskiy, Artur Vasyliovych |
| Приналежність: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
| Бібліографічний опис: | Бачинський А. В. Розробка веб-календаря для створення нотаток-нагадувань на основі React JS з використанням TypeScript : кваліфікаційна робота освітнього рівня „Бакалавр“ „126 — інформаційні системи та технології“ / А. В. Бачинський. — Тернопіль : ТНТУ, 2023. — 53 с. |
| Дата публікації: | 23-чер-2023 |
| Дата подання: | 9-чер-2023 |
| Дата внесення: | 26-чер-2023 |
| Країна (код): | UA |
| Місце видання, проведення: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Науковий керівник: | Приймак, Микола Володимирович |
| Члени комітету: | Цуприк, Галина Богданівна |
| УДК: | 004.7 |
| Теми: | typescript redux web-calendar webstorm vscode notes reducer |
| Короткий огляд (реферат): | Кваліфікаційна робота присвячена розробці веб-сторінки з календарем для створення нотаток-нагадувань з використанням бібліотеки React JS 18.2.0 В першому розділі кваліфікаційної роботи описано архітектуру проекту, та його файлову структуру. Висвітлено сучасні технології напрямку frontend. Розглянуто середовище написання коду WebStorm. Також проаналізовано чому сучасні користувацькі бібліотеки зручні у написанні проектів. В другому розділі кваліфікаційної роботи досліджено спосіб авторизації користувача зі збереженням інформації про нього у локальному сховищі. Створено функціонал для додавання нотаток та можливість вибрати гостя до цієї нотатки. Був продемонстрований спосіб валідації для створення нотатки тільки у майбутньому часі. В третьому розділі кваліфікаційної роботи описано які є шляхи для підвищення життєдіяльності людини, також було проаналізовано санітарно-гігієнічні вимови до умов праці людини. The qualification work is designed to the development of a web page with a calendar for creating reminder notes using the React JS 18.2.0 library The first section of the qualification work describes the project architecture and file structure. Modern frontend technologies are highlighted. The WebStorm code writing environment is considered. It is also analyzed why modern UI libraries are convenient for writing projects. In the second section of the qualification work, was investigated the method of authorizing the user with saving information about him in the local storage. Functionality for creating notes and the ability to select a guest for this note is provided. A validation method was demonstrated to create a note only in the future tense. In the third section of the qualification work, the ways to improve the human activity are described, and the sanitary and hygienic requirements for human working conditions were also analyzed. |
| Зміст: | ВСТУП 6 РОЗДІЛ 1. ПОБУДОВА ФАЙЛОВОЇ СТРУКТУРИ ЗАВДАННЯ ТА ОПИС ВИКОРИСТАНИХ ТЕХНОЛОГІЙ 7 1.1 Вибір середовища написання коду 7 1.2 Файлова структура проекту 8 1.3 Історія та опис мови типізації TypeScript 10 1.4 Сучасна бібліотека React JS 13 1.5 Бібліотека для керування станом глобальних даних Redux 15 1.6 Висновок до першого розділу 18 РОЗДІЛ 2. ПРОЕКТУВАННЯ ТА РЕАЛІЗАЦІЯ ІНТЕРФЕЙСУ ВЕБ-КАЛЕНДАРЯ 19 2.1 Створення маршрутизації додатку 19 2.2 Керування глобальними даними 21 2.3 Реалізація посторінкової навігації 22 2.4 Функціонал авторизації у додаток 23 2.4.1 Валідація входу 30 2.5 Реалізація інтерфейсу та логіки календаря 33 2.5.1 Створення функціоналу для додавання нотаток 35 2.5.2 Валідація створення нотаток 41 2.6 Висновок до другого розділу 43 РОЗДІЛ 3. БЕЗПЕКА ЖИТТЄДІЯЛЬНОСТІ, ОСНОВИ ХОРОНИ ПРАЦІ 44 3.1 Шляхи підвищення життєдіяльності людини 44 3.2 Санітарно-гігієнічні вимоги до умов праці 47 3.3 Висновок до третього розділу 50 ВИСНОВКИ 51 ПЕРЕЛІК ДЖЕРЕЛ 52 |
| URI (Уніфікований ідентифікатор ресурсу): | http://elartu.tntu.edu.ua/handle/lib/41879 |
| Власник авторського права: | © Бачинський Артур Васильович, 2023 |
| Перелік літератури: | Документація щодо роботи з React JS [Електронний ресурс] – Режим доступу до ресурсу: https://react.dev/learn Документація щодо роботи з TypeScript [Електронний ресурс] – Режим доступу до ресурсу: https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html Документація щодо роботи з Redux [Електронний ресурс] – Режим доступу до ресурсу: https://redux.js.org/tutorials/essentials/part-1-overviewconcepts Використання бібліотеки Antd design [Електронний ресурс] – Режим доступу до ресурсу: https://ant.design/components/overview/?theme=dark. Документація щодо роботи з Local Storage [Електронний ресурс] – Режим доступу до ресурсу: https://developer.mozilla.org/enUS/docs/Web/API/Window/localStorage Веб-технології та веб-дизайн [Електронний ресурс] – Режим доступу: http://victoria.lviv.ua/html/wp/index.html – Дата доступу: 30.05.2023. – Загол. с екрана. Моделі потоків даних (DFD-моделі): призначення, місце застосування в системному аналізі, правила побудови, приклади [Електронний ресурс] – Режим доступу: http://victoria.lviv.ua/html/wp/index.html – Дата доступа: 15.05.2023 Основні методи аналізу виробничого травматизму [Електронний ресурс] – Режим доступу: http://pidruchniki.com/15341220/bzhd/ – Дата доступу: 12.04.2023. – Загол. з екрану. Ергономічні вимоги до організації робочих місць [Електронний ресурс] – Режим доступу: http:// pidruchniki.com/14821111/bzhd – Дата доступу: 12.04.2023. – Загол. з екрану. Охорона праці користувачів персональних комп'ютерів (ПК) [Електронний ресурс] – Режим доступу: http://library.if.ua/book/9/1016.html –Дата доступу: 20.04.2023. Загальні вимоги до виробничих приміщень для експлуатації ВДТ ЕОМ та ПЕОМ [Електронний ресурс] – Режим доступу: http://mybiblioteka.su/11-115960.html – Дата доступу: 20.04.2023. Перша долікарська допомога [Електронний ресурс] – Режим доступу: http://ua-referat.com/Перша_долікарська _допомога – Дата доступу: 22.04.2023. Надання першої допомоги потерпілим [Електронний ресурс] – Режим доступу: http://referatu.net.ua/newreferats/448/187221 – Дата доступу: 20.04.2023. Основи охорони праці [Електронний ресурс] – Режим доступу: http://ua.textreferat.com/referat-2127-1.html – Дата доступу: 20.04.2023. Гандзюк, М. П. Основи охорони праці [Текст] : підручник / М. П. Гандзюк, Є. П. Желібо, М. О. Халімовський ; за ред. М. П. Гандзюка ; МОН України. – 4 видання. – К. : Каравела, 2013. – 384 с. – ISBN966-8019-01-6 Гогіташвілі, Г. Г. Основи охорони праці [Текст] : навчальний посібник / Г. Г. Гогіташвілі, В. М. Лапін ; 4-те вид. випр. і доп. – К. : Знання, 2013. – 302 с. – ISBN 978-966-346-400-8 |
| Тип вмісту: | Bachelor Thesis |
| Розташовується у зібраннях: | 126 — Інформаційні системи та технології (бакалаври) |
Файли цього матеріалу:
| Файл | Опис | Розмір | Формат | |
|---|---|---|---|---|
| 2023_KRB_ST-41_Bachynskiy_AV.pdf | 2,93 MB | Adobe PDF | Переглянути/відкрити |
Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.
Інструменти адміністратора