Разработка веб-сайта для аудио и видео контента

ВВЕДЕНИЕ 4
1. ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ВЕБ-РАЗРАБОТКИ 6
1.1. Основные понятия веб-разработки 6
1.2 Принципы веб-разработки 8
1.3 Выбор среды программирования 10
1.4 Анализ рынка веб-сайтов для аудио и видео контента 11
Выводы по первой главе 12
2. РАЗРАБОТКА ВЕБ-САЙТА ДЛЯ АУДИО И ВИДЕО КОНТЕНТА 13
2.1 Подготовка к разработке веб-сайта 13
2.2 Разработка веб-сайта 14
2.3 Разработка аудиоплеера 30
ЗАКЛЮЧЕНИЕ 47
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 49

Весь текст будет доступен после покупки

Веб-сайт для аудио и видео контента – это удобный способ получения контента пользователю. Раньше, до широкого распространения интернета, покупка дисков на радиорынках была обыденностью. Обычно такие места располагались в местах с большой проходимостью людей, поэтому помимо техники, можно было найти и многое другое. Перед тем как купить диск, нужно было узнать, где находится рынок и только потом приехать. Так-же нужно было выделить свободное время, ведь для выбора уходили часы и не факт, что покупатель уйдет с покупкой. С собой брали наличные деньги, так как оплата картами была редкой для того времени.
Цены на диски варьировались, и покупатели торговались с продавцами, особенно если покупка была обширной и включала в себя несколько дисков, а может еще и технику. Перед оплатой покупатели проверяли диски на наличие царапин или трещин, так как с такими дефектами диски могли попросту не работать. Диски упаковывались в бумажные конверты, но могли идти и с пластиковой защитной коробкой.
Поход за диском был не обычной прогулкой, а сопровождался особенной атмосферой, с большим количеством людей, различной музыкой из разных уголков и торгами между покупателем с продавцом. Помимо дисков, можно было купить футболки с изображением артистов, плакаты и редкие копии композиций. Поход за очередным диском на радиорынок был целым событием, которое приносило общение с различными людьми со своими вкусами в музыке и видео, которое было утрачено в нынешнее время, но небольшие прилавки с дисками все еще можно найти, но это уже не те масштабы.

Весь текст будет доступен после покупки

ТЕОРЕТИЧЕСКИЕ АСПЕКТЫ ВЕБ-РАЗРАБОТКИ
1.1. Основные понятия веб-разработки

Первым делом стоит отметить, что HTML и CSS не являются языками программирования, а лишь позволяют структурировать данные на веб-сайте, которые пользователь решит разместить.
HMTL расшифровывается как HyperText Markup Language, то есть язык гипертекстовой разметки. Он позволяет различным разработчикам определять структура веб-сайта. Иными словами, он комплектует написанный код и выводит через браузер. HTML предоставляет различные функции, такие как заголовки, списки, ссылки, изображения и видео. Все элементы заключаются в теги, что дает больше структурированности и «Чистоты» кода, который пользователь напишет. Логотип HTML изображен на рисунке 1.


Рисунок 1 – Логотип HTML

CSS используется для форматирования HTML документа, позволяя разработчикам вывести весь написанный код в красивой обертке. CSS позволяет пользователю задать различные визуальные атрибуты, которые помогут минимально скрасить веб-сайт без установки дополнительных библиотек.
Дополнительные библиотеки для CSS позволяют расширять, упрощать и ускорять работу, позволяя пользователю создавать сложные и обширные интерфейсы, с которыми пользователь сможет взаимодействовать. Логотип CSS изображен на рисунке 2.

Рисунок 2 – Логотип CSS

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


Рисунок 3 – Логотип JavaScript

Фронтэнд разработка – это разработка, отвечающая за создание визуальной оболочки пользовательского интерфейса [1, стр. 232]. Основными инструментами «Фронт» разработчиков являются HTML, CSS, JS и прилегающие к ним внешние библиотеки. Также используются фреймворки, такие как React и другие. Благодаря такому обширному выбору инструментов, разработчики создают современные и функциональные веб-сайты и веб-приложения.
Бэкенд разработка – эта разработка отвечает уже за управление данными, логику серверов и взаимодействие с базами данных. Бэкенд разработчик использует в своем арсенале такие языки программирования, как Python, PHP, Node.js и отвечает за работу с базами данных. Неотъемлемой частью бэкенд разработчиков является безопасность данных, так как в современном мире, информация и данные важнее всего. Схема фронтэнд и бэкенд разработки на рисунке 4.


Рисунок 4 – Схема фронтэнд и бэкенд разработки

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

1.2 Принципы веб-разработки

Принципы веб-разработки используются для создания высококачественных веб-сайтов и веб-приложений, которые помогают разработчикам учитывать различные аспекты разработки проекта. Благодаря данным принципам, разработчики тщательнее относятся к удобству использования, визуальной части и конечно же безопасности.
Обеспечение качественного пользовательского опыта – это принципы для разработчиков, помогающие создавать легкие и понятные в навигации сайты, которые приятно использовать. Это должно в себя включать правильное расположение интерфейса, интуитивно понятную навигацию и быстрый доступ к информации.
Расширение доступности – принцип веб-разработки, направленный на доступность использования веб-сайтом людей, имеющих ограниченные возможности.
Обеспечение безопасности – принцип веб-разработки, помогающий защитить данные от внешних угроз, таких как кибер-атаки и взломы. В обеспечение безопасности также включается регулярное обновление программного обеспечения, которое напрямую влияет на безопасность.

Весь текст будет доступен после покупки

1. Иванов А.А. Основы веб-разработки. – М.: Издательство МГТУ им. Н.Э. Баумана, 2018. – 320 с.
2. Петров В.Б. Программирование веб-приложений с использованием HTML, CSS и JavaScript. – СПб.: БХВ-Петербург, 2020. – 288 с.
3. Сидоров К.В. Веб-технологии. – М.: ДМК Пресс, 2019. – 224 с.
4. Казаков А.А. Создание интернет-магазина. – М.: Питер, 2017. – 352 с.
5. Шевченко Г.Г. Основы веб-дизайна. – Киев: Издательство Национального университета, 2019. – 208 с.
6. Гусева Е.П. Программирование на JavaScript. – М.: Кудиц-образ, 2018. – 256 с.
7. Исаченко А.В. Основы веб-графики. – СПб.: Питер, 2020. – 192 с.
8. Белоусов Д.М. Введение в разработку веб-сайтов. – М.: Издательство "Логосфера", 2019. – 304 с.
9. Лебедев С.Н. Создание веб-приложений с использованием PHP и MySQL. – М.: ДМК Пресс, 2018. – 272 с.
10. Соколов Д.А. Разработка веб-приложений на основе Node.js. – М.: Издательство "Бином. Лаборатория знаний", 2020. – 320 с.
11. Павлова Е.И. Проектирование веб-интерфейсов. – СПб.: БХВ-Петербург, 2017. – 240 с.

Весь текст будет доступен после покупки