Публикации - Разработка проектов в обучающем процессе переподготовки студентов на базе высшего образования

Этапы разработки проекта на примере web-приложения - Этапы разработки

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

Этапы разработки web-приложения:

  • Заведение аккаунтов в следующих системах: Google, Discord, Github, Erud.by, Figma, Amazon.

  • Установка программного обеспечения: web-браузера с набором пакетов для разработки, интегрированная среда разработки PHPStorm, система контроля версий git с пользовательским интерфейсом SublimeMerge, локального сервера для языка программирования PHP, системы развёртывания интерфейсов Docker, инструмент для тестирования Postmen.

  • Разработка макета главной страницы для будущего web-приложения. Разработка макета ведётся в программе Figma. При необходимости разрабатывается несколько адаптивных вариантов макета главной страницы или другие страницы web-приложения.

  • Вёрстка макета с использованием HTML и CSS. Изучение библиотек Bootstrap и jQuery. Использование готовых шаблонов Bootstrap.

  • Подключение базы данных MySQL.

  • Разработка серверной части, бэкенд API для web-приложения. Для разработки серверной части приложения воспользуемся языком программирования PHP и фрэймворком Laravel. Задачи возгалаемые на серверный фрэймворк: преоборазование данных из MySQL в JSON, авторизация и аутенификация пользователей в системе, система администрирования, сохранение пользовательских данных, отправка сообщений пользователю, прослушка пользовательских событий, группировка задач в программные очереди, серверная маршрутизация и другие серверные задачи.

  • Разработка клиентской части web-приложения. С использованием фронтенд фрэймворка Vue. Задачи возлагаемые на фронтенд фрэймворк: клиентская маршрутизация, формирование интерфейса взаимодействия с пользователем, шаблонизация web-приложения, разрабтка компонентов, вывод данных из формата JSON по серверным маршрутам, шаблонизация проекта и разбивка шаблонов на многократно-используемые компоненты. Для решения поставленных задач используется JavaScript и Node.js, пакетный менеджер NPM, препроцессоры SASS, SCSS.

  • Тестирование. С использованием инструмента Postmen.

  • Использование систем управления проектом и систем постановки задач. Jira, Bitrix24.

  • Внедрение новых идей в проект. При этом далее паралельно ведётся разрработка бэкенд и фронтенд частей, их взаимодействие и тестирование. Так, в отличии от десктопных программ, разработка web-приложения — это бесконечный процесс.

Количество комментариев: 0

Для того, чтобы оставить коментарий необходимо зарегистрироваться