Код
Штучний інтелект
Навчіться використовувати інструменти штучного інтелекту для генерації контенту, розробки коду, тестування та автоматизації процесів веброзробки.
Підсумок навчання
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Базові засади Інтернету
Лабораторний курс побудовано за принципом наскрізного проєктування, що допомагає студентам пройти повний життєвий цикл створення сучасного вебпродукту від ідеї до релізу.
Роль бізнес-аналітика, створення User Stories та карти сайту за допомогою запитів Chain-of-Thought/Few-Shot.
ПерейтиМета роботи: Навчитися формулювати ефективні запити (системні, Few-Shot, Chain-of-Thought) для аналізу бізнес-ніші, збору трендів та формування первинної архітектури сайту.
Копірайтинг, структурування даних через NotebookLM та написання первинних SEO-метатегів.
ПерейтиМета роботи: Побудувати наскрізний процес аналізу інформації, копірайтингу та підготовки SEO-матеріалів за допомогою інтегрованих ШІ-сервісів.
Створення унікальної графіки (логотипи, банери) та промо-відео без використання стокових сервісів.
ПерейтиМета роботи: Освоїти інструменти генерації унікального графічного та відеоконтенту для вебсценаріїв за допомогою спеціалізованих моделей.
Генерація каркасів (wireframes), створення UI-наборів та дизайн-системи безпосередньо у Figma.
ПерейтиМета роботи: Навчитися використовувати генеративний ШІ для швидкого візуального проєктування каркасів (wireframes) та створення UI-наборів в графічному редакторі.
Основи роботи у VS Code, генерація чистого HTML5 за допомогою ШІ та заміна хаотичних тегів <div> на правильну семантичну структуру.
ПерейтиМета роботи: Опанувати навичками роботи з VSCode. Навчитися генерувати чистий семантичний код за допомогою ШІ, оптимізувати його та виправляти архітектурні помилки верстки в IDE.
Опанування Tailwind CSS, верстка складних адаптивних елементів (меню, футер) із використанням мобільних брейкпоінтів (sm:, md:, lg:).
ПерейтиМета роботи: Опанувати роботу з утилітарними CSS-фреймворками та ШІ-інструментами миттєвої генерації ізольованих адаптивних компонентів. Публікація в Netlify
Збирання повноцінної сторінки з окремих блоків, наповнення реальним контентом та інтеграція сторонніх віджетів (<iframe>, карти, відео).
ПерейтиМета роботи: Навчитися збирати повноцінні вебсторінки за допомогою ШІ-генераторів інтерфейсів та керувати структурою коду на рівні окремих блоків.
Базові команди консолі, робота з репозиторіями Git (коміти, гілки, вирішення конфліктів) та синхронізація коду з GitHub.
ПерейтиМета роботи: Опанувати фундаментальні навички роботи з розподіленою системою контролю версій Git та хмарним сервісом GitHub.
Створення інтерактивних вебформ, робота з регулярними виразами (RegEx) та налаштування масок введення (наприклад, +380).
ПерейтиМета роботи: Опанувати принципи побудови вебформ, налаштування регулярних виразів та динамічної обробки помилок за допомогою ШІ.
Підключення та конфігурація популярних JavaScript-бібліотек (Swiper.js для слайдерів, Fancybox для галерей) через CDN.
ПерейтиМета роботи: Освоїти принципи підключення сторонніх JavaScript-бібліотек через CDN та керування їхньою конфігурацією за допомогою ШІ-інструкцій.
Програмування калькуляторів чи трекерів на чистому JS, робота з вкладкою Console та усунення технічних багів (обробка Edge Cases).
ПерейтиМета роботи: Навчитися ставити технічні завдання ШІ на розробку обчислювальної бізнес-логіки та виступати в ролі інженера з тестування (QA).
Тестування сайту в Google Lighthouse, налаштування CI/CD конвеєра через GitHub Actions (deploy.yml) на Vercel/Netlify та крос-браузерна перевірка через QR-коди на смартфонах.
ПерейтиМета роботи: Навчитися проводити аудит сайту за допомогою Google Lighthouse, опанувати рефакторинг коду та побудувати наскрізний процес безперервної інтеграції та розгортання (CI/CD) вебдодатка.
Як акумуляція навичок, отриманих на лабораторних заняттях, є реалізація повноцінного вебпроєкту з використанням сучасних технологій веброзробки та інструментів штучного інтелекту.
Світ вдосконалюється щодня, винаходячи і відкриваючи щось нове, і без цих досягнень людство не просунулося б так далеко. В життя відразу кількох поколінь увірвалися сучасні технології, формується нова реальність, змінюється картина світу. Неможливе стало звичайним. Виникають нові знання, теорії, практичні реалізації.
Презентація - це коротке, змістовне представлення певної новинки з області Інтернет чи Веб: інструмент, сервіс, технологія тощо.
Структуру доповіді складати за наступним регламентом:
Загальне враження про презентацію складається від вдалого підбору наочного матеріалу: слайди, відео-ролики, веб-сторінки. Від цього залежить, як аудиторія зрозуміє інформацію з усної доповіді. Оскільки на презентацію надається близько 5-7 хвилин, тому важливо зробити презентацію ємною та лаконічною.
Матеріали зробленої доповіди викладаються на диск: у вигляді doc-документа або ppt-презентації.
Для презентації можна представити новинки з галузі веб та ШІ-технологій, що виникли протягом 2025-2026 років.
Презентація проводиться на лабораторних заняттях в присутності викладача та студентів групи.
Викладач оцінює якість доповіді та наочного матеріалу, актуальність новинки, опанування теми студентом
Максимальна оцінка за успішну презентацію - 5 балів
Протягом семестру студенти мають можливість зробити 2 презентації
Якщо студент не зробив презентацію протягом першої половини семестру, то в подальшому він має можливість зробити лише одну презентацію.
Бали, що отримані за презентацію будуть враховані на екзамені як відповідь на описове питання. Описових питань на екзамені є 2, тому кожна презентація зараховується як відповідь на одне описове питання. Під час складання екзамену студент завантажує презентацію (doc або ppt файл) у вікно описового питання.
Презентація НЕ є обов’язковою частиною дисципліни. Студенти, що не робили презентацій до екзамену допускаються і мають відповісти на тестові завдання та описові питання.
Заняття з дисципліни відбуваються в аудиторіях згідно розкладу відповідно до графіку навчального процесу
У разі запровадження небезпечного стану заняття відбуватимуться онлайн згідно розкладу.
Захист роботи відбувається на наступних поточних заняттях, після пояснення матеріалу. Зроблене завдання викладається на сервер і викладачеві надається відповідне посилання. Викладач оцінює правильність коду, задає дотичні питання і оцінює роботу студента.
Звіти по виконаних роботах викладаються на диск у відповідну папку студента
Захист роботи відбувається не пізніше ніж наступне заняття. Відтермінування захисту впливає на максимальний бал роботи (-1 бал за невчасний захист).
Після зазначених термінів (24.10.26, 19.12.26) бали за захист відповідних лабораторних робіт не виставляються.
До проведення екзамену мають бути захищені всі лабораторні (36 балів) та самостійна робота (14 балів).
До екзамену допускаються студенти, які захистили всі лабораторні та самостійну роботи. Студенти, які не відвідували заняття до екзамену НЕ ДОПУСКАЮТЬСЯ.
