Итоговая работа по модулю 4: «Интернет-магазин»

1.

Web-программирование: с нуля до первых проектов
Итоговая работа по модулю 4:
«Интернет-магазин»
Выполнил: Иванов Иван Иванович

2.

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

3.

Техническое задание
Сверстанный по технологии FlexBox одностраничный интернет-магазин,
который содержит следующие блоки:
шапка сайта
о нас
товары
подвал сайта

4.

Техническое задание
• Наличие на сайте слайдера в одном из блоков, подключенного с помощью
стороннего модуля JavaScript
• Наличие иконки Корзины в шапке сайта с показателем счетчика
количества выбранных товаров. Значение количества товаров должно
увеличиваться при нажатии на кнопку добавления товара в корзину с
помощью пользовательского скрипта на JavaScript
• Использование CSS-переменных для задания глобальных настроек сайта,
таких как основные шрифты, цвета и параметры текста
• Модальное окно с формой обратной связи
• Размещение файлов сайта на хостинге и обеспечение доступа к
разработанному интернет-магазину по ссылке

5.

Структура страницы сайта

6.

Структура страницы сайта

7.

Структура страницы сайта

8.

Функциональные возможности
Слайдер с товарами
Добавление товаров в корзину
Открытие модального окна обратной связи
Подписка на рассылку

9.

Результаты проверки сайта на скорость

10.

Валидность кода

11.

Выводы по работе и обучению на программе
Успешно завершен проект по созданию одностраничного
сайта. Веб-сайт имеет визуально привлекательный дизайн. Он
включает в себя все описанные в требованиях разделы. Проект
был выполнен по макету и в установленные сроки.
Программа «Web-программирование: с нуля до первых
проектов» — это отличный способ научиться веб-разработке.
Она начинается с основ и знакомит с HTML, CSS, JavaScript и
многим другим. Лучшая часть — это практические проекты,
которые позволяют применить то, чему мы научились.