Веб-технології та веб-дизайн 2

Мета дисципліни: опанування базових знань з сучасних веб технологій та веб дизайну, формування у здобувачів вмінь та навичок роботи з веб-сторінками, вебдоступністю, підготовка спеціалістів, які вміють застосовувати сучасні методики розробки та технічної підтримки веб-сайтів для подальшої професійної діяльності.
Практичне значення та використання отриманих знань: набуття компетенцій, знань, умінь та навиків із застосування веб технологій та веб дизайну, відповідно до кваліфікації; набуття навичок роботи з конструкторами сайтів, технологіями HTML, CSS, фреймворками, інформаційною безпекою у веб-технологіях, інклюзивним веб-дизайном, сервісами для розробки інтерфейсів та прототипування.
Тематика та види навчальних занять

Для денної форми здобуття освіти

Лекційні заняття
Лекція 1. «UX/UI дизайн.»
Лекція 2. «Процес створення користувацького інтерфейсу»
Лекція 3. «Графічні концепції»
Лекція 4. «Загальні поняття колірних зображень у комп’ютерній графіці»»
Лекція 5. «Теорія кольорів у веб-дизайні»
Лекція 6. «Типографіка»
Лекція 7. «Штучний інтелект у веб технологіях»
Лекція 8. «Веб-технології у інформаційних війнах»
Лекція 9. «Моніторинг та ідентифікація достовірності контенту за допомогою веб-технологій»
Лекція 10. «Вступ у JavaScript»
Лекція 11. «JavaScript умови, цикли, масиви»
Лекція 12. «Функції у JavaScript»
Лекція 13. «Функціональні вирази JavaScript»
Лекція 14. «JavaScript методи і властивості»
Лекція 15. «JavaScript обробка подій»

Лабораторні заняття
Лабораторне заняття №1. «Огляд інтерфейсу Figma. Налаштування переходів та анімації».
Мета заняття: набуття навичок роботи з інтерфейсом онлайн-редактору Figma.
Лабораторне заняття №2. «Плагіни Figma».
Мета заняття: набуття навичок роботи з плагінами онлайн-редактору Figma та навчитися їх використовувати.
Лабораторне заняття №3. «Створення Style Guide у Figma».
Мета заняття: навчитися створювати керівництво зі стилю за допомогою Figma
Лабораторна заняття №4. «Створення UI Kit у Figma»
Мета заняття: навчитися створювати User Interface Kit за допомогою Figma.
Лабораторне заняття №5. «JavaScript для вебсторінок частина 1».
Мета заняття: сформувати розуміння трьох технологій для frontend розробників: HTML, CSS та JavaScript.
Лабораторне заняття №6. «JavaScript для вебсторінок частина 2»
Мета заняття: навчитися застосовувати JavaScript для динамічності та інтерактивності вебсторінок.
Лабораторне заняття №7. «Форензика та EXIF-дані».
Мета заняття: дослідження в сфері форензики фотографій, та отримання практичних навичок визначення даних графічних файлів.

Для заочної форми здобуття освіти

Лекційні заняття
Лекція 1. «UX/UI дизайн. Графічні концепції. Штучний інтелект у веб технологіях.
Лекція 2. «JavaScript»

Лабораторні заняття
Лабораторне заняття №1. «Онлайн-редактор Figma».
Мета заняття: набуття навичок роботи з інтерфейсом онлайн-редактору Figma, набуття навичок роботи з плагінами онлайн-редактору Figma.
Лабораторне заняття №2. «JavaScript для вебсторінок».
Мета заняття: сформувати розуміння трьох технологій для frontend розробників: HTML, CSS та JavaScript.

Консультації здійснюються впродовж семестру згідно встановленого розкладу.

Індивідуальна робота

Для денної форми здобуття освіти

Курсова робота
Мета курсової роботи – узагальнення навички з використанні вебтехнологій та веб-дизайну, засвоєння теоретичних основ веб-технологій, набуття практичних умінь та навичок застосування сучасних засобів створення контенту.
Здобувач отримує завдання на третьому в семестрі практичному занятті.
Пояснювальна записка містить 20-25 сторінок Кількість розділів – 3. Графічна частина – скріни сторінок сайту.
Змістовна послідовність виконання роботи.
1. Створення Style Guide.
2. Створення користувацького інтерфейсу.
3. Розробка сайту.
Захист курсової роботи – протягом останнього навчального тижня семестру. Максимальна кількість балів за бездоганне виконання – 100 балів.

Для заочної форми здобуття освіти
Курсова робота
Мета курсової роботи – узагальнення навички з використанні вебтехнологій та веб-дизайну, засвоєння теоретичних основ веб-технологій, набуття практичних умінь та навичок застосування сучасних засобів створення контенту.
Здобувач отримує завдання на установочній сесії.
Пояснювальна записка містить 20-25 сторінок Кількість розділів – 3. Графічна частина – скріни сторінок сайту.
Змістовна послідовність виконання роботи.
1. Створення Style Guide.
2. Створення користувацького інтерфейсу.
3. Розробка сайту.
Захист курсової роботи – протягом останнього навчального тижня семестру. Максимальна кількість балів за бездоганне виконання – 100 балів.

Форми контрольних заходів та оцінювання результатів навчання

Для денної форми здобуття освіти
Система оцінювання рівня навчальних досягнень ґрунтується на принципах ЄКТС та є накопичувальною. Здобувачі протягом семестру готуються до лекційних, практичних та лабораторних занять, виконують курсову роботу та 2 модульні контрольні роботи.
Модульні контрольні роботи виконуються у письмовій формі. Модульні роботи складаються з теоретичної (3 задачі) та практичної (2 задача) частин. Правильне розв’язання задач оцінюється в 4 бали. Максимальна сума балів за МКР – 20 балів.
Кожний модуль оцінюється у максимально можливі 50 балів:
ЛР1. Оцінка за виконання – 10 балів. Термін надання – 4 тиждень.
ЛР2. Оцінка за виконання – 10 балів. Термін надання – 6 тиждень
ЛР3. Оцінка за виконання – 10 балів. Термін надання – 8 тиждень.
ЛР4. Оцінка за виконання – 10 балів. Термін надання – 10 тиждень.
ЛР5. Оцінка за виконання – 10 балів. Термін надання – 12 тиждень.
ЛР6. Оцінка за виконання – 10 балів. Термін надання – 14 тиждень.
При оцінювання лабораторних робіт можуть зніматися бали за:
 відсутність структурних елементів протоколу (титульний лист, мета роботи) – 2 бал
 відсутність або невідповідність коду та зображень сайту – 4 бали
 відсутність або невідповідність необхідних ілюстрацій – 2 бали
 відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – 2 бали.
Максимальна оцінка за повний обсяг виконаних навчальних елементів дисципліни – 100 балів.
Курсова робота оцінюється у 100 балів максимум, з них: завдання 1 – максимум 25 балів, завдання 2 – максимум 25 балів, завдання 3 – максимум 25 балів, висновки – максимум 10 балів, загальне оформлення КР з наявністю всіх частин, скрінів, коду, додатків – максимум 5 балів, захист курсової роботи – максимум 10 балів.
При оцінювання Курсової роботи можуть зніматися бали за:
 відсутність структурних елементів (титул, мета, висновки, список літератури) – по 2 бали;
 відсутність або невідповідність коду та зображень сайту – до 4 балів;
 відсутність або невідповідність необхідних ілюстрацій – до 4 балів;
 відсутність необхідних складових сайту, вказаних в завданні КР – до 2х балів за кожне;
 відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – до 10 балів.
 невідповідність вимогам до оформлення – до 10 балів;
 відмову від захисту курсової роботи –20 балів.
Підсумковим контролем з дисципліни є усний екзамен, білет до якого складається з теоретичної частини (4 запитання по 10 балів) та практичної частини (3 задачі по 20 балів). Максимальна оцінка за правильні відповіді на всі питання екзаменаційного білету становить 100 балів

Для заочної форми здобуття освіти
Контрольна робота
Завдання для виконання контрольної роботи здобувач отримує на установчій лекції.
Робота містить 10 теоретичних питань та 10 практичних завдання, кожне з яких оцінюється у 3 балів максимально. Максимальна оцінка за контрольну роботу – 60 балів.
Текст відповіді повинен бути виконаний самостійно, а не скопійованим з навчального посібника. Термін надання виконаної контрольної роботи на перевірку – не пізніше, ніж за місяць до початку сесії.
Лабораторне завдання №1 «Онлайн-редактор Figma» оцінюється у 20 балів максимально.
Лабораторне завдання №2 «JavaScript для вебсторінок» оцінюється у 20 балів максимально.
При оцінювання лабораторних робіт можуть зніматися бали за:
1) Відсутність структурних елементів протоколу (титульний лист, мета роботи) – 2 бал
2) Відсутність або невідповідність коду та зображень сайту – 4 балів
3) Відсутність або невідповідність необхідних іллюстрацій – 4 бали
4) Відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – 2 бали.
Максимальна оцінка за повний обсяг виконаних навчальних елементів дисципліни – 100 балів.
Курсова робота оцінюється у 100 балів максимум, з них: завдання 1 – максимум 25 балів, завдання 2 – максимум 25 балів, завдання 3 – максимум 25 балів, висновки – максимум 10 балів, загальне оформлення КР з наявністю всіх частин, скрінів, коду, додатків – максимум 5 балів, захист курсової роботи – максимум 10 балів.
При оцінювання Курсової роботи можуть зніматися бали за:
 відсутність структурних елементів (титул, мета, висновки, список літератури) – по 2 бали;
 відсутність або невідповідність коду та зображень сайту – до 4 балів;
 відсутність або невідповідність необхідних ілюстрацій – до 4 балів;
 відсутність необхідних складових сайту, вказаних в завданні КР – до 2х балів за кожне;
 відсутність висновків по роботі або їх невідповідність завданню та результатам, представленим у протоколі роботи – до 10 балів.
 невідповідність вимогам до оформлення – до 10 балів;
 відмову від захисту курсової роботи –20 балів.
Підсумковим контролем з дисципліни є усний екзамен, білет до якого складається з теоретичної частини (4 запитання по 10 балів) та практичної частини (3 задачі по 20 балів). Максимальна оцінка за правильні відповіді на всі питання екзаменаційного білету становить 100 балів