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

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

Практичне значення та використання отриманих знань: Набуття практичних та теоретичних знань з програмування в середовищі Інтернет, ознайомлення з поширеними технологіями та мовами програмування веб-сторінок, а також інструментами, необхідними для розробки та технічної підтримки веб-сайтів. Розуміння принципів веб-програмування та методів їхнього використання при розробці сайтів різноманітного призначення. Вивчення проблем та напрямків розвитку веб-технологій, а також програмних продуктів, що використовуються у веб-технологіях. Застосування різних інструментальних засобів для розробки веб-сторінок та веб-вузлів. Опанування сучасних можливостей інформаційних технологій, інструментів та шляхів розробки користувацьких веб-інтерфейсів та дизайну веб-сайтів.

Основні результати навчання
ПРН1. Застосовувати знання основних форм і законів абстрактно-логічного мислення, основ методології наукового пізнання, форм і методів вилучення, аналізу, обробки та синтезу інформації в предметній області комп'ютерних наук.
ПРН10. Використовувати інструментальні засоби розробки клієнт-серверних застосувань, проектувати концептуальні, логічні та фізичні моделі баз даних, розробляти та оптимізувати запити до них, створювати розподілені бази даних, сховища та вітрини даних, бази знань, у тому числі на хмарних сервісах, із застосуванням мов веб-програмування.
ПРН11. Володіти навичками управління життєвим циклом програмного забезпечення, продуктів і сервісів інформаційних технологій відповідно до вимог і обмежень замовника, вміти розробляти проєктну документацію (техніко-економічне обґрунтування, технічне завдання, бізнес-план, угоду, договір, контракт).
 
Тематика та види навчальних занять
 
1 тиждень.
Лекція 1 «Базові конструкції мови HTML».
Лабораторне заняття 1 «Створення простої web-сторінки та її форматування, створення списків».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
2 тиждень.
Лекція 2 «Використання таблиць у HTML-документах. Зображення на Web-сторінці».
Лабораторне заняття 2 «Створення web-сторінки з таблицями, гіперпосиланнями та динамічними ефектами».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
3 тиждень.
Лекція 3 «Фрейми, їхні теги й атрибути. Карти-зображення».
Лабораторне заняття 3 «Створення сайтів на основі табличної або фреймової структури».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
4 тиждень.
Лекція 4 «Форми в HTML».
Лабораторне заняття 4 «Знайомство з таблицями стилів та елементами форми».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
5 тиждень.
Лекція 5 «Використання таблиць каскадних стилів у HTML-документах».
Лабораторне заняття 5 «Управління відображенням елементів web-сторінки».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
6 тиждень.
Лекція 6 «CSS-властивості: рамки, списки, фон, позиціонування».
Лабораторне заняття 6 «Об'єкт wіndow, його методи управління та властивості».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
7 тиждень.
Лекція 7 «Знайомство з мовою JavaScript».
Лабораторне заняття 7 «Використання таймерів у JavaScript».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
8 тиждень.
Лекція 8 «Типи даних та ініціалізація змінних. Оператори JavaScript».
Лабораторне заняття 8 «Типи даних у JavaScript».
Самостійна робота здобувача вищої освіти. Консультації викладача.
Модульна контрольна робота 1.
 
9 тиждень.
Лекція 9 «Умовні оператори та оператори циклів».
Лабораторне заняття 9 «Рядки символів у JavaScript».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
10 тиждень.
Лекція 10 «Вбудовані класи JavaScript».
Лабораторне заняття 10 «Програмування форм. Масиви».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
11 тиждень.
Лекція 11 «Створення інтерактивних web-сторінок. Події».
Лабораторне заняття 11 «Застосування подій для організації інтерактивних HTML-сторінок».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
12 тиждень.
Лекція 12 «Об’єктна модель браузера».
Лабораторне заняття 12 «Динамічне управління HTML-елементами засобами мови JavaScript».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
13 тиждень.
Лекція 13 «Робота з елементами форми».
Лабораторне заняття 13 «Перевірки регулярних виразів, їхнє модифікування та повернення модифікованих значень у форми».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
14 тиждень.
Лекція 14 «Вивчення основних конструкцій мови XML».
Лабораторне заняття 14 «Створення документу XML».
Самостійна робота здобувача вищої освіти. Консультації викладача.
 
15 тиждень.
Лекція 15 «Основні поняття XML. Коректність та валідність».
Лабораторне заняття 15 «Описання структури XML-документів та створення дійсних (валідних) XML-документів».
Самостійна робота здобувача вищої освіти. Консультації викладача.
Модульна контрольна робота 2.
 
Оцінювання результатів навчання

Оцінювання результатів навчання з дисципліни здійснюється за накопичувальною системою, яка дає можливість здобувачеві протягом семестру отримати максимально 100 балів.

Модуль 1
Повне виконання Контрольного завдання 1 – максимально 6 балів.
Правильне виконання лабораторної роботи – максимально по 3 бали за заняття.
Модульна контрольна робота 1 – бездоганне виконання 20 балів (в кожному завданні модульної контрольної роботи наведено максимальну кількість балів за виконання кожного завдання).

Модуль 2
Повне виконання Контрольного завдання 2 – максимально 9 балів.
Правильне виконання лабораторної роботи – максимально по 3 бали за заняття.
Модульна контрольна робота 2 – бездоганне виконання 20 балів (в кожному завданні модульної контрольної роботи наведено максимальну кількість балів за виконання кожного завдання).

Посилання на рекомендовані джерела

1. Бородкіна І.Л., Бородкін Г.О. Web-технології та Web-дизайн: застосування мови HTML для створення електронних ресурсів. − Київ: Ліра-К, 2020. − 212 с.
2. McGrath M. HTML, CSS & JavaScript in easy steps. – UK: In Easy Steps Limited, 2020. – 480 p.
3. Фрімен Е., Робсон Е. Head First. Програмування на JavaScript. – Харків: ВД «Фабула», 2022. – 672 с.
4. Електронний ресурс https://uk.javascript.info/
5. Мельник Р.А. Програмування веб-застосувань (фронт-енд та бек-енд). – Львів: Видавництво Львівської політехніки, 2018. – 247 с.