Вступне практичне завдання на курси 2015 QAP INT. Технічні вимоги•SPA

1.

Вступне практичне
завдання на курси 2015
QAP INT

2.

Технічні вимоги
•SPA
•Виконати завдання, використовуючи технології HTML5, CSS3, JavaScript.
•Для реалізації завдання дозволено використовувати допоміжні бібліотеки.
•Підтримка Webkit браузерів.
•Дизайн знаходиться в файлі practical-task-2015.psd.
•Виконане завдання повинне містити index.html в корені архіву.
•Архів назвати за шаблоном: Прізвище-Ім'я.zip, та прислати на пошту [email protected] з темою листа:
курси-2015.

3.

На стартовій сторінці показані товари, що розділені на категорії. Панель
вибору категорій має горизонтальний скролинг. По кліку здійснюється перехід на сторінку із
товарами, що відносяться саме до цієї категорії.

4.

Сторінка з товарами категорії.
Картинки та вартість для товарів обираються довільно. Присутній горизонтальний скролинг. В правому
верхньому кутку знаходиться корзина, де вказується сума за всі обрані товари. Натискаючи на “+” або “-” під
фотографією товару, збільшується або зменшується кількість одиниць для покупки і відповідно змінюється
загальна сума покупки. Сума та кількість обраних товарів зберігаються протягом всього сеансу. Також можна
повернутись до попередньої сторінки натиснувши стрілку в лівому верхньому кутку та продовжити роботу.