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

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

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

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

Дана навчальна дисципліна є основою теоретичних знань, практичних вмінь та навичок Frontend та Backend розробок (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 для написання скриптів та зв’язку з

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

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

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

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

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

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

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

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

Зміст навчальної дисципліни Основи Frontend розробок ( WEB-дизайн). HTML. CSS. JavaScript.

Розділ 1

Тема 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. Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 4-е изд. — СПб.: Питер, 2016. — 768 с.: ил. — (Серия «Бестселлеры O’Reilly»).

2. Маклафлин Б. PHP и MySQL. Исчерпывающее руководство. 2-е изд. — СПб.: Питер, 2014. — 544 с.: ил. — (Серия “Бестселлеры O’Reilly”).

3. Макфарланд Д. Новая большая книга CSS. — СПб.: Питер, 2016. — 720 с.: ил. — (Серия “Бестселлеры O’Reilly”).

4. Стефанов С. JavaScript. Шаблоны. – Пер. с англ. – СПб.: Символ-Плюс, 2011. – 272 с., ил.

5. Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.0. – СПб.: БХВ-Петербург, 2003. – 672 с.

6. Бадд, Энди, Молл, Камерон, Саймон. Мастерская CSS: профессиональное применение Web-стандартов: Пер. с англ. М.: ООО “И.Д. Вильямс”, 2007. – 272 с.

4.2. Допоміжна

1. Монкур, Майкл. Освой самостоятельно JavaScript за 24 часа, 2-е

   издание: Пер. с англ. – М.: Издательский дом “Вильяме”, 2001. – 320 с.

2. Кузнецов М. В., Симдянов И. В., Голышев С. В. РНР 5. Практика

   разработки Web-сайтов. – СПб.: БХВ-Петербург, 2005. – 960 с.

3. Коггзолл, Джон. РНР 5. Полное руководство: Пер. с англ. – М.:

   Издательский дом “Вильяме”, 2006. – 752 с.

4. Кухарчик А. РНР: обучение на примерах/ А. Кухарчик. – Мн.: Новое

   знание, 2004. – 237 с.

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

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

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

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

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

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

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

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

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

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

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

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

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

• заохочувальні бали виставляються за: активну участь на лекціях та комп’ютерних практикумах, кількість заохочуваних балів на більше 10;

• невчасне виконання комп’ютерних практикумів, контрольних робіт та тестів тягне за собою зниження отриманих балів (див. Таблицю2).

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

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

Поточний контроль успішності засвоєння знань виконується шляхом виконання студентами: лабораторних робіт, модульної контрольної роботи (МКР), проміжкових контрольних робіт, тестів, , завдань, що видані для самостійного відпрацювання.

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

• лабораторні роботи ;

• одну модульну контрольну роботу (МКР поділяється на дві контрольні роботи тривалістю по одній академічній годині);

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

• самостійну роботу;

• складання заліку.

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

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

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

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

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

Критерії оцінювання лабораторних робіт 1- 6:

Критерії оцінювання лабораторних робіт 7- 9:

Модульна контрольна робота

Ваговий бал МКР –12 балів.

Критерії оцінювання кожної частини МКР:

Штрафні та заохочувальні бали за:

• виконання додаткових завдань – підвищення на 5 балів.

• не своєчасну здачу лабораторних робіт - % зниження відповідно таблиці 2.

Таблиця 2. Штрафи за затримку виконання лабораторних робіт

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

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

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

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

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

Rc = 48+12 = 60 балів

Залікова складова шкали дорівнює 40% , а саме:

балів.

Таким чином, рейтингова шкала з дисципліни складає 60+40 =100 балів.

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

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

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

Критерії залікового оцінювання:

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

Критерії оцінювання якості практичної частини роботи:

Ваговий бал теоретичної частини екзаменаційної роботи – 25 балів.

Критерії оцінювання якості теоретичної частини роботи:

Ваговий бал теоретичної частини екзаменаційної роботи – 15 балів.

У підсумку за складання практичної та теоретичної частини залікового завдання студент отримує:

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

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

Перелік питань, які виносяться на семестровий контроль розміщений в системі « КАМПУС».

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

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

Ухвалено кафедрою ІСТ(протокол № 1 від 30.08.2021 р.)

Погоджено Методичною комісією факультету[1] (протокол № 1 від 30.08.2021 р.)