Отчет по преддипломной практике. ReactJS + Redux, Angular 2+, NodeJS + Express. MongoDB

Введение 3
1 Постановка задачи на практику 4
2 Выполнение работы по практике 5
2.1 Платформа Node и фреймворк Express 5
2.2 Фреймворк Angular 2+ 5
2.3 Библиотеки ReactJS и Redux 6
2.4 База данных MongoDB 6
2.5 Серверная часть 6
2.5.1 Создание моделей 7
2.5.2 Создание контроллеров 7
2.5.3 Сборка всех контроллеров и запуск приложения 8
2 .6 Клиентская часть на ReactJS и Redux 8
2.6.1 Создание базовых компонентов. 9
2.6.2 Создание хука для обращения к базе данных 9
2.6.3 Создание состояния. 9
2.6.4 Создание роутов 10
2.6.5 Сборка приложения с помощью Webpack 10
2.6.6 Отрисовка приложения на сервере 10
2.7 Клиентская часть на Angular 2+ 10
2.7.1 Создание компонентов 10
2.7.2 Создание сервисов 11
2.7.3 Создание роутинга 11
2.8 Авторизация 11
2.8.1 Авторизация с помощью JWT 12
2.8.2 Обновление токена 12
Заключение 13
Приложение А 14
Листинг программ 14

Введение


Преддипломная практика проходила в ООО «ИВА-Гомель-Парк» в период с 10.02.2020 г. по 21.03.2020 г.
Цели практики: изучение веб-технологий для создания фулстэк веб-приложений. Изучения библиотеки ReactJS, фреймворка Angular 2+, платформы NodeJS.
Задача практики: изучение и овладение веб-технологиями ReactJS + Redux, Angular 2+, NodeJS + Express.

1 Постановка задачи на практику

В ходе преддипломной практики разработать веб-приложение Tours of Heroes для освоения веб-технологий.
Приложение должно содержать 2 клиентские части и серверную.
С помощью фреймворка Angular 2+ должна быть реализована первая клиентская часть, должны соблюдаться концепции ООП, приложение запускается отдельно от серверной части.
Используя библиотеку ReactJS и Redux должна быть реализована вторая клиентская часть. Должны соблюдаться принципы разработки на ReactJS (умные компоненты и т.д.). Приложение должно быть собранно любым веб-сборщиком, в собранный файл должно добавляться первоначальное состояние для Redux. Собранное приложение должно отрисовываться сервером и отдаваться по главной конечной точке.
С помощью NodeJS + Express должна быть реализован серверная часть.
Должны быть соблюдены принципы разработки Express, запросы должны обрабатыватся промежуточными обработчиками, а не одним методом.
Все части приложения должны быть покрыты тестами.
2 Выполнение работы по практике
2.1 Платформа Node и фреймворк Express
Node или Node.js — программная платформа, основанная на движке V8 (транслирующем JavaScript в машинный код), превращающая JavaScript из узкоспециализированного языка в язык общего назначения. Node.js добавляет возможность JavaScript взаимодействовать с устройствами ввода-вывода через свой API (написанный на C++), подключать другие внешние библиотеки, написанные на разных языках, обеспечивая вызовы к ним из JavaScript-кода. Node.js применяется преимущественно на сервере, выполняя роль веб-сервера, но есть возможность разрабатывать на Node.js и десктопные оконные приложения (при помощи NW.js, AppJS или Electron для Linux, Windows и macOS) и даже программировать микроконтроллеры (например, tessel и espruino). В основе Node.js лежит событийно-ориентированное и асинхронное (или реактивное) программирование с неблокирующим вводом/выводом.
...

Отчет по преддипломной практике
С кодом.

Цели практики: изучение веб-технологий для создания фулстэк веб-приложений. Изучения библиотеки ReactJS, фреймворка Angular 2+, платформы NodeJS.
Задача практики: изучение и овладение веб-технологиями ReactJS + Redux, Angular 2+, NodeJS + Express.

МИНИСТЕРСТВО ОБРАЗОВАНИЯ РЕСПУБЛИКИ БЕЛАРУСЬ
Учреждение образования
«Гомельский государственный университет
имени Франциска Скорины»

Факультет математики и технологий программирования
Кафедра математических проблем управления и информатики