Звіти з лабораторних робіт

Тема: КЛАСИ. DOM. ПОДІЇ. ОБ'ЄКТ ПОДІЇ. ДЕЛЕГУВАННЯ. THROTTLE. МОДУЛІ.

Мета: Практика з об'єктами, функціями, подіями та модульністю у JavaScript.

Веб-сторінка практичного завдання WEB-застосунок (живе посилання) Репозиторій WEB-застосунку Репозиторій HTML-документу Жива сторінка HTML-документу Репозиторій самостійних Жива сторінка самостійних

Скріншоти до виконаних завдань

Завдання №2

Завдання №4

Завдання №6

Завдання №7

Завдання №8

Завдання №9

Завдання №10

Висновки

Закріплено навички роботи з класами, DOM, подіями, throttle і модульною структурою.

Тема:ТАЙМЕР. SNACKBAR. МОДАЛЬНЕ ВІКНО. ПОДІЇ. МОДУЛЬНІСТЬ КОДУ.

Мета:Опанувати роботу з таймерами, створенням snackbar, модальних вікон, подіями та модульною структурою коду.

Веб-сторінка практичного завдання Жива сторінка WEB-застосунку Репозиторій WEB-застосунку Жива сторінка HTML-документу Репозиторій HTML-документу Репозиторій самостійних

Скріншоти до виконаних завдань

Завдання №1 (Таймер)

Завдання №2 (Snackbar)

Висновки

Закріплено навички роботи з таймерами, snackbar, модальними вікнами, подіями та модульною структурою коду.

Тема:WEB-СХОВИЩЕ. WEB STORAGE API. МОДУЛЬНОСТЬ КОДУ. СТВОРЕННЯ МОДАЛЬНОГО ВІКНА.

Мета:придбати практичні навички роботи створення модального вікна; повторити процес створення макету, зокрема створення макету галереї довільних зображень; закріпити навички роботи з делегуванням подій.

Галерея зображень

Скріншоти до виконаних завдань

Завдання №2

Висновки

В результаті виконання лабораторної роботи було закріплено навички роботи з DOM та делегуванням подій.
Реалізовано динамічне створення галереї зображень засобами JavaScript.
Ознайомлено з бібліотекою basicLightbox та впроваджено модальне вікно для перегляду зображень.
Застосовано Web Storage API для збереження даних у локальному сховищі браузера.
Реалізовано механізм збереження та автоматичного відновлення введених даних форми.
Здійснено перевірку заповнення полів перед відправленням форми та очищення сховища після сабміту.