Παρακαλώ χρησιμοποιήστε αυτό το αναγνωριστικό για να παραπέμψετε ή να δημιουργήσετε σύνδεσμο προς αυτό το τεκμήριο:
http://elartu.tntu.edu.ua/handle/lib/41879| Title: | Розробка веб-календаря для створення нотаток-нагадувань на основі React JS з використанням TypeScript |
| Other Titles: | Development of Web Calendar for Notes and Reminders Creation by Means of React.Js Using TypeScript |
| Authors: | Бачинський, Артур Васильович Bachynskiy, Artur Vasyliovych |
| Affiliation: | ТНТУ ім. І. Пулюя, Факультет комп’ютерно-інформаційних систем і програмної інженерії, Кафедра комп’ютерних наук, м. Тернопіль, Україна |
| Bibliographic description (Ukraine): | Бачинський А. В. Розробка веб-календаря для створення нотаток-нагадувань на основі React JS з використанням TypeScript : кваліфікаційна робота освітнього рівня „Бакалавр“ „126 — інформаційні системи та технології“ / А. В. Бачинський. — Тернопіль : ТНТУ, 2023. — 53 с. |
| Issue Date: | 23-Ιου-2023 |
| Submitted date: | 9-Ιου-2023 |
| Date of entry: | 26-Ιου-2023 |
| Country (code): | UA |
| Place of the edition/event: | ТНТУ ім. І.Пулюя, ФІС, м. Тернопіль, Україна |
| Supervisor: | Приймак, Микола Володимирович |
| Committee members: | Цуприк, Галина Богданівна |
| UDC: | 004.7 |
| Keywords: | typescript redux web-calendar webstorm vscode notes reducer |
| Abstract: | Кваліфікаційна робота присвячена розробці веб-сторінки з календарем для створення нотаток-нагадувань з використанням бібліотеки 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. |
| Content: | ВСТУП 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 |
| Copyright owner: | © Бачинський Артур Васильович, 2023 |
| References (Ukraine): | Документація щодо роботи з 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 |
| Content type: | Bachelor Thesis |
| Εμφανίζεται στις συλλογές: | 126 — Інформаційні системи та технології (бакалаври) |
Αρχεία σε αυτό το τεκμήριο:
| Αρχείο | Περιγραφή | Μέγεθος | Μορφότυπος | |
|---|---|---|---|---|
| 2023_KRB_ST-41_Bachynskiy_AV.pdf | 2,93 MB | Adobe PDF | Δείτε/ Ανοίξτε |
Όλα τα τεκμήρια του δικτυακού τόπου προστατεύονται από πνευματικά δικαιώματα
Εργαλεία διαχειριστή