Фрагмент для ознакомления
2
Требования к языкам программирования. Для реализации статических страниц и шаблонов должны использоваться языки HTML 4.0 и CSS. Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и фреймворк React.js.
Требования к организации гиперссылок Все ссылки на сайте должны быть относительными.
Требования к иллюстрациям Все рисунки и фото объемом более 1 kb должны иметь замещающий текст. Все рисунки должны быть в формате gif или jpg.
Требования к объему одной страницы Объем одной стандартной загружаемой страницы сайта в среднем не должен превышать 170 kb.
Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых полей для основных типов разрешения. Элементы управления должны быть сгруппированы однотипно – горизонтально либо вертикально – на всех страницах.
Требования к программному обеспечению. Веб-сайт должен отображаться в различных браузерах.
1.4 Обзор и выбор инструментальных средств разработки веб-сайта
Для разработки веб-сайта имеется большое количество программных средств, в состав которых входит локальный веб-сервер, средства для frontend и backend разработки.
Frondend разработка представляет собой пользовательский интерфейс, все, что видит пользователь на экране: страницы сайта, меню, кнопки, формы, поля ввода, изображения, текст, видео и др. Для разработки пользовательского представления используется:
HTML – язык гипертекстовой разметки;
CSS – таблицы стилей;
язык JavaScript и связанные с ним фреймворки — React.js, Angular и Vue.js.
React.js – является мощным инструментом для создания пользовательских интерфейсов;
Angular – фреймворк от компании Google для разработки одностраничных сайтов;
Vue.js – фреймворк для декларативного представления Dom-элементов с помощью простых шаблонов.
Статистика показывает, что наиболее популярным фреймворком является React.js. React.js представляет собой бесплатную библиотеку JavaScript с открытым исходным кодом, которая используется при создании пользовательских интерфейсов на основе компонентов. Основа React – парадигмы декларативного программирования. Декларативное программирование предусматривает изменение заданных DOM-элементов только в случае изменения состояния этого элемента.
Показать больше
Фрагмент для ознакомления
3
1 Алексеев, А.С. Введение в Web-дизайн. Учебное пособие. [Текст]/А.С.Алексеев. — М.: ДМК Пресс, 2019. — 184 c.
2 Васильев, В.В. Практикум по WЕВ-технологиям [Текст]/В.В. Васильев. – М.: ФОРУМ, 2013. – 416 с.
3 Гарретт Д. Веб-дизайн. Элементы опыта взаимодействия [Текст] / Д. Гарретт. — СПб.: Символ-плюс, 2015. — 192 c.
4 Гарретт Джесс. Веб-дизайн. Элементы опыта взаимодействия [Текст]/ Гарретт Джесс. — М.: Символ-Плюс, 2020. — 285 c.
5 Дакетт Д. HTML и CSS. Разработка и дизайн веб-сайтов. [Текст]/ Д. Дакетт. — М.: Эксмо, 2019. — 480 c.
6 Климов, Александр JavaScript на примерах / Александр Климов. - М.: БХВ-Петербург, 2019. - 135 c.
7 Макфарланд, Дэвид JavaScript. Подробное руководство / Дэвид Макфарланд. - М.: Эксмо, 2020. - 608 c.
8 Мардан Азат, React быстро [Текст]/ Азат Мардан. – СПБ.:Manning. 2020. – 471 с.
9 Стефанов, С. React.js. Быстрый старт [Текст]/Стоян Стефанов. – СПБ.: Питер, 2016. – 381 с.
10 Штефен, Вальтер Создание приложений для Windows 8 с использованием HTML5 и JavaScript / Вальтер Штефен. - М.: ДМК Пресс, 2020. - 181 c.