Будь ласка, використовуйте цей ідентифікатор, щоб цитувати або посилатися на цей матеріал: http://elartu.tntu.edu.ua/handle/lib/49672
Назва: Розробка навчально-демонстраційного сайту «SkillUpCoding»
Інші назви: Development of the educational and demonstration website “SkillUpCoding”
Автори: Білик, Володимир Сергійович
Bilyk, Volodymyr
Приналежність: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Бібліографічний опис: Білик В. С. Розробка навчально-демонстраційного сайту «SkillUpCoding» : кваліфікаційна робота на здобуття освітнього ступеня бакалавра за спеціальністю 123 – Комп’ютерна інженерія. Тернопіль : ТНТУ, 2025. 154 с.
Дата публікації: 2025
Дата внесення: 9-лип-2025
Видавництво: ВСП "Тернопільський фаховий коледж Тернопільського національного технічного університету імені Івана Пулюя"
Країна (код): UA
Місце видання, проведення: Тернопіль
Науковий керівник: Лісовий, Володимир Миколайович
Lisovyi, Volodymyr
Члени комітету: Стрембіцький, Михайло Олексійович
Strembitskiy, Muhailo
алексевич, наталя
Теми: вебсайт
website
тестування
testing
авторизація
authorization
коментарі
comments
HTML
snippet
CSS
JavaScript
MongoDB
Node.js
Діапазон сторінок: 154
Короткий огляд (реферат): Кваліфікаційна робота присвячена розробці вебплатформи «SkillUpCoding», яка об'єднує навчальні матеріали з програмування, систему тестування знань та функціонал публікації коротких фрагментів коду (snippet-ів). Сайт дозволяє користувачам переглядати, сортувати, оцінювати й коментувати snippet-и, проходити тематичні тести з HTML, CSS, JavaScript, а також зберігати результати в особистому профілі. Система побудована із застосуванням сучасних вебтехнологій: HTML, CSS, JavaScript, Node.js, MongoDB. Реалізовано авторизацію, захист даних, адаптивний інтерфейс і підтримку вкладених коментарів. Розробка орієнтована на студентів, слухачів курсів і самонавчання в IT-сфері.
The bachelor's qualification project is dedicated to the development of the “SkillUpCoding” web platform, which integrates educational programming materials, a knowledge testing system, and the ability to publish short code snippets. The website enables users to browse, sort, rate, and comment on snippets, take thematic tests in HTML, CSS, JavaScript, and store results in their user profile. The system is developed using modern web technologies: HTML, CSS, JavaScript, Node.js, and MongoDB. It includes user authorization, data protection, a responsive UI, and nested comment support. The platform is intended for students, course participants, and self learners in the IT field.
Зміст: ПЕРЕЛІК ТЕРМІНІВ І СКОРОЧЕНЬ...8 ВСТУП... 9 1. ЗАГАЛЬНИЙ РОЗДІЛ... 10 1.1. Аналітичний огляд існуючих рішень ... 10 1.2. Технічне завдання ... 12 1.2.1. Найменування та область застосування ... 15 1.2.2. Призначення розробки... 17 1.2.3. Вимоги до функціоналу вебсайту... 18 1.2.4. Вимоги до програмної документації... 20 1.2.5. Техніко-економічні показники ... 22 1.2.6. Стадії та етапи розробки ... 24 1.2.7. Порядок тестування та прийому ... 26 2. РОЗРОБКА ТЕХНІЧНОГО ТА РОБОЧОГО ПРОЕКТУ ... 28 2.1. Розробка структури сайту і вебсторінок ... 28 2.2. Створення та верстка сторінок сайту ... 30 2.3. Розробка структури бази даних ... 33 2.4. Програмування сайту ... 36 2.4.1. Написання клієнтської частини ... 38 2.4.2. Написання серверної частини ... 44 2.5. Тестування вебсайту SkillUpCoding ... 46 3. СПЕЦІАЛЬНИЙ РОЗДІЛ ... 48 3.1. Інструкція з розміщення сайту в Інтернеті ... 48 3.2. Інструкція з обслуговування та наповнення сайту ... 52 3.3. Інструкція з популяризації та підтримки сайту ... 54 4. ЕКОНОМІЧНИЙ РОЗДІЛ ... 58 4.1. Визначення стадій технологічного процесу ... 58 4.2. Витрати на оплату праці та соц. заходи ... 59 4.3. Розрахунок матеріальних витрат ... 62 4.4. Розрахунок витрат на електроенергію ... 64 4.5. Визначення транспортних затрат ... 65 4.6. Розрахунок амортизаційних відрахувань ... 65 4.7. Обчислення накладних витрат ... 66 4.8. Кошторис витрат і собівартість НДР ... 67 4.9. Розрахунок ціни НДР ... 68 4.10. Економічна ефективність і термін окупності ... 69 5. ОХОРОНА ПРАЦІ, ТЕХНІКА БЕЗПЕКИ ТА ЕКОЛОГІЧНІ ВИМОГИ... 72 5.1. Розрахунок системи штучного освітлення ... 72 5.2. Основні нормативні акти в сфері ІТ ... 78 ВИСНОВОК ... 83 ПЕРЕЛІК ПОСИЛАНЬ ... 85 ДОДАТКИ ... 86
URI (Уніфікований ідентифікатор ресурсу): http://elartu.tntu.edu.ua/handle/lib/49672
Власник авторського права: ©Білик Володимир Сергійович
Перелік літератури: 1. ДБН В.2.5-28:2018. Природне і штучне освітлення : державні будівельні норми України. Київ : Мінрегіон України, 2018. 74 с.
2. Шевчук В. Я. Основи веб-програмування : навч. посіб. Львів : Видавництво ЛНУ ім. Івана Франка, 2020. 224 с.
3. Ляшенко О. О., Кривко А. В. Практичне програмування JavaScript. Харків : ФОП Коваленко, 2021. 196 с.
4. Crockford D. JavaScript: The Good Parts. Sebastopol : O’Reilly Media, 2008. 176 p.
5. Поліщук М. І. HTML і CSS: основи створення сучасних веб-сайтів. Київ : Академвидав, 2022. 312 с.
6. Web Content Accessibility Guidelines (WCAG) 2.1 [Електронний ресурс]. – Режим доступу: https://www.w3.org/TR/WCAG21/. – Дата звернення: 01.06.2025.
7. JavaScript Mozilla Developer Network (MDN). Web Docs: HTML, CSS, [Електронний ресурс]. – Режим доступу: https://developer.mozilla.org. – Дата звернення: 01.06.2025. – Заголовок з екрану.
8. GitHub Pages Documentation. Hosting static websites [Електронний ресурс]. – Режим доступу: https://pages.github.com. – Дата звернення: 01.06.2025.
Тип вмісту: Bachelor Thesis
Розташовується у зібраннях:123 — Комп’ютерна інженерія (бакалаври ТФК)

Файли цього матеріалу:
Файл Опис РозмірФормат 
Bilyk_V.pdfкваліфікаційна робота бакалавра2,6 MBAdobe PDFПереглянути/відкрити


Усі матеріали в архіві електронних ресурсів захищені авторським правом, всі права збережені.