Разработка веб-приложений средствами React, Express

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ

УЧРЕЖДЕНИЕ ОБРАЗОВАНИЯ «ВИТЕБСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМЕНИ П.М. МАШЕРОВА»

Факультет математики и информационных технологий

Кафедра прикладного и системного программирования

КУРСОВОЙ ПРОЕКТ

по дисциплине «Конструирование программного обеспечения»

РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЙ СРЕДСТВАМИ REACT, EXPRESS

Панин Дмитрий Сергеевич,

2-й курс, 21ПОИТ1д

Руководитель:

Ермоченко Сергей Александрович,

заведующий кафедрой прикладного и системного программирования, кандидат физико-математических наук, доцент

Витебск, 2022

Реферат

Курсовая работа 43 с., 12 рис., 20 источников, 7 прил., 10 листингов

CLIENT-SERVER, FRONT END, BACK END, REACT, REDUX, HTTP, WEBSOCKET, NODE.JS, EXPRESS, JAVASCRIPT, TYPESCRIPT, БАЗЫ ДАННЫХ.

Объект исследования – архитектура и устройство клиентских и серверных приложений, система их взаимодействия.

Предмет исследования – возможность создания функционирующего веб-приложения онлайн-чата.

Цель работы – изучить и продемонстрировать возможности современных технологий создания веб-приложений на основе актуальных средств разработки, апробировать их в разработке веб-приложения.

Методы исследования: теоретическое изучение и анализ информации о средствах и способах разработки веб-приложений, сравнительно-сопоставительный анализ инструментов разработки, изучение и анализ технической литературы, применение полученной информации для создания приложения.

Элементы новизны: возможность использования современных и востребованных технологий в веб-разработке.

Теоретическая и практическая ценность: работа помогает выявить и оценить актуальные средства разработки веб-приложений, освоить практические навыки использования.

СОДЕРЖАНИЕ

ВВЕДЕНИЕ 4

1 Теоретическая часть 5

1.1 Выбор и обоснование средств разработки 5

1.1.1 Средства передачи данных по сети 5

1.1.2 Средства разработки серверного приложения 7

1.1.3 Средства разработки клиентского приложения 8

1.1.4 Хранение данных 9

1.2 Обзор возможностей и функционала выбранных технологий 10

1.2.1 Обзор Node.js и Express 10

1.2.2 Обзор React и Redux 13

1.2.3 Использование TypeScript 17

2 Практическая часть 18

2.1 Анализ требований 18

2.2 Разработка серверного приложения 19

2.2.1 Проектирование, используемые библиотеки 19

2.2.2 Реализация серверного приложения 22

2.3 Разработка клиентского приложения 30

2.2.1 Проектирование, используемые библиотеки 30

2.2.2 Разработка клиентского приложения 33

Заключение 42

Список использованных источников 43

ВВЕДЕНИЕ

Информационные технологии пронизывают все сферы жизни и деятельности человека. В наше время трудно представить продукт высоких технологий, который не использовал бы в процессе своего функционирования интернет. Для понимания этого процесса коммуникации удалённых устройств необходимо определить данное понятие.

Интернет — это глобальная сетевая система, облегчающая всемирную связь и доступ к ресурсам данных через огромное количество