W E B

Завантаження

Диски для звітності

Корисні контакти

  • Технології веб-розробки та дизайну
Технології веб-розробки та дизайну
Кафедра САП

Лекційний курс

Веб-технології, служби, сервіси, додатки.

Технології веб-розробки та дизайну

Лабораторні роботи

Базовий фронтенд. HTML, CSS, Javascript

Технології веб-розробки та дизайну

Перевірка отриманих вмінь

Самостійна робота по створенню сайту

Технології веб-розробки та дизайну

Науково-дослідницька робота

Доповідь презентація по іноваціях

Технології веб-розробки та дизайну
Технології веб-розробки та дизайну
Технології веб-розробки та дизайну

100+

Прикладів

Про дисципліну

Технології веб-розробки та дизайну

Метою навчального курсу є теоретичне та практичне ознайомлення з принципами створення веб-сайтів, можливостями сучасних веб-технологій і сервісів!

  • Інновації та інтерактивність
  • Доступність та адаптивність
  • Дружній інтерфейс
  • Візуальна послідовність

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

Огляд курсу
Юрчак Ірина Юріївна
Юрчак Ірина Юріївна

Розробник курсу

Структура дисципліни

Основні модулі

01

Курс лекцій

Теоретичні відомості щодо веб-технологій. Розглядаються особливості веб-середовища та його основних компонентів.

02

Лабораторні роботи

Практичне засвоєння засобів для створення веб-сайтів. Ознайомлення з хостингом та зовнішніми сервісами.

03

Самостійна робота

Підсумок набутих вмінь - створення повноцінного сайту відповідно до сучасних стандартів.

04

Екзамен

Складання тесту, що містить питання з теоретичної та практичної частини дисципліни.

Теоретична частина

Курс лекцій

Вміст лабораторних робіт
Вміст лабораторних робіт

Складові базового фронтенду

HTML

HTML

Це каркас веб-сторінки, що створює її структуру, де кожен блок чи елемент містить певний контент.

CSS

CSS

Це дизайнер, який розфарбовує сторінку, підбирає шрифти, кольори та розташування блоків.

JavaScript

JavaScript

Це мозок веб-сторінки, що пожвавлює її за допомогою інтерактивності, анімації та динамічних дій.

Лабораторні роботи Базовий фронтенд
Практична частина

Лабораторні роботи HTML, CSS

Клієнтське програмування

Лабораторні роботи JavaScript

#11 Знайомство з JavaScript

Мета роботи: вивчити основні типи даних та оператори мови JavaScript.
#12 Основні конструкції

Мета роботи: вивчити основні конструкції мови JavaScript.
#13 Використання функцій

Мета роботи: навчитися використовувати стандартні і створювати користувацькі функції.
#14 Робота з масивами

Мета роботи: вивчити можливості JavaScript для створення та обробки масивів.
#15 Робота з рядками

Мета роботи: отримати навички обробки символьної інформації JavaScript.
Лабораторні роботи JavaScript
Підсумок знань

Самостійна робота

Самостійною роботою є реалізація статичного (HTML) або динамічного сайту (додатку) в різний спосіб. Сайт розгортається на безкоштовному або платному хостингу. Допустимо розгортання сайту на локальному сервері.

Студент вільний у способі реалізації сайту

Спосіб #1

”

Створення повноцінного тематичного HTML-сайту з втіленням Javascript

Спосіб #2

”

Створення окремого веб-додатку, написаного на чистому Javascript

Спосіб #3

”

Використання безкоштовних популярних систем керування контентом (CMS).

Спосіб #4

”

Створення повноцінного сайту, написаного за допомогою JS-фрейворків

Спосіб #5

”

Створення динамічного додатку, написаного мовою серверного програмування

Спосіб #6

”

Створення динамічного додатку за допомоги серверних фреймворків та бібліотек

Програмні засоби
Доповідь презентація
Додаткові бонуси
Додаткові бонуси

Доповідь презентація

Світ вдосконалюється щодня, винаходячи і відкриваючи щось нове, і без цих досягнень людство не просунулося б так далеко. У життя одразу кількох поколінь увірвалися сучасні технології, формується нова реальність, змінюється картина світу. Неможливе стало звичайним. Виникають нові знання, теорії, практичні реалізації. Вчені, дослідники, розробники та дизайнери з усього світу намагаються втілити те, що спростить наше життя та зробить його цікавішим. Технології майбутнього піднімають життя людства на зовсім інший рівень.

Презентація - це коротке, змістовне представлення певної новинки з області Інтернет чи Веб: інструмент, сервіс, технологія тощо.

Структуру доповіді складати за наступним регламентом:

  • Мета новинки
  • Актуальність розробки
  • Сфера застосування
  • Доступність для споживачів
  • Ефект від використання
  • Перспективи розвитку

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

Матеріали зробленої доповіди викладаються на диск: у вигляді doc-документа або ppt-презентації.

Для презентації можна представити новинки з галузі комп’ютерних та інтернет технологій, що виникли протягом 2023-2024 років.

  • Сучасні інтернет-сервіси, новітні служби, протоколи.
  • Мобільні додатки.
  • Інтелектуальні сервіси.
  • Робототехніка.
  • Програмне забезпечення та інструменти.
  • Інтернет речей.
  • Криптовалюта, блокчейн, NFT-токени.
  • Віртуальна, доповнена та інші реальності.
  • Пристрої, що реалізовані на інтелектуальних алгоритмах.
  • Штучний інтелект, чат-боти, асистенти.
  • Інші новинки, що варті представлення.

Презентація проводиться на лабораторних заняттях в присутності викладача та студентів групи.

Викладач оцінює якість доповіді та наочного матеріалу, актуальність новинки, опанування теми студентом

Максимальна оцінка за успішну презентацію - 5 балів

Протягом семестру студенти мають можливість зробити 2 презентації

  • І половина семестру: 02.09.2024 - 19.10.2024
  • ІІ половина семестру: 21.10.2024 - 14.12.2024

Якщо студент не зробив презентацію протягом першої половини семестру, то в подальшому він має можливість зробити лише одну презентацію.

Бали, що отримані за презентацію будуть враховані на екзамені як відповідь на описове питання. Описових питань на екзамені є 2, тому кожна презентація зараховується як відповідь на одне описове питання. Під час складання екзамену студент завантажує презентацію (doc або ppt файл) у вікно описового питання.

Презентація НЕ є обов’язковою частиною дисципліни. Студенти, що не робили презентацій до екзамену допускаються і мають відповісти на тестові завдання та описові питання.

Оцінювання знань

Розподіл балів

  • I половина семестру

    02.09-19.10.2024
    • 14 Лабораторні 1-7
    • 5 Доповідь-презентація

  • II половина семестру

    21.10-14.12.2024
    • 16 Лабораторні 8-15
    • 5 Доповідь-презентація

  • Екзамен

    за розкладом
    • 20 Самостійна робота
    • 50 Тести

Зазначено максимальну кількість балів за умови вчасного і належного захисту

  • Виконання під час навчання
  • Контрольні заходи
  • Бали враховуються на екзамені

Зазначено максимальну кількість балів за умови вчасного і належного захисту

  • Виконання під час навчання
  • Виконання під час контрольних заходів
Проведення занять

Викладачі дисципліни

Технології веб-розробки та дизайну

Відео-огляд дисципліни

Корисна інформація

Поширені питання

Заняття з дисципліни відбуваються в аудиторіях згідно розкладу відповідно до графіку навчального процесу

У разі запровадження небезпечного стану заняття відбуватимуться онлайн згідно розкладу.

КН-2 лекції, ПП-22 лабораторні
Юрчак Ірина Юріївна
ПП-23, ПП-24 лабораторні
Стефанович Тетяна Олександрівна
ПП-21, ПП-25 лабораторні
Паращин Жанна Дмитрівна
ПП-26, ПП-27 лабораторні
Оксентюк Віра Миколаївна

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

Звіти по виконаних роботах викладаються на диск у відповідну папку студента

Захист роботи відбувається не пізніше ніж наступне заняття. Відтермінування захисту впливає на максимальний бал роботи (-1 бал за невчасний захист).

Після зазначених термінів (19.10.24, 14.12.24) бали за захист відповідних лабораторних робіт не виставляються.

До проведення екзамену мають бути захищені всі лабораторні (30 балів) та самостійна робота (20 балів).

До екзамену допускаються студенти, які захистили всі лабораторні та самостійну роботи. Студенти, які не відвідували заняття до екзамену НЕ ДОПУСКАЮТЬСЯ.

Поширені питання