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

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

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

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

Контакти

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

Навчальна дисципліна для студентів другого курсу

Лекційний курс з 15 лекцій. Теоретичні відомості про веб-технології, основи фронтенду та бекенду. Веб-служби і сервіси.

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

Практичні заняття. Основи фронтенду

15 лабораторних робіт, що охоплюють базові навички створення веб-сторінок. Відео-пояснення до кожної роботи. Як підсумок - виконання самостійної роботи.

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

Самостійна робота. Підсумок знань

Виконання самостійної роботи передбачає створення статичного або програмованого сайту з використанням різних засобів: мов програмування, фреймворків, готових CMS тощо.

Про дисципліну
Технології веб-розробки та дизайну
Багато прикладів
0+

Прикладів

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

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

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

Веб-проектування

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

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

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

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

Огляд курсу
Навчальний процес

Складові дисципліни

Курс лекцій

Курс лекцій

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

Курс лекцій
Лабораторні роботи

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

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

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

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

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

Самостійна робота
Екзамен

Екзамен

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

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

Курс лекцій

#1

Базові засади Інтернету

Базові засади Інтернету
#2

Всесвітня павутина WWW

Всесвітня павутина WWW
#3

Етапи створення сайтів

Етапи створення сайтів
#4

Базові засоби

Базові засоби
#5

Веб-графіка і мультимедіа

Веб-графіка і мультимедіа
#6

Хостинг

Хостинг
#7

Служба DNS

Служба DNS
#8

Просування і розвиток сайту

Просування і розвиток сайту
#9

Популярні служби та сервіси

Популярні служби та сервіси
#10

Цифрові загрози та безпека

Цифрові загрози та безпека
Практична частина

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

Конструктори сайтов

#1. Конструктори сайтов

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

Перейти
Базовий інструментарій

#2. Базовий інструментарій

Розробнику сайту окрім робочого місця і персонального комп'ютера необхідно мати певний набір програмного забезпечення, базовий інструментарій, без якого просто не обійтися.

Перейти
Створення простої сторінки

#3. Створення простої сторінки

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

Перейти
Робота з графікою

#4. Робота з графікою

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

Перейти
Шрифти для Веб

#5. Шрифти для Веб

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

Перейти
Веб-шрифти та іконкові шрифти

#6. Уставляння зовнішніх сервісів

API для сайту - це скрипт, який надсилає запити до певного сервісу, отримує від нього результат, що використовується для автоматизації певних дій.

Перейти
JavaScript, jQuery та плагіни

#7. JavaScript, jQuery та плагіни

JavaScript — це мова програмування, яка надає інтерактивності до веб-сайту. jQuery — популярна JavaScript-бібліотека з відкритим кодом.

Перейти
Бібліотека Bootstrap

#8. Бібліотека Bootstrap

Bootstrap - популярна бібліотека для розробки сучасних, адаптивних і динамічних інтерфейсів веб-сторінок з відкритим вихідним кодом CSS і JavaScript.

Перейти
Тестування та відлагодження коду

#9. Тестування та відлагодження коду

Тестування є завершальним етапом розробки веб-сайту, що виконує важливу роль в процесі створення високоякісного проекту.

Перейти
Системи керування контентом

#10. Системи керування контентом

Content Management System (Система управління веб-вмістом) - програмний комплекс, що надає функції створення, редагування, контролю та організації веб-сторінок.

Перейти
Shape
Додаткові бонуси

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

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

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

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

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

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

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

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

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

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

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

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

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

  • І половина семестру: 04.09.2023 - 21.10.2023
  • ІІ половина семестру: 23.10.2023 - 09.12.2023

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

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

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

Презентація
Презентація
Підсумок знань

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

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

  • Створення повноцінного тематичного HTML-сайту з втіленням конструкцій Javascript.
  • Популярні системи керування контентом CMS (Wordpress, Jomla, Drupal або інша).
  • Мова серверного програмування (PHP, Python, Java, C#, Ruby)
  • JS-фрейворки (React JS, Vue JS, Angular JS, NextJS)
  • Серверні фреймворки та бібліотеки (Django, Laravel, Ruby on Rails, ASP.NET)
Дивитися вимоги
Курсова робота
Оцінювання успішності

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

  • Стаціонар
  • Заочники

04.09-21.10.2023

23.10-16.12.2023


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

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

Контрольні роботи

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

Екзамен


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

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

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

Юрчак Ірина Юріївна
Юрчак Ірина Юріївна

Лекції, Лабораторні ПП-22

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

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

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

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

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

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

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

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

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

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

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