ВВЕДЕНИЕ 2
ГЛАВА 1. ТЕОРИЯ СОЗДАНИЯ SPA - ПРИЛОЖЕНИЯ 5
1.1 Выбор технологий 5
1.2 Выбор Javascript - фреймворка 8
1.3 Сравнение Vue Js и React Js 9
1.4 Сравнение Vue Js и Angular Js 15
1.5 Сравнение Vue Js и Angular 2 17
1.6 Создание API 19
ГЛАВА 2. РЕАЛИЗАЦИЯ 22
2.1 Регистрация маршрутов и их обработка 22
2.2 Создание базы данных 25
2.3 Однофайловые компоненты 27
2.4 Роутинг и отправка запросов на сервер 29
ЗАКЛЮЧЕНИЕ 32
СПИСОК ЛИТЕРАТУРЫ
Приложения должны быть в работе, но в данный момент отсутствуют
Интернет - технологии развиваются довольно стремительно. Довольно быстро растет количество сайтов в сети. Начиная от обычных блогов и заканчивая корпоративным гигантами. Но важен не только конечный результат, который будут использовать пользователи. Но так же, не менее важен и сам процесс разработки, а так же дальнейшей поддержки проекта. Начиная от инструментов, которые ускоряют разработку и заканчивая выбором языка программирования. На данный момент существует большое количество инструментов для упрощения разработки. Каждый инструмент нужно выбирать исходя из поставленных целей.
Целью данной работы является процесс создания нового вида сайтов: одностраничных приложений (Single Page Application). SPA - это веб - приложение, использующее в качестве точки входа единственный HTML - документ. При входе на такое веб - приложение загружается единственный корневой HTML - файл и вся работа происходит непосредственно в этом файле с помощью навигаций на клиенте (роутинг). Примером такого приложения является Gmail. Для создания такого веб - приложения нужно несколько элементов:
1. Клиентский фреймворк.
2. Роутинг на клиенте (роутер).
3. Шаблонизатор.
4. API для работы с сервером.
5. Ajax - запросы.
Актуальность выбранной темы дипломной работы обусловлена тем, что количество таких приложений в сети растет и пользуется большим спросом у пользователей. В отличие от обычных сайтов вся информация загружается без перезагрузки страницы с помощью технологии Ajax (асинхронный Javascript и XML) и работает быстрее, т.к. браузеру не надо постоянно
обращаться к серверу. В качестве языков программирования были выбраны 2 языка:
1. Для программирования клиентской части Javascript (Стандарт ES6).
2. Для создания API был выбран PHP.
Так же для разработки были выбраны следующие инструменты:
1) Препроцессор SCSS.
2) Task - runner GULP.
3) Клиентский фреймворк Vue JS 2.
4) PHP фреймворк Laravel.
5) Сборщик проекта Webpack.
6) Локальный сервер OpenServer.
7) СУБД MySQL.
В теоретической части диплома я остановлюсь подробнее на данных технологиях и аргументирую свой выбор инструментария. В процессе написания дипломной работы был проведен анализ документаций к выбранным технологиям, изучены лучшие практики использования инструментов, а так же тонкости и недостатки выбранных языков программирования.
Для достижения поставленной цели требуется решить следующие задачи:
1. Провести обзор литературы по выбранной тематике.
2. Изучить архитектуру, инструменты, особенности выбранных языков программирования.
3. Создать дизайн приложения.
4. Сверстать сайт согласно макету.
5. Разработать клиентскую архитектуру и API для работы с сервером.
6. Провести тестирование веб - приложения.
Объектом исследования является процесс создания SPA - приложений. Результатом исследования является веб - приложение для поиска попутчиков - путешественников.
В первой главе рассмотрены теоретические основы создания одностраничных - приложений, обосновывается выбор инструментов и языков программирования.
Во второй главе рассматривается практическая часть создания SPA - приложений. Объяснена работа с фреймворками и инструментарием для разработки. Описаны лучшие практики использования выбранных технологий.
Новизна исследования - характеризуется тем, что подробно описано создание одностраничных приложений на новых технологиях. Переосмысление процесса создания сайта и рабочего окружения.
С развитием новых технологий и инструментов разработки постоянно происходит прогресс разработки сайтов и веб - приложений. Когда - то от клиента требовалась только верстка - вся логика была описана серверным языком программирования. Теперь же большую часть работы на себя берет клиент. Такой подход существенно снимает нагрузку с сервера и ускоряет работу сайта. Поэтому для создания таких приложений нужно обладать знаниями новых технологий и инструментов к ним.
Перед нами была поставлена цель изучить процесс создания SPA - приложений и написание REST API для него, а так же изучить необходимые фреймворки для каждой задачи. На основании изучения документаций были выбраны инструменты для разработки приложения.
Изучены Best Practice по тем или иным фреймворкам. На основании полученных знаний было создано приложение - соц. сеть, которое помогает найти попутчика для путешествий. Приложение обладает приятным и интуитивным пользовательским интерфейсом. Приложение работает без перезагрузки страницы с помощью технологии Ajax. Пользователь единожды загружает все данные от сервера при первом посещении сайта, далее в фоновом режиме погружаются только необходимые данные, а не страницы целиком как на обычном сайте. Благодаря новым технологиям нам удалось создать большое приложение за столь короткий срок и без особых проблем.
