Создание клиентской части веб-приложения для просмотра фотографий
Аннотация
Данная выпускная квалификационная работа раскрывает тему создания клиентской части веб приложения с использованием современных технологий. В проекте используется хорошо известная JavaScript библиотека React, созданная компанией «Facebook» и «Instagram», которая имеет непрерывную поддержку разработчиков.
Управлять состоянием приложения и отлеживать его изменения будет библиотека Redux. Особенностью данной библиотеки является особый подход к организации состояния приложения, хорошая документация, простота использования, гибкость и хорошая поддержка разработчиков.
Любое веб-приложение содержит пользовательский интерфейс. Пользовательский интерфейс (UI) – это точка взаимодействия человека и устройства. Разработка пользовательского интерфейса (UI) – это процесс создания интерфейсов в программном обеспечении или компьютеризированных устройствах с акцентом на внешний вид или стиль. UI должен быть простыми и приятными в использовании. Дизайн пользовательского интерфейса обычно относится к графическим интерфейсам пользователя, но также включает и другие, такие как голосовые интерфейсы.
React является декларативной, эффективной и гибкой библиотекой JavaScript для создания пользовательских интерфейсов. С ее помощью можно создавать сложные пользовательские интерфейсы из небольших и изолированных частей кода, называемых «компонентами». Компоненты используются, чтобы сообщить React, что мы хотим видеть на экране. Когда наши данные изменятся, React будет эффективно обновлять и повторно отображать наши компоненты.
Пользовательский интерфейс моего приложения разделен на страницы. Точкой входа случит страница, на которой размещена лента фотографий с непрерывным процессом дополнения контентом при пролистывании. Каждая фотография имеет страницу с подробным описанием и ссылкой на профиль автора. Профили размещены на страницах, где доступна вся информация, размещенная пользователем. Такие страницы содержат функционал для подписки на обновления фотографий.
Таким образом, разработанный пользовательский интерфейс и реализованная логика взаимодействия интерфейса с пользователем объединяются в клиентскую часть веб-приложения, которое может быть использовано в браузере.
Управлять состоянием приложения и отлеживать его изменения будет библиотека Redux. Особенностью данной библиотеки является особый подход к организации состояния приложения, хорошая документация, простота использования, гибкость и хорошая поддержка разработчиков.
Любое веб-приложение содержит пользовательский интерфейс. Пользовательский интерфейс (UI) – это точка взаимодействия человека и устройства. Разработка пользовательского интерфейса (UI) – это процесс создания интерфейсов в программном обеспечении или компьютеризированных устройствах с акцентом на внешний вид или стиль. UI должен быть простыми и приятными в использовании. Дизайн пользовательского интерфейса обычно относится к графическим интерфейсам пользователя, но также включает и другие, такие как голосовые интерфейсы.
React является декларативной, эффективной и гибкой библиотекой JavaScript для создания пользовательских интерфейсов. С ее помощью можно создавать сложные пользовательские интерфейсы из небольших и изолированных частей кода, называемых «компонентами». Компоненты используются, чтобы сообщить React, что мы хотим видеть на экране. Когда наши данные изменятся, React будет эффективно обновлять и повторно отображать наши компоненты.
Пользовательский интерфейс моего приложения разделен на страницы. Точкой входа случит страница, на которой размещена лента фотографий с непрерывным процессом дополнения контентом при пролистывании. Каждая фотография имеет страницу с подробным описанием и ссылкой на профиль автора. Профили размещены на страницах, где доступна вся информация, размещенная пользователем. Такие страницы содержат функционал для подписки на обновления фотографий.
Таким образом, разработанный пользовательский интерфейс и реализованная логика взаимодействия интерфейса с пользователем объединяются в клиентскую часть веб-приложения, которое может быть использовано в браузере.