WEB-орієнтовані технології. Основи Frontend та Backend розробок - Робоча програма навчальної дисципліни (Силабус)

Реквізити навчальної дисципліни

Програма навчальної дисципліни

Опис навчальної дисципліни, її мета, предмет вивчання та результати навчання

Дана навчальна дисципліна є основою теоретичних знань, практичних вмінь та навичок Frontend та Backend розробок (WEB-ресурсів та WEB-орієнтованих застосунків), що є основою у підготовці фахівців з інформаційних технологій для проектування, розробки, впровадження професійно-орієнтованих комп’ютерних технологій у професійній діяльності.

Метою дисципліни «WEB-орієнтовані технології. Основи Frontend та Backend розробок» є засвоєння високого рівня необхідних знань та умінь з основ WEB -технологій, формування у студентів здатності проектувати, розробляти WEB-сайти та WEB-орієнтовані застосунки.

Завдання навчальної дисципліни: ознайомити студентів з теоретичними знаннями з основ WEB -технологій, WEB -дизайну та WEB - програмування. Надати практичні навички з розробки WEB -сайтів та WEB -застосунків.

Програмні результати навчання

***Програмні компетентності:***Здатність розв’язувати складні спеціалізовані задачі та практичні проблеми в області інформаційних систем та технологій, або в процесі навчання, що характеризуються комплексністю та невизначеністю умов, які потребують застосування теорій та методів інформаційних технологій

Загальні компетентності:

• Здатність до абстрактного мислення, аналізу та синтезу;

• Здатність застосовувати знання у практичних ситуаціях;

• Здатність до розуміння предметної області та професійної діяльності;

• Здатність вчитися і оволодівати сучасними знаннями;

• Здатність до пошуку, оброблення та узагальнення інформації з різних джерел;

• Здатність розробляти та управляти проектами;

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

Спеціальні (фахові, предметні) компетентності:

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

• Здатність вирішувати задачі інтеграційних процесів інформаційних систем у сфери виробництва та керування з використанням методів аналізу та синтезу засобів передачі, зберігання та обробки інформації, основ сервіс-орієнтованого підходу до обслуговування користувачів інформаційних систем, базових та прикладних інформаційних технологій та інструментальних засобів інфраструктури ІТ;

• Здатність проектувати, розробляти та використовувати засоби реалізації інформаційних систем, технологій та інфокомунікацій (методичні, інформаційні, алгоритмічні, технічні, програмні та інші) ;

• Здатність аналізувати об’єкт проєктування або функціонування та його предметну область;

• Здатність управляти якістю продуктів і сервісів інформаційних систем та технологій протягом їх життєвого циклу

• Здатність формувати нові конкурентоспроможні ідеї й реалізовувати їх у проектах (стартапах).

• Здатність управляти та користуватися сучасними інформаційно-комунікаційними системами та технологіями (у тому числі такими, що базуються на використанні Інтернет).

За результатами вивчення дисципліни студент повинен:

Знати:

• структуру HTML- документу;

• каскадні таблиці стилів (CSS), основні властивості CSS;

• основні компоненти об’єктної моделі документа (DOM);

• правила використання і основні елементи мов JavaScript та PHP.

Вміти:

• розробити структуру WEB- сайту;

• застосовувати засоби каскадних таблиць стилів (CSS) для форматування

  сторінок WEB-сайту;

• застосовувати засоби мови JavaScript при роботі з основними

  об’єктами HTML-документу;

• розробити базу даних для використання у динамічних WEB- сайтах;

• використовувати засоби мови PHP для написання скриптів та зв’язку з

  базами даних;

• бути здатним вирішити складні спеціалізовані задачі та практичні

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

Пререквізити та постреквізити дисципліни (місце в структурно-логічній схемі навчання за відповідною освітьою програмою)

Пререквізити:

При вивченні цієї дисципліни використовуються знання студентів з дисциплін: «Алгоритмізація та програмування», «Об'єктно-орієнтовне програмування», «Комп'ютерні мережі» «Бази даних».

Постреквізити:

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

Зміст навчальної дисципліни

Розділ 1 Основи Frontend розробок ( WEB-дизайн). HTML. CSS. JavaScript.

Тема 1.1 Вступ. Структура і принципи сучасних WEB-технологій. Клієнт-серверна WEB- архітектура. Мова гіпертекстової розмітки HTML. Структура HTML-документу. Блочна верстка HTML-документу за макетом.

Тема1.3 Стильове оформлення елементів HTML-документу. Введення в CSS. Імпортування таблиці стилів. Ідентифікатори. Селектори. Доступ до CSS із JavaScript .

Тема1.3 Верстка HTML-документу за макетом. Типи макетів.

Тема1.4 Функції, класи, об’єкти мовою JavaScript. Обробка подій в клієнтських сценаріях.

Тема1.5 Програмна взаємодія з HTML документами на основі DOM АРІ. Використання в сценаріях JavaScript бібліотек крос-браузерних інтерфейсів, методів DOM. Бібліотека jQuery.

Розділ 2 Основи Backend розробок (WEB-програмування). РНР. MySQL.

Тема 2.1 WEB-сервери та принципи їх роботи з користувачем. Серверні WEB-застосування. Розроблення серверних сценаріїв мовою PHP. Вирази та управління процесом виконання програми мовою PHP.

Тема 2.2 Класи, об’єкти мовою програмування PHP. Конструктори. Деструктори.. Масиви. Обробка масивів мовою РНР.

Тема 2.3 Введение в MySQL. Проектування бази даних. Нормалізація форм. Функції MySQL. Транзакції. Ядра транзакцій.

Тема 2.4 Структура SQL-запитів. Доступ до MySQL з використанням PHP. Інтерфейси взаємодії WEB-застосувань з системою керування баз даних (СКБД). Асинхронна взаємодія клієнтської і серверної частин WEB- застосувань з використанням AJAX. Cookie, сесії и аутентифікація. Обработка форм.

Навчальні матеріали та ресурси

4.1Базова література

1. HTML Підручник. w3schools.com. українською. https://w3schoolsua.github.io/html/index.html

2. HTML. Мова для створення веб-сторінок. w3schools.com. Українською. https://w3schoolsua.github.io/index.html#gsc.tab=0

3. HTML Довідник тегів. https://w3schoolsua.github.io/tags/index.html

4. CSS Підручник. w3schools.com. українською. https://w3schoolsua.github.io/css/index.html#gsc.tab=0

5. HTML.Language for creating web pages. W3Schools in English. https://w3schoolsua.github.io/index\_en.html#gsc.tab=0

6. HTML Tutorial. https://w3schoolsua.github.io/html/index_en.html#gsc.tab=0

7. Підручники HTML та CSS. https://htmlbook.at.ua/news/tutorial_html/1-0-1

8. Learn to Code. With the world's largest web developer site. https://www.w3schools.com/

   4.2. Допоміжна

9. Український веб-довідник. https://css.in.ua/

10. Довідник по HTML тегам https://css.in.ua/html/tags

11. Довідник HTML тегів https://html-css.co.ua/dovidnuk-html-tags/

12. HTML конструювання. http://htmlbook.in.ua/

13. http://htmlbook.in.ua/tegs-html/

14. http://htmlbook.in.ua/pr01-html/

15. CSS-TRICKS. GUIDES. ARTICLES. https://css-tricks.com/

Навчальний контент

Методика опанування навчальної дисципліни (освітнього компонента)

1. Лекційні заняття

5.2 Лабораторні заняття

Самостійна робота студента

Політика та контроль

Політика навчальної дисципліни (освітнього компонента)

Як викладач, так і студент зобов’язані дотримуватись Кодексу честі Національного технічного університету України «Київський політехнічний інститут»

Основні положення політики:

• відвідування лекційних та лабораторних робіт є обов’язковою складовою вивчення матеріалу;

• під час проведення лекції, викладач користується власним презентаційним матеріалом з демонстрацією практичної частини на комп’ютері з встановленим інтегрованим середовищем розробки;

• всі матеріали поточної лекції, лабораторних та самостійних робіт, додаткових матеріалів, літератури розміщуються викладачем у середовищі Classroom.

• після виконання лабораторних та самостійних робіт, студенти розміщують посилання на них на Git Hub або у власній папці на гугл-диску або в Classroom;

• до кожної лабораторної роботи студенти виконують проміжний тест, оцінка за який входить до складу загальної оцінки за лабораторну роботу;

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

• у випадку виявлення факту академічної недоброчесності лабораторна або самостійна робота не зараховується;

• заохочувальні бали виставляються за: участь у факультетських та інститутських олімпіадах з навчальних дисциплін, участь у конкурсах з ІТ-технологій, підготовка оглядів наукових праць, ; презентацій по одній із тем СРС дисципліни тощо. Кількість заохочуваних балів не більше 10;

• штрафні бали виставляються за: невчасну здачу лабораторної та самостійної робіт. Кількість штрафних балів не більше 10.

Види контролю та рейтингова система оцінювання результатів навчання (РСО)

8.1 Поточний контроль

Рейтинг студента з дисципліни кладається з балів, що він отримує за:

1. виконання та захист 9 лабораторних робіт;

2. виконання та захист 9 самостійних робіт;

3. виконання 2-х модульних контрольних робіт (МКР);

4. проміжні тести для перевірки засвоєння вивченого матеріалу;

5. заохочувальні бали;

6. штрафні бали (віднімаються від загальної суми оцінювання

   лабораторної або самостійної робіт ;

8.2 Система рейтингових (вагових) балів та критерії оцінювання

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

Вагові бали кожної лабораторної роботи наведені у Таблиці 1. Сумарний ваговий бал за даний контрольний захід (r₃) складає 45 балів.

Критерії оцінювання лабораторних робіт включають якість їх виконання та захист. (Таблиця 1).

Таблиця 1 – Вагові бали та критерії оцінювання лабораторних робіт

• **Кожна лабораторна робота оцінюється максимальною оцінкою в 5 бали

  за:**

Виконання 1 бал

Захист 2 бал (тест)

Звітний HTML-документ 2 бал

де,

*Максимальна сумарна оцінка за 9 лабораторних робіт – **45 балів

---

• Кожна самостійна робота оцінюється максимальною оцінкою в 1 бал.

Максимальна сумарна оцінка за 9 самостійних робіт – 9 балів

8.2.2 Модульні контрольні роботи

Кожна модульна контрольна робота оцінюється максимальною оцінкою в 23 бали
де,

Максимальна сумарна оцінка за модульні контрольні роботи 46 балів

Модульні контрольні виконуються у вигляді тестів

8.2.3 Заохочувальні бали

за виконання творчих робіт (наприклад, участь у факультетських та інститутських олімпіадах з навчальних дисциплін, участь у конкурсах робіт, підготовка оглядів наукових праць тощо); за активну роботу на лекції (питання, доповнення, зауваження за темою лекції, коли лектор пропонує студентам задати свої питання) 1-2 бали, але в сумі не більше 10;

8.2.4 Штрафні бали

За кожне заняття запізнення з поданням лабораторної або самостійної робіт до захисту від встановленого терміну оцінка знижується на 0,5 бал.

При наяності довідки або інших вагомих причин – бали не знімаються

8.2.5 Умови позитивної проміжної атестації

Для отримання “зараховано” з першої проміжної атестації (8 тиждень) студент повинен мати не менше ніж 12 балів (за умови, якщо на початок 8 тижня згідно з календарним планом контрольних заходів “ідеальний” студент має отримати 22 балів).

Для отримання “зараховано” з другої проміжної атестації (14 тиждень) студент повинен мати не менше ніж 18 балів (за умови, якщо на початок 14 тижня згідно з календарним планом контрольних заходів “ідеальний” студент має отримати 25 балів).

Розрахунок шкали рейтингу :

Максимальна сума вагових балів контрольних заходів протягом семестру складає:

Rc = 45 + 9 + 46= 100 балів

Необхідною умовою допуску до заліку є:

• виконання 9 лабораторних робіт на оцінку не нижче ніж “задовільно” + HTML-звітний документ ;

• виконання МКР не нижче ніж на оцінку “задовільно”.

Для отримання студентом відповідних оцінок -його рейтингова оцінка R_D переводиться в оцінку згідно з таблицею:

Бали	Оцінка
95… 100	відмінно
85 … 94	дуже добре
75 … 84	добре
65 … 74	задовільно
60 … 64	достатньо
<60	незадовільно
< 50 або не виконані інші умови допуску до заліку	недопущений

Додаткова інформація з дисципліни (освітнього компонента)

Перелік питань, які виносяться на семестровий контроль розміщений в Classroom

Робочу програму навчальної дисципліни (силабус):

Складено ст.викладачем Проскурою Світланою Леонідівною

Ухвалено Кафедрою ІСТ протокол № 15 від 15.06.22

Погоджено Методичною комісією факультету протокол № 11 від 07.07.22