Розробити спрощений інтернет магазин з можливістю замовлення, збереження даних та повідомлення адміністратора про замовлення. Це робота з 5 лабораторок для студента (ознайомити з базовими можливостями веб-програмування та оволодіти навиками програмування на HTML CSS JS PHP та виконання запитів SQL до БД).
Лабораторна робота №1 Основи HTML CSS
Розробити HTML сторінку з адаптивним дизайном з підключенням індивідуальних шрифтів та налаштуванням зовнішнього вигляду форм. Вивід товарів потрібно передбачити для розмірів екранів більше 1000px в три в ряд по середині сторінки. При розмірах екранів 800px два в ряд, менше 600px один в ряд. Розробити зовнішній вигляд форми замовлення та скрити її до виконання ЛР5. Верстку дизайну сайту необхідно виконати по БЕМ (Блок, елемент, модифікатор). В мобільній версії карточки товару скрити всю інформацію під фото і виконати анімацію появи в наступній ЛР
Лабораторна робота №2 CSS анімація.
Виконати зміну вигляду карточок товарів при наведенні, виконати появу форм на основі добавлення класу анімації. При наведені на карточку товару необхідно щоб з’являлася тінь карточки товару та збільшувалося зображення товару на незначну кількість %. Для мобільних пристроїв виключити дану можливість анімувати, у мобільних пристроях немає відповідної події, як наведення. Додати іншу анімацію, при нажиманні на карточку товару виконується поява інформації під фото, яка була скрита в попередній ЛР
Лабораторна робота №3 Основи БД MySQL SQL запитів.
Розробити структуру двох баз даних, перша яка б включала дані зареєстрованих користувачів, друга дані інтернет магазину, зокрема: дані товарів, дані фото товарів, дані замовлень, дані прив’язки замовлень та товарів замовлення. Наприклад, при замовлені користувач може вибрати декілька товарів, які буду включені в запис одного замовлення. Дані користувачів знаходяться в окремій БД для можливості використання їх в інших інтернет магазинах компанії.
1. Дані які повинно містити замовлення: ID, дату замовлення, ID користувач, дані доставки. 2. Дані які повинна містити прив’язка товарів та замовлень: ID товару, кількість, ID замовлення 3. Дані які повинна містити таблиця користувачі: ID, e-mail, дату реєстрації, телефон, ID інтернет магазину (по-замовчуванню 1); 4. Дані які повинна містити таблиця товару: ID, назва, ціна, знижка %.
Написати запити вибірки SQL до БД які:
1. Повертають всі замовлення користувача, 2. Повертають товари одного замовлення, 3. Повертають інформацію про товари з одним вибраним фото, 4. Записують дані в таблиці замовлень, записують дані про користувача
Лабораторна робота №4 Основи PHP.
1. Написати скрит що повертає дані про товари у форматі JSON, 2. Написати скрит що реєструє користувача. 3. Написати скрит що добавляє замовлення. 4. Написати скрит що повертає дані про замовлення користувача
Лабораторна робота №5 JS Ajax.
Все вище зроблене потрібно з’єднати на стороні клієнта а саме написати наступні скрипти.
1. Запит на сервер даних про товари та вивід їх на сайті 2. Відкриття форми замовлення, введення даних та відправка на сервер для збереження даних користувача та даних самого замовлення. 3. Відкриття даних замовлень користувача.
Потрібно виконати ці лабораторки з оформленням звіту до кожної, і бажано зконтактуватися із замовником і відповісти на кілька питань на рахунок виконання.
