WEB-сайт онлайн курсів іноземної мови

ПОЛЯНСЬКА, Софія
Please use this identifier to cite or link to this item: https://er.chdtu.edu.ua/handle/ChSTU/7350
Title:	WEB-сайт онлайн курсів іноземної мови
Authors:	ГРЕСЬКО, Світлана ПОЛЯНСЬКА, Софія
Keywords:	WIX;ВЕБ-ТЕХНОЛОГІЇ;ВЕБ-CАЙТ;ПРОГРАМНЕ ЗАБЕЗПЕЧЕННЯ;ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ;ВЕБ-ДИЗАЙН
Issue Date:	2024
Abstract:	У кваліфікаційній роботі бакалавра був розроблено веб-сайт онлайн курсів іноземної мови. Метою даної роботи є створення ефективного веб-сайту онлайн курсів іноземної мови, що відповідає сучасним вимогам та забезпечує зручність користування для цільової аудиторії – студентів, викладачів та інших зацікавлених осіб. Під час розробки веб-сайту були використані сучасні інструменти та технології, а саме конструктор Wix. Створений веб-сайт виконує наступні функції:  представлення школи та її курсів;  містить каталог з різноманітними курсами англійської мови;  дозволяє переглянути детальний опис кожного курсу через сайт;  надає контактну інформацію для зручності студентів. В першому розділі виконано постановку задач. В другому розділі виконано дослідження ринку та аналіз технологій. В третьому розділі виконано опис основ створення веб-сайтів для освітніх платформ. В четвертому розділі обґрунтовано вибір програмних засобів розробки. В п’ятому розділі виконано розробку веб-сайту. Кваліфікаційна робота бакалавра складається з пояснювальної записки загальним обсягом 105 сторінок та 2 додатків.
URI:	https://er.chdtu.edu.ua/handle/ChSTU/7350
Appears in Collections:	123 Комп’ютерна інженерія (Комп'ютерні системи та мережі)
Files in This Item:
File	Description	Size	Format
1_ТИТУЛКА_Полянська-merged.pdf Restricted Access		3.63 MB	Adobe PDF	View/Open Request a copy
Show full item record
Extracted text
МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
ФАКУЛЬТЕТ ІНФОРМАЦІЙНИХ ТЕХНОЛОГІЙ І СИСТЕМ
КАФЕДРА ІНФОРМАЦІЙНОЇ БЕЗПЕКИ ТА КОМП’ЮТЕРНОЇ ІНЖЕНЕРІЇ
ПОЯСНЮВАЛЬНА ЗАПИСКА
до кваліфікаційної роботи бакалавра
на тему:«WEB-сайт онлайн курсів іноземної мови»
ЧДТУ.242037.006 ПЗ
Виконав: студентка4 курсу, групи КМ-2005
спеціальності 123 – «Комп’ютерна інженерія»
за освітньою програмою – «Комп’ютерні системи
та мережі»
Софія ПОЛЯНСЬКА
Керівник
Світлана ГРЕСЬКО
Рецензент
к.т.н., доцент, доцент кафедри комп’ютерної
інженерії та інформаційних технологій
Черкаського державного бізнес коледжу
Марія ЗАХАРОВА
«ЗАХИСТ ДОЗВОЛЯЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор ___________ Віра БАБЕНКО
Черкаси 2024 року
Форма № Н-9.01
ЧЕРКАСЬКИЙ ДЕРЖАВНИЙ ТЕХНОЛОГІЧНИЙ УНІВЕРСИТЕТ
Факультет: інформаційних технологій і систем
Кафедра: інформаційної безпеки та комп’ютерної інженерії
Освітньо-кваліфікаційний рівень: Бакалавр
Спеціальність 123 – Комп’ютерна інженерія
Освітня програма Комп’ютерні системи та мережі
«ЗАТВЕРДЖУЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор _____________ Віра БАБЕНКО
«28» лютого 2024 року
ЗАВДАННЯ
на кваліфікаційну роботу бакалавра студенту
Полянській Софії Іванівні
(прізвище, ім‘я, по батькові)
1. Тема роботи: WEB-сайт онлайн курсів іноземної мови
Керівник роботи: старший викладач, Гресько Світлана Олексіївна
(прізвище, ім’я, по батькові, науковий ступінь, вчене звання)
затверджені наказом університету від «26» лютого 2024 р. № 60/04
2. Строк подання студентом роботи:
3. Вихідні дані до роботи:
 розробка WEB-сайту онлайн курсів іноземної мови в середовищі Wix;
 реалізація WEB-сайту онлайн курсів іноземної мови на платформі Wix.
4. Зміст розрахунково-пояснювальної записки (перелік питань, що їх належить розробити):
Вступ
1. Постановка задачі
2. Дослідження ринку та аналіз технологій
3. Теоретичні основи створення веб-сайтів для освітніх платформ
4. Опис платформи Wix
5. Розробка веб-сайту
Висновки
Додатки
Список використаних джерел.
5. Перелік графічного матеріалу (з точним зазначенням обов’язкових креслень, плакатів):
1. Специфікація
2. Текст програми
6. Консультанти розділів роботи:
Розділ Прізвище, ініціали Підпис, дата
консультанта завдання видав завдання прийняв
7. Дата видачі завдання: 28 лютого 2024 року
КАЛЕНДАРНИЙ ПЛАН
Термін
№ з/п Назва етапів роботи виконання Примітка
етапів роботи
1 Збір матеріалу 01.03 – 14.03 виконано
2 Обробка матеріалу 15.03 – 20.03 виконано
3 Планування структури роботи 21.03 - 31.03 виконано
4 Написання вступу 01.04 - 10.04 виконано
5 Розробка основної частини 11.04 - 20.04 виконано
6 Проведення дослідження або аналіз даних 21.04 - 30.04 виконано
7 Формулювання висновків 01.05 - 10.05 виконано
8 Оформлення пояснювальної записки 11.05 - 20.05 виконано
9 Оформлення графічного матеріалу 21.05 – 02.06 виконано
10 Подання роботи на відгук та рецензування 01.06.2024 виконано
Студентка ___________________________ Софія ПОЛЯНСЬКА
(підпис)
Керівник роботи ___________________________ Світлана ГРЕСЬКО
(підпис)
АНОТАЦІЯ
У кваліфікаційній роботі бакалавра був розроблено веб-сайт онлайн
курсів іноземної мови.
Метою даної роботи є створення ефективного веб-сайту онлайн курсів
іноземної мови, що відповідає сучасним вимогам та забезпечує зручність
користування для цільової аудиторії – студентів, викладачів та інших
зацікавлених осіб.
Під час розробки веб-сайту були використані сучасні інструменти та
технології, а саме конструктор Wix. Створений веб-сайт виконує наступні
функції:
 представлення школи та її курсів;
 містить каталог з різноманітними курсами англійської мови;
 дозволяє переглянути детальний опис кожного курсу через сайт;
 надає контактну інформацію для зручності студентів.
В першому розділі виконано постановку задач.
В другому розділі виконано дослідження ринку та аналіз технологій.
В третьому розділі виконано опис основ створення веб-сайтів для
освітніх платформ.
В четвертому розділі обґрунтовано вибір програмних засобів розробки.
В п’ятому розділі виконано розробку веб-сайту.
Кваліфікаційна робота бакалавра складається з пояснювальної записки
загальним обсягом 105 сторінок та 2 додатків.
Ключові слова: WIX, ВЕБ-ТЕХНОЛОГІЇ, ВЕБ-CАЙТ, ПРОГРАМНЕ
ЗАБЕЗПЕЧЕННЯ, ІНФОРМАЦІЙНІ ТЕХНОЛОГІЇ, ВЕБ-ДИЗАЙН
ANNOTATION
A website for online foreign language courses was developed in the
bachelor's qualification work.
The purpose of this work is to create an effective website for online foreign
language courses that meets modern requirements and provides ease of use for the
target audience - students, teachers and other interested persons.
During the development of the website, modern tools and technologies were
used, namely the Wix builder. The created website performs the following
functions:
 presentation of the school and its courses;
 contains a catalog with various English language courses;
 allows you to view a detailed description of each course through the site;
 provides contact information for students' convenience.
In the first section, the tasks were set.
In the second section, market research and technology analysis were
performed.
The third section describes the basics of creating websites for educational
platforms.
The fourth chapter substantiates the choice of software development tools.
In the fifth chapter, the website was developed.
The bachelor's qualification thesis consists of an explanatory note with a
total volume of 105 pages and 2 appendices.
Keywords: WIX, WEB TECHNOLOGIES, WEBSITE, SOFTWARE,
INFORMATION TECHNOLOGIES, WEB DESIGN
ЗМІСТ
ВСТУП..................................................................................................................... 3
1 ПОСТАНОВКА ЗАДАЧІ.....................................................................................5
2 ДОСЛІДЖЕННЯ РИНКУ ТА АНАЛІЗ ТЕХНОЛОГІЙ...................................6
2.1 Огляд ринку онлайн курсів з іноземних мов........................................6
2.2 Сучасні технології та платформи для створення веб-сайтів.............15
2.3 Порівняння платформ для створення веб-сайтів: Wix, WordPress,
Squarespace...................................................................................................23
2.4 Вибір платформи для реалізації проекту............................................24
3 ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ ВЕБ-САЙТІВ ДЛЯ ОСВІТНІХ
ПЛАТФОРМ..........................................................................................................27
3.1 Основи веб-технологій ......................................................................... 27
3.2 Архітектура веб-сайтів .........................................................................28
3.3 Системи управління контентом (CMS)...............................................29
3.4 Інструменти для створення та управління онлайн курсами............. 31
4 ОПИС ПЛАТФОРМИWIX...............................................................................35
4.1 Основні характеристики та можливості Wix......................................35
4.2 Інструменти та функціонал Wix для створення освітніх сайтів.......37
4.3 Переваги та недоліки використання Wix............................................40
5 РОЗРОБКА ВЕБ-САЙТУ.................................................................................. 45
5.1 Оформлення зовнішнього вигляду......................................................45
5.2 Створення веб-сайту.............................................................................48
ВИСНОВКИ...........................................................................................................70
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ...................................72
ДОДАТКИ:
А – 482.ЧДТУ.42037-01 WEB-сайт онлайн курсів іноземної мови
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ……………………………...………103
ЧДТУ.242037.006 ПЗ
Змн. Арк. № докум. Підпис Дат
РозрКобив Полянська С.І. а
Керівник Гресько С.О.. WEB-сайт онлайн Літ. Лист Листів
2 105
Рецеанзент Захарова М.В. курсів іноземної мови
Н.Контроль Гресько С.О. Пояснювальна записка Кафедра ІБ та КІ
Затвфердив Бабенко В.Г. гр. КМ-2005
е
д
р
а
К
К
-
0
6
ВСТУП
Метою кваліфікаційної роботи бакалавра є розробка WEB-сайту
онлайн курсів іноземної мови на платформі Wix. Обрання саме цієї
платформи пояснюється її багатофункціональністю, легкістю у використанні
та широкими можливостями для створення інтерактивних і адаптивних веб-
ресурсів. Використання Wix дозволяє значно скоротити час розробки сайту,
оскільки не потребує глибоких знань програмування і надає готові шаблони
та інструменти для створення професійного веб-сайту.
Платформа Wix обрана завдяки її потужним можливостям для
створення адаптивних, функціональних та естетично привабливих веб-сайтів
без необхідності глибоких знань програмування. Це дозволяє зосередитися
на розробці змістовного та інтерактивного навчального контенту, який
сприятиме ефективному засвоєнню матеріалу користувачами.
Актуальність теми. В останні роки спостерігається значне зростання
популярності онлайн-освіти. Це зумовлено зручністю, гнучкістю та
доступністю навчання через інтернет. Особливо актуальним це стало в
умовах пандемії COVID-19, коли більшість навчальних закладів були
змушені перейти на дистанційне навчання. Онлайн-курси дозволяють
студентам навчатися у зручний для них час і з будь-якого місця, що особливо
важливо для людей з обмеженими можливостями, робочим графіком або
географічними бар'єрами.
Створення адаптивного веб-сайту, який добре функціонує на різних
пристроях (десктопах, планшетах, смартфонах), забезпечує доступ до
навчальних матеріалів у будь-який час та з будь-якого місця. Це відповідає
потребам сучасних користувачів, які все частіше використовують мобільні
пристрої для доступу до інформації.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 3
а
Таким чином, розробка веб-сайту для онлайн курсів іноземної мови на
платформі Wix є актуальною темою, що відповідає сучасним тенденціям у
сфері освіти та інформаційних технологій. Вона сприяє підвищенню
доступності та якості навчання, задовольняючи потреби широкого кола
користувачів у сучасному світі.
У процесі роботи було проведено детальний аналіз потреб цільової
аудиторії, розроблено структуру та дизайн сайту, а також впроваджено
інтерактивні елементи для покращення навчального процесу. Особлива увага
буде приділена зручності використання сайту та його адаптивності для
різних пристроїв.
Результати цієї роботи можуть стати основою для створення інших
освітніх проектів, спрямованих на розвиток мовних навичок. Успішна
реалізація даного проекту сприятиме підвищенню доступності та якості
онлайн-навчання, що дозволить студентам та іншим користувачам
ефективніше вивчати іноземні мови в умовах сучасного цифрового світу.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 4
а
1 ПОСТАНОВКА ЗАДАЧІ
Метою кваліфікаційної роботи бакалавра є розробка WEB-сайту
онлайн курсів іноземної мови на платформі Wix. Для створення
функціонального, зручного та інтерактивного веб-сайту онлайн курсів
іноземної мови на платформі Wix, який забезпечить ефективне навчання та
задовольнить потреби користувачів. потрібно вирішити такі задачі:
 Аналіз потреб цільової аудиторії. Для даного етапу необхідно визначити
ключові функції та можливості, які мають бути реалізовані на веб-сайті.
 Розробка структури веб-сайту. Створення схему-структури веб-сайту з
основними розділами та забезпечення логічної та інтуїтивно зрозумілої
навігації.
 Розробка дизайну сайту. Для цього етапу потрібно створити привабливий
та сучасний дизайн, що відповідає тематиці онлайн-навчання та має
коректне відображення на різних пристроях (смартфони, планшети,
ноутбуки, ПК)
 Розробка та впровадження навчального контенту. Необхідно підібрати
якісні навчальні матеріали: відеоуроки, тексти.
 Інтеграція інтерактивних елементів. Потрібне включення інтерактивних
вправ, що сприяють активному залученню студентів у навчальний
процес.
 Тестування та виправлення помилок сайту. Проведення всебічного
тестування веб-сайту функціональності та зручності використання. При
виявленні помилок, необхідно виправити наявні помилки.
Вирішення цих задач дозволить створити ефективний, зручний та
адаптивний веб-сайт для онлайн курсів іноземної мови, що забезпечить
високий рівень навчання та задоволення потреб сучасних користувачів.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 5
а
2 ДОСЛІДЖЕННЯ РИНКУ ТА АНАЛІЗ ТЕХНОЛОГІЙ
2.1 Огляд ринку онлайн курсів з іноземних мов
На початку створення веб-сайту курсів іноземної мови необхідно
проаналізувати існуючі рішення (варіанти) проблем у цій галузі, щоб
з’ясувати, яке впровадження є успішним, а яке потрібно вдосконалити. Тому,
щоб створити власний web-сайт онлайн курсів іноземної мови, потрібно
проаналізувати кілька існуючих онлайн курсів іноземної мови :
 Duolingo
 Rosetta Stone
 Babbel
 Busuu
Duolingo
Рисунок 2.1 – Сторінка Duolingo
Duolingo – це одна з найпопулярніших платформ для вивчення
іноземних мов, яка надає безкоштовний доступ до навчальних матеріалів та
використовує гейміфікацію для залучення користувачів.
Загальна інформація [3]
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 6
а
Заснування: Платформа була заснована у 2011 році Луїсом фон Аном
та Северіним Хакером.
Місія: "Безкоштовна освіта для всіх".
Мови: Duolingo пропонує курси більш ніж з 30 мов, включаючи
англійську, іспанську, французьку, німецьку, китайську та багато інших.
Гейміфікація: Duolingo використовує ігрові елементи, такі як рівні,
нагороди, бали досвіду, і серії, щоб підтримувати інтерес користувачів і
стимулювати регулярні заняття.
Адаптивне навчання: Платформа використовує алгоритми для
адаптації навчання до рівня знань і прогресу користувача.
Мобільність: Duolingo доступний на різних платформах, включаючи
веб-версію та мобільні додатки для iOS та Android.
Переваги:
 Безкоштовний доступ: Базова версія Duolingo безкоштовна, що
робить його доступним для широкої аудиторії.
 Легкість у використанні: Інтерфейс простий та інтуїтивно
зрозумілий.
 Гнучкість: Можливість навчатися у власному темпі та в зручний
час.
 Мотивація: Гейміфікація та система нагород підтримують
мотивацію користувачів.
Недоліки
 Обмеженість контенту: Хоча Duolingo підходить для
початкового та середнього рівнів, він може бути недостатньо глибоким для
просунутого вивчення мови.
 Відсутність живого спілкування: Немає можливості
спілкуватися з носіями мови або викладачами, що важливо для розвитку
розмовних навичок.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 7
а
 Структура уроків: Деякі користувачі відзначають, що структура
уроків може бути занадто лінійною і не завжди відповідає реальним
потребам у навчанні.
Ефективність
 Користувацькі відгуки: Багато користувачів позитивно
оцінюють платформу за її доступність, інтерактивність та ефективність на
початкових етапах навчання.
Висновки та рекомендації
 Для користувачів: Duolingo є відмінним інструментом для
початку вивчення нової мови або покращення базових навичок. Однак для
досягнення високого рівня знань рекомендується використовувати додаткові
ресурси, такі як розмовні клуби, приватні уроки або інші освітні платформи.
 Для розробників: Продовжувати розширювати контент,
інтегрувати нові технології та покращувати взаємодію між користувачами
для підвищення ефективності навчання.
Duolingo займає важливе місце на ринку онлайн курсів іноземної мови
завдяки своїй доступності, інноваціям та ефективності на початкових етапах
навчання.
Rosetta Stone
Рисунок 2.2 – Сторінка Rosetta Stone
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 8
а
Rosetta Stone – це одна з найвідоміших платформ для вивчення
іноземних мов, яка відома своєю методикою повного занурення у мовне
середовище. Вона існує на ринку вже понад два десятиліття і здобула
визнання завдяки своїй ефективності та інноваційному підходу до навчання.
Загальна інформація [4]
Заснування: Платформа була заснована в 1992 році.
Місія: Допомогти людям вивчати нові мови за допомогою
інтерактивних методів та повного занурення.
Мови: Rosetta Stone пропонує курси для понад 20 мов, включаючи
англійську, іспанську, французьку, німецьку, італійську, китайську та інші.
Методика повного занурення: Rosetta Stone використовує методику
повного занурення, де учні взаємодіють з мовою без використання рідної
мови для пояснень. Це включає використання зображень, тексту, звуку та
відео для навчання.
Інтерактивні уроки: Користувачі проходять різні типи завдань, такі як
прослуховування, читання, говоріння та письмо.
Розпізнавання мови: Платформа використовує технологію
розпізнавання мови для покращення вимови учнів.
Мобільний додаток: Доступ до курсів можливий як через веб-версію,
так і через мобільні додатки для iOS та Android.
Переваги
 Повне занурення: Методика повного занурення дозволяє
ефективно засвоювати мову на інтуїтивному рівні, що сприяє кращому
запам'ятовуванню та використанню нових знань.
 Інтерактивність: Велика кількість інтерактивних завдань
допомагає підтримувати інтерес і мотивацію учнів.
 Технологія розпізнавання мови: Допомагає учням покращити
вимову і зменшити акцент.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 9
а
 Гнучкість: Можливість навчатися у власному темпі та з будь-
якого місця.
Недоліки
 Висока вартість: Rosetta Stone є однією з найдорожчих
платформ для вивчення мов, що може бути недоступним для багатьох
користувачів.
 Відсутність живого спілкування: Як і в багатьох інших онлайн-
платформах, бракує можливості живого спілкування з носіями мови або
викладачами.
 Один підхід до всіх: Методика повного занурення може не
підходити всім учням, особливо тим, хто потребує більше пояснень і
контексту.
Ефективність
 Користувацькі відгуки: Багато користувачів позитивно
оцінюють платформу за її інтерактивний підхід та ефективність методики
занурення.
Висновки та рекомендації
 Для користувачів: Rosetta Stone є ефективним інструментом для
вивчення нової мови, особливо на початкових етапах. Однак, через високу
вартість, рекомендується розглянути можливість використання платформи в
поєднанні з іншими ресурсами для досягнення кращих результатів.
 Для розробників: Продовжувати впровадження нових
технологій для покращення адаптивності та персоналізації навчання,
розширювати контент та додавати більше можливостей для живого
спілкування з носіями мови.
Rosetta Stone займає значне місце на ринку онлайн курсів іноземної
мови завдяки своїй методиці повного занурення, інноваційному підходу та
високій ефективності.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 10
а
Babbel
Рисунок 2.3 – Сторінка Babbel
Babbel – це популярна платформа для вивчення іноземних мов, яка
пропонує курси на основі інтерактивних уроків. Вона відома своєю
структурованістю, практичним підходом та акцентом на розмовні навички.
Загальна інформація [5]
Заснування: Платформа була заснована у 2007 році Маркусом
Вавратом та Томасом Холзином.
Місія: Надати якісну мовну освіту, орієнтовану на практичне
використання знань у реальних ситуаціях.
Мови: Babbel пропонує курси для 14 мов, включаючи англійську,
іспанську, французьку, німецьку, італійську, португальську та інші.
Структуровані курси: Курси організовані за рівнями та темами, що
дозволяє користувачам поступово освоювати нові знання.
Фокус на розмовні навички: Babbel робить акцент на вивчення фраз
та виразів, які можуть бути використані в реальних життєвих ситуаціях.
Інтерактивні уроки: Уроки включають вправи на читання, письмо,
слухання та говоріння.
Персоналізація: Платформа адаптується до рівня знань користувача та
пропонує індивідуальні рекомендації.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 11
а
Мобільний додаток: Babbel доступний на веб-платформі та через
мобільні додатки для iOS та Android.
Переваги
 Практичний підхід: Babbel орієнтований на практичне
використання мови, що робить його корисним для тих, хто планує
використовувати мову в повсякденному житті.
 Структурованість: Чітка структура курсів дозволяє поступово
освоювати матеріал і контролювати свій прогрес.
 Короткі уроки: Кожен урок триває близько 10-15 хвилин, що
дозволяє легко інтегрувати навчання в щоденний розклад.
 Технологія розпізнавання мови: Включає вправи на вимову з
використанням технології розпізнавання мови.
Недоліки
 Відсутність безкоштовного доступу: Babbel не пропонує
безкоштовного доступу до повного контенту. Хоча є пробний період,
основний доступ є платним.
 Обмеженість живого спілкування: Платформа не надає
можливостей для спілкування з носіями мови або викладачами в реальному
часі.
 Менша кількість мов: У порівнянні з деякими іншими
платформами, Babbel пропонує меншу кількість мов для вивчення.
Ефективність
 Користувацькі відгуки: Відгуки користувачів здебільшого
позитивні, вони відзначають зручність використання, інтерактивність уроків
та ефективність навчання.
Висновки та рекомендації
 Для користувачів: Babbel є відмінним вибором для тих, хто хоче
швидко вивчити основні мовні навички та використовувати їх у
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 12
а
повсякденному житті. Платформа особливо корисна для початківців та тих,
хто має середній рівень знань.
 Для розробників: Продовжувати розширювати контент,
інтегрувати нові технології для покращення персоналізації навчання та
розглянути можливість додавання функцій живого спілкування з носіями
мови.
Babbel займає важливе місце на ринку онлайн курсів іноземної мови
завдяки своєму практичному підходу, структурованості та зручності у
використанні.
Busuu
Рисунок 2.4 – Сторінка Busuu
Busuu – це інтерактивна платформа для вивчення іноземних мов, яка
пропонує курси з акцентом на соціальне навчання. Вона дозволяє
користувачам взаємодіяти з носіями мови, що робить процес навчання більш
інтерактивним і ефективним.
Загальна інформація [6]
 Заснування: Платформа була заснована у 2008 році Бернхардом
Ніснером та Адріаном Хілті.
 Місія: Надавати якісну мовну освіту через інтерактивні та
соціальні методи навчання.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 13
а
 Мови: Busuu пропонує курси для 12 мов, включаючи англійську,
іспанську, французьку, німецьку, італійську, португальську, російську,
китайську та інші.
 Інтерактивні уроки: Курси організовані за рівнями та темами,
включаючи читання, письмо, слухання та говоріння.
 Соціальне навчання: Користувачі можуть взаємодіяти з носіями
мови, отримуючи зворотний зв'язок та виправлення своїх вправ.
 Персоналізація: Платформа адаптується до рівня знань
користувача та пропонує індивідуальні рекомендації.
 Офлайн режим: Додаток дозволяє завантажувати уроки для
вивчення без доступу до інтернету.
 Мобільний додаток: Busuu доступний на веб-платформі та через
мобільні додатки для iOS та Android.
Переваги
 Соціальна взаємодія: Можливість отримувати зворотний зв'язок
від носіїв мови покращує навички та мотивацію.
 Структурованість: Чітка структура курсів дозволяє
користувачам поступово освоювати новий матеріал.
 Гнучкість: Можливість навчатися офлайн робить платформу
зручною для користувачів з обмеженим доступом до інтернету.
 Адаптивне навчання: Платформа підлаштовується під потреби
кожного користувача, пропонуючи персоналізовані уроки.
Недоліки
 Обмежена кількість мов: Busuu пропонує курси для меншої
кількості мов у порівнянні з деякими конкурентами.
 Платний доступ: Хоча платформа пропонує безкоштовний
доступ до деяких функцій, повний доступ до контенту потребує платної
підписки.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 14
а
 Відсутність глибоких курсів: Деякі користувачі зазначають, що
курси можуть бути недостатньо глибокими для просунутих учнів.
Ефективність
 Користувацькі відгуки: Відгуки користувачів здебільшого
позитивні, вони відзначають інтерактивність уроків та користь від
соціального навчання.
Висновки та рекомендації
 Для користувачів: Busuu є відмінним вибором для тих, хто хоче
інтерактивно вивчати мови та отримувати зворотний зв'язок від носіїв мови.
Платформа особливо підходить для початківців та тих, хто має середній
рівень знань.
 Для розробників: Продовжувати розширювати контент,
інтегрувати нові технології для покращення персоналізації та додавати
більше можливостей для живого спілкування з носіями мови.
Busuu займає важливе місце на ринку онлайн курсів іноземної мови
завдяки своїй інтерактивності, соціальному підходу до навчання та зручності
у використанні.
2.2 Сучасні технології та платформи для створення веб-сайтів
Створення веб-сайтів стало значно простішим завдяки появі нових
технологій і платформ. Веб-розробка включає різні аспекти, такі як дизайн,
розробка, тестування та підтримка сайтів. Сучасні інструменти дозволяють
швидко і ефективно створювати веб-сайти різної складності, від простих
блогів до складних корпоративних порталів.
Існують такі платформи для створення веб-сайтів:
 CMS
CMS — це програмне забезпечення, яке дозволяє користувачам
створювати, редагувати та управляти вмістом веб-сайтів без потреби в
глибоких знаннях програмування. Вони надають інтерфейс для керування
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 15
а
контентом, що дозволяє додавати та редагувати тексти, зображення, відео, а
також керувати структурою та відображенням сайту.
Основні компоненти CMS включають [7]:
Керування вмістом:
 Створення та редагування вмісту: Можливість додавати,
редагувати та видаляти тексти, зображення, відео та інші медіа-елементи.
 Організація контенту: Можливість створювати структуру сайту,
включаючи сторінки, категорії, теги та інші елементи організації контенту.
Управління користувачами:
 Ролі та права доступу: Можливість призначати різні ролі
користувачам і надавати їм відповідні права доступу до функцій CMS.
Дизайн та шаблони:
 Шаблони сайту: Можливість вибирати або створювати власні
дизайни (шаблони) для веб-сайту.
 Модифікація вигляду: Можливість налаштовувати вигляд та
стиль сайту за допомогою CSS та інших засобів.
Розширення та додатки:
 Плагіни та модулі: Розширюють функціональність CMS за
допомогою плагінів та модулів.
 Теми та шаблони: Дозволяють змінювати зовнішній вигляд
сайту за допомогою готових тем або власних дизайнів.
SEO:
 Оптимізація для пошукових систем: Можливості оптимізації
контенту для покращення показників в пошукових системах, таких як
Google, Bing тощо.
Переваги використання CMS [7]:
1. Простота використання: Вони забезпечують інтуїтивний
інтерфейс, що дозволяє користувачам без технічних знань керувати вмістом
веб-сайту.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 16
а
2. Швидкість розробки: Завдяки готовим модулям та шаблонам
можна швидко розпочати роботу над проектом.
3. Розширені можливості: Багато CMS мають велику кількість
плагінів та розширень, які дозволяють розширювати функціоналість сайту.
4. Підтримка спільноти: Великі CMS, такі як WordPress та Drupal,
мають активні спільноти користувачів і розробників, що надають підтримку
та ресурси.
Недоліки використання CMS [7]:
1. Обмежена гнучкість: Деякі CMS можуть мати обмежені
можливості, особливо для складних або нестандартних проектів.
2. Безпека: Популярні CMS можуть бути підвернуті атакам
зломщиків, якщо не використовувати правильні заходи безпеки.
3. Швидкість: Деякі CMS можуть страждати від низької швидкості
завантаження сторінок, особливо при використанні великої кількості плагінів
та розширень.
У цілому, вибір CMS залежить від потреб проекту, рівня технічної
експертизи та відданості певній платформі.
 Веб-конструктори
Веб-конструктори — це онлайн-платформи або програмне
забезпечення, яке дозволяє користувачам створювати веб-сайти без
необхідності знань програмування або дизайну. Вони надають інтуїтивний
інтерфейс та інструменти, що дозволяють швидко створювати та
налаштовувати веб-сайти безпосередньо в браузері.
Основні характеристики веб-конструкторів включають [8]:
Інтерфейс "Drag and Drop":
 Простота використання: Користувачі можуть перетягувати та
розміщувати різні елементи (тексти, зображення, кнопки тощо) на сторінці за
допомогою миші.
Готові шаблони та дизайни:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 17
а
 Вибір шаблонів: Веб-конструктори зазвичай надають велику
кількість готових шаблонів для різних видів веб-сайтів (блоги, портфоліо,
магазини тощо).
 Кастомізація: Можливість налаштовувати кольори, шрифти,
розміщення та інші аспекти дизайну за допомогою вбудованих інструментів.
Функціональність та додатки:
 Розширення: Багато веб-конструкторів мають велику кількість
вбудованих функцій та додатків (наприклад, контактні форми, галереї
зображень, блоги тощо), які можна додавати на сторінку одним кліком.
 Інтеграція зі сторонніми сервісами: Можливість інтегрувати
веб-сайт з іншими онлайн-сервісами, такими як Google Analytics, соціальні
мережі, електронні платіжні системи тощо.
Хостинг та домени:
 Хостинг: Багато веб-конструкторів надають безкоштовний
хостинг для веб-сайтів на їх власних серверах.
 Домени: Можливість придбати та налаштувати доменне ім'я
(адресу) для веб-сайту безпосередньо через платформу веб-конструктора.
Переваги використання веб-конструкторів:
1. Простота використання: Не потрібні спеціальні технічні
навички або знання програмування.
2. Швидкість розробки: Можливість створення веб-сайту за
допомогою готових шаблонів та інструментів за кілька годин.
3. Економія коштів: Багато веб-конструкторів пропонують
безкоштовний план, а платні плани зазвичай є доступними та включають у
себе хостинг та інші послуги.
4. Розширені можливості: Багато веб-конструкторів мають велику
кількість функцій та додатків, які дозволяють розширити функціональність
сайту.
Недоліки використання веб-конструкторів [8]:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 18
а
1. Обмежена гнучкість: Веб-конструктори можуть мати обмежені
можливості порівняно з використанням власних кодів або CMS.
2. Шаблонізація: Інші веб-сайти можуть використовувати той
самий шаблон, що може зменшити унікальність веб-сайту.
3. Залежність від платформи: Веб-сайт побудований на веб-
конструктору зазвичай залежить від тієї самої платформи, тому переміщення
на іншу платформу може бути складним.
4. Обмежена масштабованість: Деякі веб-конструктори можуть не
підходити для великих або складних проектів.
У цілому, вибір веб-конструктора залежить від потреб проекту, рівня
технічної експертизи та відданості певній платформі. Веб-конструктори є
чудовим інструментом для швидкого запуску простих веб-сайтів, таких як
особисті блоги, портфоліо, сайти малого бізнесу або інформаційні сторінки.
Вони також корисні для людей, які хочуть протестувати ідеї, створюючи
мінімально-життєздатні веб-сайти без значних інвестицій часу та грошей.
Однак, для складніших та більш масштабних проектів, таких як
інтернет-магазини, корпоративні веб-сайти або веб-додатки зі складними
функціями, може бути краще використовувати інші рішення, такі як
використання CMS або розробка власного веб-сайту з нуля. В кінцевому
підсумку, вибір веб-конструктора повинен враховувати специфіку проекту,
бюджет, потреби користувачів та можливості розвитку в майбутньому.
 Фреймворки для веб-розробки
Фреймворки для веб-розробки є набором інструментів, бібліотек та
загальних правил, які спрощують процес створення веб-додатків. Вони
допомагають розробникам швидше та ефективніше створювати веб-сайти та
веб-додатки, забезпечуючи структурованість, безпеку та масштабованість
проектів.
Основні характеристики фреймворків для веб-розробки включають [9]:
Архітектура та структура:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 19
а
 Модульність: Фреймворки надають можливість розділення
функціональності на окремі модулі, що сприяє підтримці та розширенню
проекту.
 Модель-вид-контролер (Model-View-Controller, MVC): Багато
фреймворків базуються на цьому шаблоні проектування, що дозволяє
розділити логіку додатку на моделі (дані), види (представлення) та
контролери (логіка).
Вбудовані функції та бібліотеки:
 Автентифікація та авторизація: Фреймворки зазвичай мають
вбудовані засоби для обробки користувачів, аутентифікації та авторизації.
 Безпека: Багато фреймворків надають інструменти для захисту
від таких загроз, як SQL-ін'єкції, перехоплення сесій, міжсайтові атаки та
інші.
Розширення та доповнення:
 Пакетний менеджер: Багато фреймворків мають власні пакетні
менеджери, які дозволяють встановлювати та оновлювати додаткові
бібліотеки та розширення.
 Розширення сторонніми розробниками: Багато фреймворків
мають активну спільноту розробників, яка створює та публікує різноманітні
розширення та плагіни.
Підтримка технологій:
 Шаблонізація: Фреймворки зазвичай надають можливість
використання шаблонів для створення динамічного вмісту веб-сторінок.
 API та мікросервіси: Деякі фреймворки мають вбудовану
підтримку для створення та використання API та мікросервісів.
Спільнота та документація:
 Активна спільнота розробників: Багато фреймворків мають
велику спільноту розробників, яка надає підтримку, допомогу та розробляє
різноманітні розширення.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 20
а
 Документація: Хороші фреймворки мають докладну та
зрозумілу документацію, яка допомагає розробникам швидко засвоїти та
використовувати функціонал.
Переваги використання фреймворків для веб-розробки [9]:
1. Швидкість розробки: Фреймворки надають готові інструменти та
шаблони, що спрощує процес створення веб-додатків.
2. Структурованість: Використання фреймворків допомагає зберігати
код організованим та легким для розуміння.
3. Безпека: Багато фреймворків мають вбудовані інструменти для захисту
від різних видів атак та загроз.
4. Масштабованість: Фреймворки дозволяють легко масштабувати веб-
додатки з ростом бізнесу та потреб користувачів.
Недоліки використання фреймворків для веб-розробки:
1. Вивчення фреймворку: Для розробників, які тільки починають
використовувати новий фреймворк, може бути потрібний час на
ознайомлення з його особливостями та навичками використання.
2. Обмеження: Деякі фреймворки можуть мати обмежені можливості або
бути менш гнучкими в порівнянні з власноруч розробленими рішеннями.
3. Залежність від фреймворку: Побудовані на фреймворках веб-додатки
можуть бути сильно залежними від конкретного фреймворку, що може
ускладнити міграцію на інший фреймворк у майбутньому.
4. Вплив на продуктивність: Невірно обрані фреймворки або
неправильно оптимізований код може призвести до зменшення
продуктивності веб-додатку.
5. Вартість: Деякі комерційні фреймворки можуть вимагати плати за
використання або за підтримку, що може збільшити витрати на розробку.
У кінцевому підсумку, вибір фреймворку для веб-розробки залежить
від конкретних потреб проекту, відповідальності розробника, його досвіду та
впевненості у використанні даного інструменту.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 21
а
Також існують такі сучасні технології веб-розробки:
 HTML5 та CSS3
Особливості: Основні технології для розмітки та стилізації веб-
сторінок.
Переваги: Підтримка всіх сучасних браузерів, можливості створення
адаптивних дизайнів.
 JavaScript та TypeScript
Особливості: Основні мови програмування для веб-розробки,
TypeScript – надбудова над JavaScript.
Переваги: Велика кількість бібліотек та фреймворків, TypeScript
покращує роботу з типами.
 Node.js
Особливості: Платформа для виконання JavaScript на сервері.
Переваги: Асинхронна архітектура, підходить для створення
високопродуктивних веб-додатків.
 GraphQL
Особливості: Мова запитів для API, розроблена Facebook.
Переваги: Гнучкість у запитах, зменшення кількості запитів до
серверу.
 Jamstack
Особливості: Архітектурний підхід до розробки веб-додатків
(JavaScript, API, Markup).
Переваги: Висока продуктивність, безпека, легкість у масштабуванні.
Сучасні технології та платформи для створення веб-сайтів надають
розробникам великий вибір інструментів для реалізації будь-яких проектів.
Від простих блогів до складних веб-додатків, кожен може знайти відповідне
рішення відповідно до своїх потреб і навичок. Вибір конкретної платформи
або технології залежить від вимог проекту, досвіду розробника та бюджету.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 22
а
2.3 Порівняння платформ для створення веб-сайтів: Wix,
WordPress, Squarespace
При створенні веб-сайту вибір правильної платформи може вирішити
багато питань, починаючи зі складності використання та гнучкості до
вартості та можливостей розширення. У цьому порівняльному огляді ми
розглянемо три з найпопулярніших платформ для створення веб-сайтів: Wix,
WordPress та Squarespace.
1. Використання та складність:
 Wix: Wix відомий своєю простотою використання та можливістю
швидко створювати веб-сайти за допомогою перетягування та розміщення
елементів. Він надає велику кількість готових шаблонів та дозволяє
користувачам без технічних навичок створювати стильні та функціональні
сайти.
 WordPress: WordPress є однією з найпопулярніших платформ для
створення веб-сайтів у світі. Це безкоштовне програмне забезпечення з
великою кількістю шаблонів та плагінів. WordPress може бути трохи
складнішим для новачків, оскільки він вимагає налаштування хостингу та
встановлення на сервер.
 Squarespace: Squarespace володіє елегантним та мінімалістичним
інтерфейсом, що дозволяє легко створювати стильні веб-сайти. Він має
менше шаблонів порівняно з Wix або WordPress, але кожен з них виглядає
професійно та сучасно.
2. Гнучкість та розширення:
 Wix: Wix пропонує велику кількість функцій та додатків через
Wix App Market. Однак, в порівнянні з WordPress, він може бути менш
гнучким у використанні власного коду або розширень сторонніх розробників.
 WordPress: WordPress відомий своєю гнучкістю та можливістю
розширення. Він має велику кількість плагінів та тем, які дозволяють
розширити функціональність вашого веб-сайту або змінити його вигляд.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 23
а
 Squarespace: Squarespace, хоч і має менше функцій та додатків у
порівнянні з Wix або WordPress, пропонує гнучкіше керування дизайном та
макетами. Однак, він може бути менш підходящим для розширення складних
функцій.
3. Вартість:
 Wix: Wix пропонує безкоштовний план з обмеженими
можливостями, але для видалення їх брендування та отримання додаткових
функцій потрібно підписати платний план, який може варіюватися за
вартістю в залежності від обраних опцій.
 WordPress: WordPress є безкоштовним програмним
забезпеченням, але вам може знадобитися хостинг та доменне ім'я, що
призводить до додаткових витрат. Вартість хостингу та домену також може
змінюватися в залежності від обраного постачальника.
 Squarespace: Squarespace пропонує тримісячну безкоштовну
пробну версію, після чого вам потрібно буде підписати платний план, який
також може варіюватися за вартістю в залежності від обраних опцій.
Висновок:
 Wix: Ідеальний для новачків та користувачів, які шукають
швидкий та простий спосіб створення веб-сайтів без технічних навичок.
 WordPress: Відмінний вибір для тих, хто шукає гнучкість,
розширюваність та повний контроль над своїм веб-сайтом.
 Squarespace: Підходить для користувачів, які цінують
елегантний дизайн та простоту використання, і не потребують великої
гнучкості у розширенні функціональності.
2.4 Вибір платформи для реалізації проекту
Вибір платформи Wix для реалізації проекту є прекрасним варіантом,
особливо якщо необхідно простий та швидкий спосіб створення веб-сайту
без необхідності глибоких технічних знань або досвіду у веб-розробці. Wix -
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 24
а
це сервіс з веб-розробки, який пропонує різноманітні інструменти та
можливості для створення стильних та функціональних веб-сайтів.
Модель конструктора проти програмування "з нуля" [10]:
Wix відноситься до категорії платформ для створення веб-сайтів за
допомогою конструктора, що означає, що ви можете створювати сайти, не
пишучи код. Ця модель пропонує широкий спектр готових шаблонів та
інструментів для створення сайтів шляхом перетягування та розміщення
елементів, що робить процес розробки швидким та простим.
Гнучкість та обмеження:
Хоча платформи конструктора, як Wix, забезпечують швидкий старт та
легкість використання, вони також можуть мати обмеження щодо гнучкості.
Відмінність між можливостями вибору платформи полягає у тому, наскільки
легко можна налаштувати веб-сайт під ваші потреби та вимоги. Зазвичай
платформи конструктора мають менше гнучкості у порівнянні з власно
розробленими веб-сайтами або використанням платформи з відкритим
вихідним кодом, таким як WordPress.
Вартість та витрати часу:
Один з факторів при виборі платформи - це витрати часу та коштів.
Wix пропонує різні тарифні плани, включаючи безкоштовний варіант, але
для доступу до повної функціональності та видалення бренду Wix можуть
знадобитися платні плани. Також важливо враховувати час, необхідний для
освоєння платформи та створення веб-сайту.
Переваги та недоліки вибору платформи Wix [11]:
Переваги:
 Простота використання та швидкий старт.
 Багатий вибір готових шаблонів та додатків.
 Автоматична мобільна оптимізація.
 Ефективна підтримка користувачів.
Недоліки:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 25
а
 Менша гнучкість у порівнянні з іншими платформами.
 Можливі обмеження у розширенні функціональності.
 Залежність від інфраструктури Wix.
Висновок:
Загалом, Wix є ідеальним вибором для потрібного простого та
ефективного способу створення веб-сайту. Незалежно від того, чи
початківець у веб-розробці, власник малого бізнесу або художник-дизайнер,
Wix надає інструменти та ресурси, необхідні для успішного запуску веб-
проекту.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 26
а
3 ТЕОРЕТИЧНІ ОСНОВИ СТВОРЕННЯ ВЕБ-САЙТІВ ДЛЯ ОСВІТНІХ
ПЛАТФОРМ
3.1 Основи веб-технологій
Основи веб-технологій включають в себе різні аспекти, від розуміння
структури веб-сайтів до основ розробки та розгортання веб-додатків. Ось
кілька ключових пунктів [2]:
1. HTML:
HTML - це основна мова розмітки веб-сторінок, яка визначає структуру
та контент сторінки. Вона використовує теги для визначення заголовків,
абзаців, зображень, посилань та іншого.
2. CSS:
CSS використовується для стилізації веб-сторінок, надаючи їм вигляд і
форму. З допомогою CSS ви можете задавати кольори, шрифти, розміри,
відступи та інші візуальні властивості елементів на сторінці.
3. JavaScript:
JavaScript - це мова програмування, яка використовується для
створення інтерактивності на веб-сторінках. Вона дозволяє реагувати на події
користувача, маніпулювати DOM, валідувати форми та багато іншого.
4. Веб-сервери та HTTP:
HTTP - це протокол передачі даних, що використовується для
комунікації між веб-клієнтом і веб-сервером. Веб-сервери, такі як Apache,
Nginx або Microsoft IIS, відповідають на HTTP-запити, надсилаючи веб-
сторінки та ресурси користувачеві.
5. Бази даних та мови запитів:
Багато веб-додатків використовують бази даних для зберігання та
обробки даних. Популярними мовами запитів є SQL, яка використовується
для взаємодії з реляційними базами даних, і NoSQL, яка використовується
для нереляційних баз даних.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 27
а
6. Фреймворки та бібліотеки:
Фреймворки та бібліотеки, такі як React.js, Angular, Vue.js для
фронтенду та Node.js, Django, Ruby on Rails для бекенду, допомагають
розробникам прискорити розробку та забезпечити ефективність веб-додатків.
Ці основні поняття і технології є важливими для будь-якого, хто
цікавиться веб-розробкою, та формують основу для подальшого розширення
знань і навичок у цій області.
3.2 Архітектура веб-сайтів
Архітектура веб-сайтів – це структура та організація різних
компонентів веб-сайту, що визначає його функціональність, взаємодію та
шляхи розширення. Основна мета архітектури веб-сайтів полягає в створенні
добре організованої та ефективної системи, яка задовольняє потреби
користувачів та бізнесу.
Основні складові архітектури веб-сайтів включають [1]:
1. Клієнт-серверна модель:
Веб-сайт використовує клієнт-серверну модель, де клієнт (браузер
користувача) відправляє запити на сервер, а сервер надсилає відповіді з веб-
сторінками та ресурсами.
2. Фронтенд:
Фронтенд - це та частина веб-сайту, з якою взаємодіє користувач. Вона
включає в себе HTML, CSS та JavaScript, які відповідають за структуру,
вигляд та поведінку веб-сторінок.
3. Бекенд:
Бекенд - це серверна частина веб-сайту, яка відповідає за обробку
запитів користувачів, взаємодію з базою даних, бізнес-логіку та безпеку.
Вона може використовувати різні технології та мови програмування, такі як
Node.js, PHP, Python, Ruby тощо.
4. База даних:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 28
а
База даних використовується для зберігання даних, що
використовуються веб-сайтом, таких як користувацькі дані, вміст сторінок,
історія покупок тощо. Різні типи баз даних можуть використовуватися,
включаючи реляційні (наприклад, MySQL, PostgreSQL) та нереляційні
(наприклад, MongoDB, Redis).
5. Маршрутизація:
Маршрутизація визначає, які сторінки або функціональність
відображаються користувачеві відповідно до його дій та запитів. Це може
бути реалізовано за допомогою серверного маршрутизатора (наприклад,
Express.js для Node.js) або клієнтського маршрутизатора (наприклад, React
Router для React.js).
6. Забезпечення безпеки:
Забезпечення безпеки включає в себе захист від атак, шифрування
комунікації, перевірку на коректність введених даних, автентифікацію та
авторизацію користувачів.
7. Масштабування та продуктивність:
Архітектура веб-сайту повинна бути масштабованою та продуктивною,
щоб забезпечити високу доступність, швидкість завантаження та відповідь на
запити користувачів.
Успішна архітектура веб-сайту враховує всі ці аспекти, забезпечуючи
ефективну та надійну роботу веб-додатку або сайту.
3.3 Системи управління контентом (CMS)
Системи управління контентом (CMS) - це програмні платформи, які
дозволяють користувачам легко створювати, редагувати та керувати
цифровим контентом на веб-сайті без потреби знання програмування. CMS є
важливим інструментом для веб-розробки, оскільки спрощують процес
управління контентом і забезпечують ефективну організацію інформації на
сайті. CMS забезпечують централізоване середовище для створення,
управління та редагування контенту на веб-сайтах. Вони особливо корисні
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 29
а
для організацій та осіб, які хочуть зосередитися на контенті, а не на
технічних аспектах веб-розробки [4].
Основні функції CMS [5]:
Створення та редагування контенту: CMS надають зручні
інтерфейси для створення та редагування веб-сторінок, часто через
WYSIWYG-редактор, що дозволяє користувачам бачити кінцевий результат
під час редагування.
Управління медіафайлами: CMS включають бібліотеки медіафайлів
для зручного завантаження, зберігання та організації зображень, відео, аудіо
та інших файлів, полегшуючи їх вставку в контент.
Шаблони та теми: CMS використовують шаблони та теми для
управління зовнішнім виглядом веб-сайтів. Шаблони визначають структуру
сторінок, тоді як теми забезпечують їх візуальний стиль. Більшість CMS
пропонують широкий вибір безкоштовних і платних шаблонів та тем.
Управління користувачами: CMS дозволяють налаштовувати різні
рівні доступу для користувачів. Адміністратори можуть визначати права
доступу та ролі, забезпечуючи безпеку та контроль над тим, хто і які дії може
виконувати на сайті.
SEO-інструменти: Інтегровані SEO-інструменти допомагають
оптимізувати контент для пошукових систем. Це включає налаштування
мета-тегів, створення дружніх URL, генерацію мап сайту та інші функції для
покращення видимості сайту в пошукових системах.
Розширення та модулі: CMS підтримують додавання плагінів і
модулів, що дозволяє розширювати функціональність сайту. Наприклад,
можна додати контактні форми, форуми, інтернет-магазини, галереї
зображень, інтеграції з соціальними мережами тощо.
Безпека: Багато CMS включають функції безпеки, такі як двофакторна
автентифікація, регулярні оновлення безпеки, резервне копіювання та
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 30
а
відновлення даних. Вони також дозволяють налаштовувати права доступу та
авторизацію для забезпечення безпеки контенту.
Популярні CMS:
 WordPress: WordPress є найпопулярнішою CMS у світі, відомою
своєю простотою використання та широкими можливостями розширення.
Вона використовується для створення блогів, корпоративних сайтів,
інтернет-магазинів та багатьох інших типів веб-сайтів.
 Joomla: Joomla є потужною CMS з широкими можливостями
налаштування, що підходить для створення складних веб-сайтів та онлайн-
додатків. Вона підтримує різні типи контенту та має велику кількість
розширень.
 Drupal: Drupal є дуже гнучкою та масштабованою CMS, яка
підходить для створення великих та складних проектів. Вона відома своєю
потужністю та безпекою, але вимагає більше технічних знань для
налаштування та управління.
 Magento: Magento спеціалізується на створенні інтернет-
магазинів і є однією з найпотужніших платформ для електронної комерції.
Вона підтримує широкий спектр функцій для управління продуктами,
замовленнями та клієнтами.
Системи управління контентом (CMS) є важливими інструментами для
створення та управління веб-сайтами. Вони пропонують широкий спектр
функцій для різних типів веб-сайтів та користувачів, забезпечуючи зручність
використання та ефективність управління контентом. Вибір правильної CMS
залежить від конкретних потреб та вимог, а також від рівня технічних знань
та ресурсів, які є в розпорядженні.
3.4 Інструменти для створення та управління онлайн курсами
Індустрія онлайн-освіти стрімко зростає, і для того щоб забезпечити
високу якість навчання та зручність для студентів, важливо вибрати
правильні інструменти для створення та управління онлайн курсами. Ці
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 31
а
інструменти надають платформу для розробки навчальних матеріалів,
управління курсами, взаємодії зі студентами та моніторингу їхнього
прогресу.
Платформи для створення та управління курсами (LMS) [3]
Learning Management Systems (LMS) є найпоширенішими
інструментами для створення, управління та проведення онлайн курсів. LMS
забезпечують зручне середовище для розробки навчальних матеріалів,
відстеження прогресу студентів та організації взаємодії між викладачами та
студентами.
 Moodle: Відкрита платформа LMS з широкими можливостями
налаштування. Підтримує різноманітні формати курсів, інтеграцію з іншими
інструментами та налаштування для різних типів навчання.
 Blackboard: Потужна платформа LMS для вищої освіти та
корпоративного навчання, що пропонує інструменти для створення
інтерактивних курсів, управління студентами та аналітики.
 Canvas: Популярна LMS з інтуїтивно зрозумілим інтерфейсом,
підтримкою мобільних пристроїв та можливістю інтеграції з багатьма
сторонніми інструментами.
Конструктори курсів [12]
Конструктори курсів дозволяють створювати навчальні матеріали без
потреби в технічних знаннях. Вони забезпечують інструменти для створення
відеоуроків, тестів, інтерактивних завдань та інших елементів курсу.
 Articulate 360: Комплексний набір інструментів для створення
інтерактивних курсів, включаючи Storyline 360 та Rise 360. Підходить для
створення високоякісних навчальних матеріалів.
 Adobe Captivate: Інструмент для створення інтерактивних курсів
з підтримкою VR та інтерактивних відео. Забезпечує можливості для
створення адаптивних курсів для різних пристроїв.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 32
а
 Lectora: Потужний інструмент для створення навчальних курсів
з широкими можливостями налаштування та підтримкою стандартів SCORM,
AICC та xAPI.
Платформи для хостингу курсів [13]
Ці платформи надають середовище для публікації та продажу онлайн
курсів, забезпечуючи інструменти для управління студентами, маркетингу та
моніторингу успішності курсів.
 Udemy: Популярна платформа для хостингу курсів, що дозволяє
створювати та продавати курси широкій аудиторії. Підтримує відео, аудіо,
текстові матеріали та інтерактивні завдання.
 Teachable: Платформа для створення та продажу курсів з
інтуїтивно зрозумілим інтерфейсом. Підтримує різні типи контенту та
інструменти для маркетингу курсів.
 Thinkific: Платформа для створення, продажу та управління
онлайн курсами з широкими можливостями для налаштування, інтеграції з
іншими сервісами та аналізу успішності курсів.
Інструменти для створення контенту [13]
Для створення якісного контенту необхідні інструменти, які
допомагають створювати відео, аудіо, графіку та інші елементи курсу.
 Camtasia: Інструмент для запису та редагування відеоуроків з
підтримкою інтерактивних елементів та анімацій.
 Audacity: Безкоштовний інструмент для запису та редагування
аудіо, що дозволяє створювати подкасти, аудіоуроки та інші аудіоматеріали.
 Canva: Інструмент для створення графіки та візуальних
матеріалів, що підтримує створення інфографік, презентацій та інших
візуальних елементів курсу.
Веб-конструктори та CMS [13]
Для створення веб-сайтів, де розміщуватимуться онлайн курси, можна
використовувати веб-конструктори та системи управління контентом (CMS).
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 33
а
Вони забезпечують зручний інтерфейс для розробки веб-сайтів без
необхідності володіння технічними знаннями.
Веб-конструктори:
 Wix: Інтуїтивно зрозумілий конструктор з можливістю створення
адаптивних веб-сайтів. Підтримує інтеграцію з інструментами для
електронного навчання та продажу курсів.
 Weebly: Простий у використанні конструктор, що дозволяє
створювати професійні веб-сайти з можливістю додавання функціональності
для навчання.
 Squarespace: Стильний конструктор веб-сайтів з широкими
можливостями для налаштування дизайну та інтеграції з навчальними
інструментами.
CMS:
 WordPress: Найпопулярніша платформа для створення веб-
сайтів з безліччю плагінів для інтеграції функціональності онлайн курсів,
таких як LearnDash, LifterLMS та інші.
 Joomla: Потужна CMS з можливістю налаштування для
створення навчальних платформ, підтримує різні розширення для інтеграції
онлайн курсів.
 Drupal: Гнучка CMS, що дозволяє створювати масштабовані
навчальні платформи з підтримкою різних модулів для управління курсами.
Інструменти для створення та управління онлайн курсами є критично
важливим для забезпечення високої якості навчання та задоволення потреб
студентів. Використання відповідних інструментів дозволяє створювати
ефективні, інтерактивні та залучаючі навчальні матеріали, а також забезпечує
зручність управління курсами та моніторингу успішності навчання.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 34
а
4 ОПИС ПЛАТФОРМИWIX
4.1 Основні характеристики та можливості Wix
Цифрова присутність є обов'язковою для бізнесу та професіоналів у
нашу цифрову епоху. Користувачі та споживачі використовують Інтернет,
комп'ютери та мобільні телефони для пошуку інформації про товари, послуги
та компанії, щоб здійснювати онлайн-покупки та бронювання, а також
взаємодіяти з компаніями, запитуючи інформацію або подаючи будь-які
скарги чи інциденти. Наявність веб-сайту або інтернет-магазину сьогодні є
життєво важливою вимогою практично для будь-якого виду бізнесу, однак
веб-розробка може бути складним процесом з високою вартістю. Завдяки
Wix є можливість створення веб-сайту або сторінки електронної комерції
швидко, легко і доступно - і все це без необхідності мати досвід у веб-дизайні
та програмуванні.
Wix - це онлайн-платформа, яка пропонує низку інструментів для
швидкого та простого створення професійних веб-сайтів. Завдяки попередньо
встановленим функціям і вибору користувацьких шаблонів, ви можете
створити веб-сайт за дуже короткий проміжок часу і з чудовою якістю
результатів.Розглянемо основні характеристики та можливості Wix [7].
Інтуїтивно зрозумілий інтерфейс
Wix надає зручний інтерфейс з функцією "drag-and-drop"
(перетягування елементів), що дозволяє користувачам легко створювати та
редагувати веб-сторінки. Необхідно просто перетягувати елементи (текст,
зображення, відео, кнопки тощо) на сторінку та розміщувати їх у потрібному
місці [7].
Різноманітність шаблонів
Wix пропонує понад 800 дизайнерських шаблонів для різних типів веб-
сайтів, включаючи бізнес-сайти, блоги, портфоліо, інтернет-магазини та
багато інших. Користувачі можуть вибрати шаблон, що найбільше відповідає
їхнім потребам, та налаштувати його за власним смаком.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 35
а
Мобільна адаптація
Всі шаблони Wix адаптовані для мобільних пристроїв. Користувачі
можуть окремо редагувати мобільну версію свого веб-сайту, щоб
забезпечити оптимальний вигляд та функціональність на смартфонах та
планшетах.
Wix App Market
Wix має власний магазин додатків (Wix App Market), де користувачі
можуть знайти та інтегрувати різні додатки та плагіни для розширення
функціональності свого веб-сайту. Тут можна знайти додатки для SEO-
оптимізації, інтеграції з соціальними мережами, аналітики, маркетингу та
багато іншого.
Інтеграція з електронною комерцією
Wix пропонує потужні інструменти для створення інтернет-магазинів.
Користувачі можуть легко додавати товари, налаштовувати варіанти оплати
та доставки, а також керувати замовленнями та інвентарем. Інструменти для
електронної комерції включають інтеграцію з платіжними системами, такими
як PayPal, Stripe та інші.
SEO-інструменти
Wix забезпечує вбудовані SEO-інструменти для оптимізації веб-сайтів
під пошукові системи. Користувачі можуть налаштовувати мета-теги, опис
сторінок, створювати дружні URL, використовувати інструменти для
генерації мап сайту та багато іншого.
Аналітика та моніторинг
Платформа підтримує інтеграцію з Google Analytics та іншими
аналітичними інструментами, що дозволяє відстежувати відвідуваність веб-
сайту, аналізувати поведінку користувачів та вимірювати ефективність
маркетингових кампаній.
Підтримка користувачів
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 36
а
Wix надає багатоканальну підтримку користувачів, включаючи онлайн-
допомогу, навчальні матеріали, відео-уроки та активну спільноту
користувачів. Користувачі можуть отримати допомогу через форум,
електронну пошту або телефон.
Wix ADI (Artificial Design Intelligence)
Wix ADI використовує штучний інтелект для автоматичного створення
веб-сайтів на основі відповідей користувача на кілька запитань. Це значно
спрощує процес створення веб-сайту для користувачів, які не мають досвіду
в веб-дизайні.
Безпека та надійність
Wix забезпечує високий рівень безпеки для всіх веб-сайтів, включаючи
автоматичні оновлення, резервне копіювання даних та захист від DDoS-атак.
Крім того, всі веб-сайти Wix використовують SSL-сертифікати для
забезпечення безпеки даних користувачів.
Wix - це потужна та зручна платформа для створення веб-сайтів, яка
підходить для різних типів проектів. Її інтуїтивно зрозумілий інтерфейс,
широкий вибір шаблонів, мобільна адаптація, потужні інструменти для
електронної комерції та SEO, а також можливості розширення
функціональності за допомогою додатків роблять її чудовим вибором як для
новачків, так і для досвідчених користувачів.
4.2 Інструменти та функціонал Wix для створення освітніх сайтів
Wix пропонує широкий спектр інструментів та функціоналу, які
роблять його відмінним вибором для створення освітніх веб-сайтів. Від
інтерактивних курсів до блогів та ресурсних центрів, Wix забезпечує
необхідні можливості для задоволення потреб освітніх установ, викладачів та
студентів [9].
Інтуїтивно зрозумілий інтерфейс Drag-and-Drop
Wix надає інтуїтивно зрозумілий інтерфейс з функцією перетягування
(drag-and-drop), який дозволяє легко створювати та редагувати сторінки. Це
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 37
а
особливо корисно для освітніх веб-сайтів, де необхідно регулярно
оновлювати контент.
Готові шаблони для освіти
Wix пропонує спеціалізовані шаблони для освітніх сайтів, таких як:
 Школи та університети: Шаблони з функціями для
представлення навчальних програм, викладацького складу та новин.
 Онлайн-курси: Шаблони, оптимізовані для розміщення відео,
текстових матеріалів та інтерактивних завдань.
 Навчальні блоги та портфоліо: Шаблони для створення
особистих блогів та портфоліо викладачів або студентів.
Інтеграція з навчальними платформами
Wix дозволяє інтегрувати різні навчальні платформи та інструменти
для створення онлайн-курсів, такі як:
 Wix Video: Інструмент для завантаження та організації
відеоуроків. Підтримує інтеграцію з YouTube, Vimeo та іншими відео-
сервісами.
 Wix Blog: Для створення та ведення навчальних блогів, де можна
публікувати статті, дослідження та новини.
 Wix Forms: Інструмент для створення інтерактивних форм,
опитувань та анкет, які можна використовувати для збору зворотного зв'язку
від студентів або реєстрації на курси.
Інструменти для електронного навчання
Wix пропонує різноманітні інструменти для електронного навчання,
включаючи:
 Wix Bookings: Інструмент для управління записами на заняття,
курси та консультації. Студенти можуть бронювати місця на курси або
індивідуальні заняття онлайн.
 Wix Forums: Дозволяє створювати онлайн-форуми для
обговорення тем, обміну знаннями та підтримки студентів.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 38
а
 Wix Events: Інструмент для організації та управління подіями,
такими як вебінари, семінари та конференції. Підтримує продаж квитків та
реєстрацію учасників.
SEO та маркетинг
Wix забезпечує потужні інструменти для SEO та маркетингу, що
дозволяє освітнім установам залучати більше студентів:
 SEO Wiz: Інструмент, що допомагає оптимізувати сайт для
пошукових систем за допомогою покрокових інструкцій.
 Email Marketing: Інструмент для створення та надсилання
інформаційних розсилок, новин та оновлень для студентів та викладачів.
 Соціальні медіа: Інтеграція з соціальними мережами для
поширення контенту та залучення аудиторії.
Аналітика та моніторинг
Wix підтримує інтеграцію з аналітичними інструментами, що дозволяє
відстежувати ефективність веб-сайту:
 Google Analytics: Для детального аналізу відвідуваності,
поведінки користувачів та ефективності маркетингових кампаній.
 Wix Analytics: Вбудовані аналітичні інструменти для
моніторингу відвідуваності сайту, джерел трафіку та інших показників.
Безпека та надійність
Wix забезпечує високий рівень безпеки для всіх веб-сайтів:
 SSL-сертифікати: Автоматичне забезпечення захисту даних
користувачів.
 Автоматичні оновлення та резервне копіювання:
Забезпечують безперебійну роботу та захист від втрати даних.
Wix пропонує все необхідне для створення професійних та
функціональних освітніх веб-сайтів. Завдяки інтуїтивно зрозумілому
інтерфейсу, спеціалізованим шаблонам, інтеграції з навчальними
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 39
а
платформами та інструментами для електронного навчання, Wix є відмінним
вибором для освітніх установ, викладачів та студентів.
4.3 Переваги та недоліки використання Wix
Wix – це онлайн-платформа, яка пропонує серію інструментів для
швидкого та легкого створення професійних веб-сайтів. Завдяки попередньо
встановленим функціям та вибору індивідуальних шаблонів, ви можете
побудувати веб-сайт у дуже короткий час і з високоякісними результатами.
WIX: ОСОБЛИВОСТІ, ПЕРЕВАГИ ТА НЕДОЛІКИ [8]
Особливості Wix
Основними особливостями, які визначають Wix, є:
Хмарна платформа.
Wix - це хмарний сервіс, доступ до якого можна отримати з браузера і
який користувачі можуть відвідувати в будь-який час, з будь-якого пристрою
(комп'ютера, мобільного або планшета).
Шаблони Wix.
Wix пропонує сотні шаблонів на вибір, пропонуючи вашому сайту
професійний зовнішній вигляд, що відповідає потребам і особливостям
кожної компанії.
Простота у використанні.
Wix пропонує простий та інтуїтивно зрозумілий редактор, який
дозволяє створювати різні частини веб-сайту, використовуючи систему
«перетягування» - тобто немає необхідності писати код (наприклад, HTML,
CSS або JavaScript).
Універсальність.
За допомогою Wix ви можете створювати різні типи веб-сайтів, від
корпоративного сайту до професійного інтернет-магазину, з якого можна
продавати товари та послуги онлайн.
Включає хостинг.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 40
а
Зареєструвавшись на Wix, ви отримаєте дисковий простір для
розміщення вашого нового сайту.
Фріміум.
Бізнес-модель Wix дозволяє користувачам отримати доступ до базових
послуг веб-розробки безкоштовно, з можливістю доступу до більш
розширених опцій через платний сервіс.
Wix пропонує безліч переваг при розробці веб-сайту або віртуального
магазину, включаючи простоту у використанні та низьку вартість створення.
Основні переваги використання Wix [8]:
Дуже плавна крива навчання
Основна перевага Wix полягає в тому, що для початку створення
вашого веб-сайту потрібно лише зареєструватися. Його система
перетягування елементів (drag and drop), а також простий і інтуїтивно
зрозумілий інтерфейс забезпечують платформі дуже легку криву навчання.
Щоб опанувати інструмент, потрібно лише кілька годин гри з його опціями
та функціями.
Вам не потрібно турбуватися про хостинг
Одне з перших питань, яке потрібно вирішити при будь-якому веб-
проекті, це вибір хостинг-сервісу. З Wix це не буде проблемою, оскільки вам
автоматично надається місце для розміщення сайту, створеного на
платформі, під час реєстрації.
Не потрібні знання веб-програмування
Кожен може використовувати Wix для створення веб-сайту та
досягнення високоякісних результатів за короткий час. Вам не потрібно
писати жодного коду або мати попереднє розуміння веб-дизайну, оскільки
інструменти та опції, включені в Wix, дозволяють використовувати його
просто та інтуїтивно.
Галерея зображень
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 41
а
З послугами Wix ви матимете доступ до величезної кількості галерей
зображень, де ви знайдете фото та зображення для включення на ваш веб-
сайт без порушення авторських прав. Крім того, платформа має власний
редактор зображень, щоб ви могли модифікувати, покращувати та адаптувати
їх до веб-сайту відповідним і персоналізованим чином.
Відео як фон
Однією з найцікавіших опцій, яку пропонує Wix, є можливість
включення анімованих фонів на ваш веб-сайт за допомогою відео. Таким
чином, ви можете створювати унікальні та вражаючі веб-сайти, які
допоможуть вам виділитися серед конкурентів.
Понад 500 шаблонів
Wix пропонує своїм користувачам і клієнтам понад 500 шаблонів, з
яких ви можете вибрати для надання вашому веб-сайту професійного
вигляду. Ці шаблони мають адаптивний дизайн, що означає, що вони
ідеально адаптуються до особливостей мобільних пристроїв.
Різні типи веб-сайтів
З Wix ви можете створити інтернет-магазин, корпоративну сторінку,
блог, новинний сайт або майже будь-який вид веб-сайту. Це дуже
універсальний інструмент, який пропонує різні опції та додатки, дозволяючи
вам включати різні функції на ваш веб-сайт та адаптувати його до різних
потреб.
Хоча Wix пропонує багато переваг, є також певні аспекти, які роблять
цю платформу непридатною для створення деяких веб-проектів.
Ось деякі недоліки Wix [8]:
Не дружній до Google
Незважаючи на найкращі зусилля розробників покращити платформу в
цьому відношенні, на сьогоднішній день веб-сайти, створені на Wix, не
займають такі високі позиції в Google, як ті, що створені за допомогою таких
CMS, як WooCommerce або PrestaShop, або веб-платформ, таких як Shopify.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 42
а
Просування веб-сайту з Wix є дуже складним, особливо якщо ви хочете
досягти високих позицій на сторінках результатів Google.
Оптимізація часу завантаження
Ще одним недоліком Wix є швидкість завантаження сторінок, оскільки
сторінки, створені на цій платформі, страждають від затримок завантаження,
що негативно впливає на користувацький досвід.
Проблеми з мобільними пристроями
Хоча Wix використовує адаптивні шаблони, веб-сайти на цій
платформі демонструють певні проблеми сумісності з мобільними
пристроями. Платформа працює над вирішенням цих проблем, які, на даний
момент, роблять Wix не найкращим вибором для мобільного дизайну.
Спільний хостинг
Хоча хостинг, пропонований Wix, безкоштовний, це спільний хостинг,
де ресурси сервера діляться з іншими розміщеними сайтами. Це означає дуже
повільний час завантаження і можливі проблеми з безпекою (будь-яка
проблема, що впливає на іншого користувача, вплине на інші сайти на
сервері).
Обмеження на один шаблон
Це обмеження означає, що після вибору та активації шаблону ви
втратите весь вміст сайту, якщо захочете змінити цей шаблон пізніше, що
значно обмежує можливості оновлення та налаштування веб-сайтів.
Відсутність варіантів для міграції
Веб-сайти на Wix не можуть бути перенесені на інші системи або
хостингові сервіси, як це можна зробити з WordPress, наприклад. Після
створення веб-сайту на Wix він буде прив'язаний до цієї платформи.
Реклама Wix
Безкоштовна версія Wix показує рекламу на веб-сайті, яку можна
вимкнути, лише сплачуючи 8,50 євро на місяць.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 43
а
Висновок
Wix – це безкоштовна, проста і потужна платформа для створення веб-
сайтів. Це чудовий вибір для невеликих проектів і осіб, які хочуть почати
онлайн-бізнес без зайвих клопотів.
Однак для більш амбітних і професійних проектів краще
використовувати інші варіанти, такі як WordPress, PrestaShop або Shopify.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 44
а
5 РОЗРОБКА ВЕБ-САЙТУ
5.1 Оформлення зовнішнього вигляду
Wix надає безліч інструментів і можливостей для оформлення
зовнішнього вигляду веб-сайту, що дозволяє створити привабливий, зручний
та професійний ресурс для онлайн курсів іноземної мови.
Створення дизайну веб-сайту курсів англійської мови у Wix є
захоплюючим процесом, який включає кілька важливих кроків.
Використовуючи інтуїтивно зрозумілі інструменти та функції Wix, було
професійний та привабливий сайт.
1. Вибір та налаштування шаблону
Вибір шаблону
На початковому етапі було обрано шаблон, спеціально розроблений
для освітніх сайтів. Цей шаблон має чистий, сучасний вигляд і був
адаптивним, що забезпечує коректне відображення на всіх пристроях,
включаючи комп'ютери, планшети та смартфони.
Рисунок 5.1 – Обраний шаблон для веб-сайту
Налаштування кольорової схеми
Для створення візуально привабливого сайту було важливо вибрати
відповідну кольорову схему:
 Основний колір: чорний, що символізує надійність та
професійність.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 45
а
 Додаткові кольори: білий, який створює чистий і зрозумілий
вигляд.
 Акцентний колір: яскраво-жовтий, який використовується для
кнопок заклику до дії, привертаючи увагу відвідувачів.
Рисунок 5.2 – Кольоровий стиль який використовується на сайті
Рисунок 5.3 – Кольорова схема сайту
2. Типографіка
Шрифти
Для шрифтів я обрала прості та легко читабельні варіанти:
 Основний шрифт: Arial, який забезпечує простоту та
читабельність.
 Заголовки: виразний шрифт Helvetica для виділення заголовків.
Розмір тексту
Заголовки мають великий розмір, підзаголовки середній, а основний
текст стандартний, що забезпечує ієрархію інформації та зручне читання.
3. Структура сторінок
Головна сторінка
На головній сторінці розміщено:
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 46
а
 Привітання
 Про нас
 Короткий опис курсів
 Контактну інформацію
 Кнопки заклику до дії
Сторінка Контакти
Ця сторінка містить контактну інформацію.
Сторінка Граматика
Ця сторінка містить чотири рівні складності. Обираючи певний рівень
складності, потрібно натиснути на кнопку і з’явиться курс граматики по
рівню який було обрано.
Сторінка Навички
Містить вибір з чотирьох навичок при обранні певної навички
необхідно обрати рівень складності після чого з’явиться курс по певній
навичці та рівню складності, який було обрано.
Сторінка Vocabulary
На цій сторінці. є чотири рівні складності. Обираючи певний рівень
складності, потрібно натиснути на кнопку і з’явиться курс словникового
запасу по рівню який було обрано.
4. Візуальні елементи
Фотографії
Було додано якісні зображення викладачів, студентів і навчальних
матеріалів для підвищення привабливості сайту. Також було створено
зображення з рівнями складності курсів.
5. Навігація
Головне меню
Меню розміщено у верхній частині сайту з чіткими назвами розділів,
що дозволяє легко переходити між ними.
Підвал сайту
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 47
а
Підвал містить контактну інформацію, що додає зручності для
користувачів.
Підсумок
Завдяки широкому вибору інструментів та функцій Wix, було створено
привабливий, зручний і функціональний веб-сайт для курсів англійської
мови. Використання адаптивних шаблонів, налаштування кольорової схеми,
типографіки, розміщення візуальних елементів та забезпечення зручної
навігації дозволили створити ресурс, який не лише привертає увагу нових
студентів, але й покращує досвід існуючих.
5.2 Створення веб-сайту
Процес створення веб-сайту курсів англійської мови на платформі Wix
складався з декількох ключових етапів. Кожен з них був спрямований на
досягнення максимальної ефективності та привабливості сайту для
користувачів. Нижче наведено детальний опис кожного етапу:
1. Реєстрація та вибір шаблону
Реєстрація на Wix
Першим кроком було створення акаунту на платформі Wix. Процес
реєстрації був простим і швидким, дозволяючи негайно приступити до
роботи.
Рисунок 5.4 – Реєстрація на платформі Wix
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 48
а
Вибір шаблону
Після реєстрації було обрано шаблон, який спеціально розроблений для
освітніх сайтів. Шаблон вже містив базову структуру, яка відповідала
потребам курсів англійської мови, включаючи розділи для опису курсів,
відгуків студентів та контактної інформації.
Рисунок 5.5 – Обраний шаблон
2. Створення навігації
Головне меню
Головне меню було спроектовано таким чином, щоб відвідувачі могли
легко знайти потрібну інформацію. Основні розділи включали:
 Головна
 Контакти
 Граматика
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 49
а
 Навички
 Vocabulary
Вкладені пункти меню
Для зручності користувачів, деякі розділи містять вкладені пункти
меню. Наприклад, у розділах «Граматика» та «Vocabulary» були додаткові
вкладки:
 Початковий рівень
 Нижче середнього рівень
 Середній рівень
 Вище середнього рівень
Також в розділі «Навички» є вкладені пункти меню.
 Reading
 Speaking
 Writting
 Listening
В кожному з цих пунктів присутні кнопки заклику до дії
«Продовжити» натискаючи на які,буде переведено на вкладені меню з
вибором рівня тяжкості:
 Початковий рівень
 Нижче середнього рівень
 Середній рівень
 Вище середнього рівень
Рисунок 5.6 – Навігація сайту
3.Створення головної сторінки
Спочатку була розроблена ідея банеру нестандартного формату. Для
створення візуально привабливого банера було обрано високоякісне фонове
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 50
а
зображення, яке відображає тематику курсу англійської мови. Зображення
було завантажене з бібліотеки Wix.
В банері було додано основну кнопку заклику до дії:
 Текст кнопки: “Зв’язатися”
 Колір кнопки: яскравий жовтий, що виділяється на фоні банера
 Розміщення: кнопка розміщена так, щоб бути добре видимою і
доступною для користувачів
Рисунок 5.7 – Банер веб-сайту
Наступним кроком було створено блок на головній сторінці «Про нас».
Для створення привабливого дизайну використано зображення, що
відповідають загальній тематиці сайту. Вони додають візуальної
привабливості та підтримують загальний стиль. В цьому блоці коротко
описано про курс і чому варто обрати саме ці курси.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 51
а
Рисунок 5.8 – Блок «Про нас»
Далі було створено каталог курсів на головній сторінці. Для кожного
курсу було створено окремий блок, що включає:
 Назву курсу
 Короткий опис
Використання сітки
Курси були розміщені у вигляді сітки, що забезпечує зручне
відображення і легку навігацію для користувачів.
Фотографії та іконки
Додано якісні фотографії для кожного курсу, що робить розділ
візуально привабливим і допомагає відвідувачам швидко орієнтуватися.
4. Додавання кнопок заклику до дії
Кнопки "Вивчати"
Кожен курс включає кнопку "Вивчати", яка веде до детальної сторінки
з інформацією про курс.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 52
а
Рисунок 5.9 – Каталог курсів
5.Розробка футера
Було вирішено включити блок контактної інформації в футер в футер
Контактна інформація
 Адреса: Вказана фізична адреса офісу або школи.
 Телефон: Номер телефону для швидкого зв’язку.
 Електронна пошта: Адреса електронної пошти для запитів та
зворотнього зв’язку.
Рисунок 5.10 – Футер веб-сайту
6.Створення сторінки Контакти
На сторінку Контакти було додано контактну інформацію для зв’язку
та запитів для зручності клієнтів.
Додавання контактної інформації
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 53
а
Адреса офісу
 Фізична адреса: Вказано точну адресу офісу, включаючи місто.
Телефон та електронна пошта
 Телефонний номер: Номер телефону для зв’язку.
 Електронна пошта: Адреса електронної пошти для запитів.
Також було додано банер з фоновим фото обраним під контекст
сторінки та написом «Контакти».
Рисунок 5.11 – Сторінка «Контакти»
7.Розробка сторінки Граматика
Було створено сторінку «Граматика» з заголовком великими літерами
«Граматика». Було додано для зручності користувачів вкладені пункти меню:
 Beginner+Elementary (Початковий рівень)
 Pre-Intermediate (Нижче середнього рівень)
 Intermediate (Середній рівень)
 Upper-Intermediate (Вище середнього рівень)
До кожного рівня було створено зображення за допомогою Wix. На
кожному зображені підібрано дизайн в стиль сайту. На ілюстраціях
зображено позначки рівня складності курсу Граматика.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 54
а
Рисунок 5.12 – Сторінка Граматика
У кожному рівні складності є короткий опис та кнопка при натисканні
на яку, буде переведено на курси по граматиці обраного рівня. На кожній
сторінці курсу обраного рівня присутній банер з зображення, на якому
розміщено позначення рівня. Також на банері присутня кнопка при
натисканні на яку буде повернено на Головну сторінку.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 55
а
Рисунок 5.13 – Банер сторінки курсу граматика початкового рівня
Рисунок 5.14 – Курс граматики для рівня Beginner+Elementary (Початковий
рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 56
а
Рисунок 5.15 – Банер сторінки курсу граматика нижче середнього рівня
Рисунок 5.16 – Курс граматики для рівня Pre-Intermediate (Нижче середнього
рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 57
а
Рисунок 5.17 – Банер сторінки курсу граматика середнього рівня
Рисунок 5.18 – Курс граматики для рівня Intermediate (Середній рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 58
а
Рисунок 5.19 – Банер сторінки курсу граматика вище середнього рівня
Рисунок 5.20 – Курс граматики для рівня Upper-Intermediate (Вище
середнього рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 59
а
8.Розробка сторінки Навички
Було створено сторінку «Навички» з заголовком великими літерами
«Навички». Було додано для зручності користувачів вкладені пункти меню:
 Reading
 Speaking
 Writting
 Listening
До кожного виду навичок було створено зображення за допомогою
Wix. На кожному зображені підібрано дизайн в стиль сайту. На ілюстраціях
зображено значок що позначає певний вид навички та текст з назвою
навички.
Рисунок 5.21 – Сторінка Навички
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 60
а
У кожному виді навичок є короткий опис та кнопка при натисканні на
яку, буде переведено вкладені пункти меню вибору рівня складності:
 Beginner+Elementary (Початковий рівень)
 Pre-Intermediate (Нижче середнього рівень)
 Intermediate (Середній рівень)
 Upper-Intermediate (Вище середнього рівень)
До кожного рівня було створено зображення за допомогою Wix. На
кожному зображені підібрано дизайн в стиль сайту. На ілюстраціях
зображено позначки рівня складності курсу Навички.
Рисунок 5.22 – рівні складності курсу Навички
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 61
а
У кожному рівні складності є короткий опис та кнопка при натисканні
на яку, буде переведено на курси по навичкам обраного рівня. Присутня
кнопка при натисканні на яку буде повернено на попередню сторінку.
Рисунок 5.23 – Курс навички для рівня Beginner+Elementary (Початковий
рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 62
а
Рисунок 5.24 – Курс навички для рівня Pre-Intermediate (Нижче середнього
рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 63
а
Рисунок 5.25 – Курс навичок для рівня Intermediate (Середній рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 64
а
Рисунок 5.26 – Курс навичок для рівня Upper-Intermediate (Вище середнього
рівень)
8.Розробка сторінки Vocabulary
Було створено сторінку «Vocabulary» з заголовком великими літерами
«Граматика». Було додано для зручності користувачів вкладені пункти меню:
 Beginner+Elementary (Початковий рівень)
 Pre-Intermediate (Нижче середнього рівень)
 Intermediate (Середній рівень)
 Upper-Intermediate (Вище середнього рівень)
До кожного рівня було підібрано зображення за допомогою Wix. На
кожному зображені підібрано дизайн в стиль сайту та контекст сторінки.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 65
а
Рисунок 5.27 – Сторінка Vocabulary
У кожному рівні складності є короткий опис та кнопка при натисканні
на яку, буде переведено на курси по словниковому запасі обраного рівня. На
кожній сторінці курсу обраного рівня присутній банер з зображення. Також
присутня кнопка при натисканні на яку буде повернено на сторінку назад.
Рисунок 5.28 – Курс словниковий запас для рівня Beginner+Elementary
(Початковий рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 66
а
Рисунок 5.29 – Курс словниковий запас для рівня Pre-Intermediate (Нижче
середнього рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 67
а
Рисунок 5.30 – Курс словниковий запас для рівня Intermediate (Середній
рівень)
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 68
а
Рисунок 5.31 – Курс словниковий запас для рівня Upper-Intermediate (Вище
середнього рівень)
Висновок
Розробка веб-сайту онлайн курсів англійської мови на Wix включала
планування та підготовку, налаштування облікового запису, створення та
налаштування сторінок, дизайн та стилізацію, забезпечення
функціональності та інтерактивності, тестування та запуск. Завдяки широким
можливостям Wix, створений сайт є зручним, інформативним та
привабливим для потенційних студентів, що дозволяє ефективно залучати
нових клієнтів та забезпечувати якісне навчання.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 69
а
ВИСНОВКИ
Кваліфікаційна робота була присвячена розробці веб-сайту онлайн
курсів іноземної мови, створеної на платформі Wix. Ця система автоматизує
процеси управління курсами, запис на заняття та взаємодію з учнями, що
сприяє підвищенню ефективності навчального процесу та задоволеності
студентів.
В роботі проведено аналіз потреб ринку онлайн курсів англійської
мови, визначено ключові функціональні вимоги до інформаційної системи.
На основі цих вимог було розроблено проект системи, який включає
структуру веб-інтерфейсу та інтеграцію з засобами комунікації.
Створено веб-сайт на платформі Wix, який забезпечує зручний
інтерфейс для учнів та адміністративну панель для управління курсами.
Налаштовано основні функції сайту, включаючи управління курсами та
засобів комунікації.
Проведено комплексне тестування функціональності сайту, включаючи
тестування інтерактивних елементів. Оптимізовано відображення сайту на
різних пристроях та браузерах для забезпечення зручності користування.
Забезпечено доступність веб-сайту для користувачів.
Розроблений веб-сайт значно спрощує процес управління онлайн
курсами, автоматизуючи рутинні завдання та зменшуючи час на їх
виконання. Система дозволяє контролювати заповнюваність курсів та
швидко обробляти заявки на навчання, що підвищує ефективність роботи
адміністративного персоналу.
Завдяки зручному інтерфейсу та інтерактивним елементам, онлайн
платформа забезпечує позитивний досвід користувачів, що сприяє залученню
нових студентів та підвищенню лояльності постійних учнів.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 70
а
Веб-сайт онлайн курсів іноземної мови може бути розширеним новими
функціями, такими як автоматизація маркетингових кампаній, впровадження
програми лояльності для учнів та інтеграція з іншими освітніми
платформами. Подальше вдосконалення сайту аналітики дозволить більш
ефективно моніторити та аналізувати діяльність онлайн школи, що
сприятиме прийняттю обґрунтованих управлінських рішень.
Розроблений веб-сайт онлайн курсів іноземної мови на базі платформи
Wix є ефективним та зручним інструментом для автоматизації освітнього
процесу та управління бізнесом. Він дозволяє підвищити ефективність
роботи, покращити взаємодію з учнями та створити умови для подальшого
розвитку та розширення освітньої діяльності. Проведені дослідження та
реалізація системи підтверджують її високу функціональність та практичну
цінність для сучасних освітніх установ.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 71
а
ПЕРЕЛІК СКОРОЧЕНЬ ТА УМОВНИХ ПОЗНАЧЕНЬ
AICC (Aviation Industry CBT Committee) - Стандарти для комп'ютерного
навчання та керування навчальним контентом, розроблені
авіаційною промисловістю.
ADI (Application Programming Interface) - Інтерфейс програмування
додатків, який дозволяє взаємодіяти різним програмним
компонентам.
CMS (Content Management System) - Система управління контентом, що
дозволяє створювати, редагувати та керувати контентом веб-сайтів
без необхідності знань програмування.
CSS (Cascading Style Sheets) - Каскадні таблиці стилів, що
використовуються для опису зовнішнього вигляду документів,
написаних мовою розмітки (наприклад, HTML).
DOM (Document Object Model) - Об'єктна модель документа, яка дозволяє
скриптам динамічно доступатися та оновлювати вміст, структуру та
стиль HTML і XML документів.
HTML (Hypertext Markup Language) - Мова розмітки гіпертексту, яка
використовується для створення та структурування веб-сторінок.
HTTP (Hypertext Transfer Protocol) - Протокол передачі гіпертексту,
який використовується для передачі даних у Всесвітній павутині.
LMS (Learning Management System) - Система управління навчанням, що
використовується для адміністрування, документування,
відстеження, звітності та доставки освітніх курсів або навчальних
програм.
NoSQL (Not Only SQL) - Тип баз даних, який забезпечує механізми
зберігання та отримання даних, що моделюють дані відмінним
чином від реляційних таблиць, використовуваних у SQL базах даних.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 72
а
PC (Personal Computer) - Персональний комп'ютер, який призначений для
використання однією людиною.
SCORM (Sharable Content Object Reference Model) - Модель для обміну
навчальним контентом, яка визначає, як створювати навчальні
матеріали, що можуть бути спільно використовувані.
SEO (Search Engine Optimization) - Оптимізація для пошукових систем,
процес покращення видимості веб-сайту в органічних (неоплачених)
результатах пошуку.
SQL (Structured Query Language) - Мова структурованих запитів, що
використовується для управління та маніпуляції реляційними базами
даних.
SSL-сертифікати (Secure Sockets Layer Certificates) - Цифрові
сертифікати, що забезпечують захищене з'єднання між веб-сервером
та браузером, забезпечуючи безпеку даних, що передаються.
URL (Uniform Resource Locator) - Уніфікований вказівник ресурсів,
адреса, яка використовується для ідентифікації та доступу до
ресурсів в Інтернеті.
VR (Virtual Reality) - Віртуальна реальність, технологія, яка створює
імітацію реального світу або уявного середовища з використанням
комп'ютерного моделювання.
WYSIWYG (What You See Is What You Get) - Програмне забезпечення,
що дозволяє користувачам бачити кінцевий результат під час
процесу створення або редагування контенту.
xAPI (Experience API) - Інтерфейс програмування досвіду, який дозволяє
захоплювати дані про досвід учня з різних платформ.
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 73
а
ДОДАТОК А
«ЗАТВЕРДЖУЮ»
Завідувач кафедри ІБ та КІ
д.т.н., професор Віра БАБЕНКО
__________________
«___» ____________ 2024 року
WEB-сайт онлайн курсів іноземної мови
Специфікація
482.ЧДТУ.42037-01
Листів 2
Розробник _______________ Софія ПОЛЯНСЬКА
Керівник _______________ Світлана ГРЕСЬКО
Черкаси 2024
2
482.ЧДТУ.42037-01
Позначення Найменування Примітка
Документація
482.ЧДТУ.42037-01 12 01 Текст програми
ДОДАТОК Б
WEB-сайт онлайн курсів іноземної мови
Текст програми
482.ЧДТУ.42041-01 12 01
Листів 28
Розробник: Софія ПОЛЯНСЬКА
Черкаси 2024
2
482.ЧДТУ.42037-01 12 01
1) Головна сторінка
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<!-- Safari Pinned Tab Icon -->
<!-- <link rel="mask-icon" href="https://www.wix.com/favicon.ico"> -->
<!-- Original trials -->
<!-- Legacy Polyfills -->
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/minified.js"></script>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/dist/focus-within-
polyfill.js"></script>
<script nomodule="" src="https://polyfill-fastly.io/v3/polyfill.min.js?features=fetch"></script>
<!-- Performance API Polyfills -->
<script>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<!-- Globals Definitions -->
<script>
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
3
482.ЧДТУ.42037-01 12 01
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.14104.0"
})();
</script>
<!-- sendFedopsLoadStarted.inline -->
<script type="application/json" id="wix-fedops">{"data":{"site":{"metaSiteId":"d3dbb603-15ea-4c2f-93a4-
d691a702660b","userId":"3e0e08dd-5976-4f1c-8400-35121205115a","siteId":"1031d0c6-139c-406b-a14b-
317687d22b57","externalBaseUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","siteRevision":41,"siteType":"UGC","dc":"84","isResponsive":false,"editorName":"Unknown","sessionId":"50d
de0a8-b1fd-4a4f-9330-
1a4b047d8029","isSEO":false,"appNameForBiEvents":"thunderbolt"},"rollout":{"siteAssetsVersionsRollout":false,
"isDACRollout":0,"isTBRollout":false},"fleetConfig":{"fleetName":"wix-
thunderbolt","type":"GA","code":0},"requestUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","isInSEO":false,"platformOnSite":true}}</script>
<script>window.fedops = JSON.parse(document.getElementById('wix-fedops').textContent)</script>
<script id='sendFedopsLoadStarted'>
!function(){function r(r,e){var t,n=Object.keys(r);return
Object.getOwnPropertySymbols&&(t=Object.getOwnPropertySymbols(r),e&&(t=t.filter(function(e){return
Object.getOwnPropertyDescriptor(r,e).enumerable})),n.push.apply(n,t)),n}function e(n){for(var
e=1;e<arguments.length;e++){var
i=null!=arguments[e]?arguments[e]:{};e%2?r(Object(i),!0).forEach(function(e){var
r,t;r=n,e=i[t=e],(t=function(e){e=function(e,r){if("object"!=typeof e||null===e)return e;var
t=e[Symbol.toPrimitive];if(void
0===t)return("string"===r?String:Number)(e);r=t.call(e,r||"default");if("object"!=typeof r)return r;throw new
TypeError("@@toPrimitive must return a primitive value.")}(e,"string");return"symbol"==typeof
e?e:String(e)}(t))in
r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e}):Object.
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/handleAccessTokens.inline.631e363e.bundle.min.js">!function(){"use strict";const e="client-
session-
bind",t="tbReady",n=window.viewerModel.experiments["specs.thunderbolt.replaceDynamicModel"]?window.view
erModel.accessTokensUrl:window.viewerModel.dynamicModelUrl;if(viewerModel.experiments["specs.thunderbolt
.hardenFetchAndXHR"]){let i=fetch;const
o=document.cookie.split(";").map((e=>e.trim())).filter((t=>t.startsWith(e)))[0]?.split("=")[1],s={};function
r(e){const{logger:n}=e.detail;try{window.tb.init({fetch:i,fetchHeaders:s})}catch(e){n.captureError(e,{tags:{feature
:"thunderbolt-
security"},extra:{errorMessage:"TB003"}})}finally{removeEventListener(t,r),i=fetch}}o&&(s["client-
binding"]=o,(()=>{const t=`${e}=; max-age=0; path=/; expires=Thu, 01 Jan 1970 00:00:01
GMT`;if("undefined"!=typeof location){const e=new
URL(location.href),n=e.hostname.includes("localhost")?e.hostname:`.${e.hostname}`;document.cookie=`${t};
domain=${n}`}else document.cookie=t})()),addEventListener(t,r)}else
window.fetchDynamicModel=()=>window.viewerModel.siteFeaturesConfigs.sessionManager.isRunningInDifferent
SiteContext?Promise.resolve({}):fetch(n,{credentials:"same-origin"}).then((function(e){if(!e.ok)throw new
Error(`[${e.status}]${e.statusText}`);return
e.json()})),window.dynamicModelPromise=window.fetchDynamicModel()}();
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/handleAccessTokens.inline.631e363e.bundle.min.js.map</script>
<script>
window.commonConfig = viewerModel.commonConfig
</script>
4
482.ЧДТУ.42037-01 12 01
<!-- initCustomElements -->
<meta name="wix-dynamic-custom-elements" content="DropDownMenu">
<!-- Initial CSS -->
<style data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/main.359d60e4.min.css">body.device-mobile-optimized{overflow-x:hidden;overflow-
y:scroll}body.device-mobile-optimized:not(.autozoom) #SITE_CONTAINER,body.device-mobile-
optimized:not(.responsive) #SITE_CONTAINER{zoom:var(--zoom-factor,1);margin-left:auto;margin-
right:auto;overflow-x:visible;position:relative;width:320px}body.device-mobile-
optimized:not(.autozoom):not(.blockSiteScrolling) #SITE_CONTAINER,body.device-mobile-
optimized:not(.responsive):not(.blockSiteScrolling) #SITE_CONTAINER{margin-top:0}body.device-mobile-
optimized>*{max-width:100%!important}body.device-mobile-optimized #site-root{overflow-x:hidden;overflow-
y:hidden}@supports(overflow:clip){body.device-mobile-optimized #site-root{overflow-x:clip;overflow-
y:clip}}body.device-mobile-non-optimized #SITE_CONTAINER #site-root{overflow-x:hidden;overflow-
y:auto}body.device-mobile-non-optimized.fullScreenMode{background-color:#5f6360}body.device-mobile-non-
optimized.fullScreenMode #MOBILE_ACTIONS_MENU,body.device-mobile-non-optimized.fullScreenMode
#SITE_BACKGROUND,body.device-mobile-non- -
#PAGES_CONTAINER,#masterPage.mesh-layout #soapAfterPagesContainer,#masterPage.mesh-layout
#soapBeforePagesContainer{grid-area:3/1/4/2;-ms-grid-row:3}#masterPage.mesh-layout
#soapAfterPagesContainer,#masterPage.mesh-layout #soapBeforePagesContainer{width:100%}#masterPage.mesh-
layout #PAGES_CONTAINER{align-self:stretch}#masterPage.mesh-layout
main#PAGES_CONTAINER{display:block}#masterPage.mesh-layout #SITE_FOOTER-
placeholder,#masterPage.mesh-layout #SITE_FOOTER_WRAPPER{grid-area:4/1/5/2;-ms-grid-
row:4}#masterPage.mesh-layout #SITE_PAGES,#masterPage.mesh-layout [data-mesh-
id=PAGES_CONTAINERcenteredContent],#masterPage.mesh-layout [data-mesh-
id=PAGES_CONTAINERinlineContent]{height:100%}#masterPage.mesh-
layout.desktop>*{width:100%}#masterPage.mesh-layout #PAGES_CONTAINER,#masterPage.mesh-layout
#SITE_FOOTER_WRAPPER,#masterPage.mesh-layout #SITE_HEADER_WRAPPER,#masterPage.mesh-layout
#SITE_PAGES,#masterPage.mesh-layout #masterPageinlineContent,#masterPage.mesh-layout:not(.one-doc)
#SITE_FOOTER,#masterPage.mesh-layout:not(.one-doc) #SITE_HEADER{position:relative}#masterPage.mesh-
layout.remove-wrappers #SITE_HEADER{grid-area:1/1/2/2}#masterPage.mesh-layout.remove-wrappers
#SITE_FOOTER{grid-area:4/1/5/2}[data-z-counter]{z-index:0}[data-z-counter="0"]{z-
index:auto}.wixSiteProperties{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--wst-
button-color-fill-primary:rgb(var(--color_48));--wst-button-color-border-primary:rgb(var(--color_49));--wst-button-
color-text-primary:rgb(var(--color_50));--wst-button-color-fill-primary-hover:rgb(var(--color_51));--wst-button-
color-border-primary-hover:rgb(var(--color_52));--wst-button-color-text-primary-hover:rgb(var(--color_53));--wst-
button-color-fill-primary-disabled:rgb(var(--color_54));--wst-button-color-border-primary-disabled:rgb(var(--
color_55));--wst-button-color-text-primary-disabled:rgb(var(--color_56));--wst-button-color-fill-secondary:rgb(var(-
-color_57));--wst-button-color-border-secondary:rgb(var(--color_58));--wst-button-color-text-secondary:rgb(var(--
color_59));--wst-button-color-fill-secondary-hover:rgb(var(--color_60));--wst-button-color-border-secondary-
hover:rgb(var(--color_61));--wst-button-color-text-secondary-hover:rgb(var(--color_62));--wst-button-color-fill-
secondary-disabled:rgb(var(--color_63));--wst-button-color-border-secondary-disabled:rgb(var(--color_64));--wst-
button-color-text-secondary-disabled:rgb(var(--color_65));--wst-color-fill-base-1:rgb(var(--color_36));--wst-color-
fill-base-2:rgb(var(--color_37));--wst-color-fill-base-shade-1:rgb(var(--color_38));--wst-color-fill-base-shade-
2:rgb(var(--color_39));--wst-color-fill-base-shade-3:rgb(var(--color_40));--wst-color-fill-accent-1:rgb(var(--
color_41));--wst-color-fill-accent-2:rgb(var(--color_42));--wst-color-fill-accent-3:rgb(var(--color_43));--wst-color-
fill-accent-4:rgb(var(--color_44));--wst-color-fill-background-primary:rgb(var(--color_11));--wst-color-fill-
background-secondary:rgb(var(--color_12));--wst-color-text-primary:rgb(var(--color_15));--wst-color-text-
secondary:rgb(var(--color_14));--wst-color-action:rgb(var(--color_18));--wst-color-disabled:rgb(var(--color_39));--
wst-color-title:rgb(var(--color_45));--wst-color-subtitle:rgb(var(--color_46));--wst-color-line:rgb(var(--color_47));--
wst-font-style-h2:var(--font_2);--wst-font-style-h3:var(--font_3);--wst-font-style-h4:var(--font_4);--wst-font-style-
h5:var(--font_5);--wst-font-style-h6:var(--font_6);--wst-font-style-body-large:var(--font_7);--wst-font-style-body-
medium:var(--font_8);--wst-font-style-body-small:var(--font_9);--wst-font-style-body-x-small:var(--
font_10)}</style>
<meta name="format-detection" content="telephone=no">
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
5
482.ЧДТУ.42037-01 12 01
<!-- Overriding Globals JS Head -->
<!--pageHtmlEmbeds.head start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head end"></script>
<!--pageHtmlEmbeds.head end-->
<!-- head performance data start -->
<!-- head performance data end -->
<meta http-equiv="X-Wix-Meta-Site-Id" content="d3dbb603-15ea-4c2f-93a4-d691a702660b">
<meta http-equiv="X-Wix-Application-Instance-Id" content="1031d0c6-139c-406b-a14b-317687d22b57">
<meta http-equiv="X-Wix-Published-Version" content="41"/>
<meta http-equiv="etag" content="bug"/>
<!-- render-head end -->
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt[FiveGridLine_SolidLine].23b2f23d.min.css">.aVng1S{border-
top:var(--lnw,2px) solid rgba(var(--brd,var(--color_15,color_15)),var(--alpha-brd,1));box-sizing:border-
box;height:0}</style>
<style data-href="https://static.parastorage.com/services/editor-elements-
library/dist/thunderbolt/rb_wixui.thunderbolt_bootstrap.0366e3a7.min.css">.J6KGih{cursor:pointer}.sNF2R0{opac
ity:0}.hLoBV3{transition:opacity var(--transition-duration) cubic-
bezier(.37,0,.63,1)}.Rdf41z,.hLoBV3{opacity:1}.ftlZWo{transition:opacity var(--transition-duration) cubic-
bezier(.37,0,.63,1)}.ATGlOr,.ftlZWo{opacity:0}.KQSXD0{transition:opacity var(--transition-duration) cubic-
bezier(.64,0,.78,0)}.KQSXD0,.pagQKE{opacity:1}._6zG5H{opacity:0;transition:opacity var(--transition-duration)
cubic-bezier(.22,1,.36,1)}.BB49uC{transform:translateX(100%)}.j9xE1V{transition:transform var(--transition-
duration) cubic-bezier(.87,0,.13,1)}.ICs7Rs,.j9xE1V{transform:translateX(0)}.DxijZJ{transition:transform var(--
transition-duration) cubic-bezier(.87,0,.13,1)}.B5kjYq,.DxijZJ{transform:translateX(-
100%)}.cJijIV{transition:transform var(--transition-duration) cubic-
bezier(.87,0,.13,1)}.cJijIV,.hOxaWM{transform:translateX(0)}.T9p3fN{transform:translateX(
<title>Головна | My Site 4</title>
<link rel="canonical" href="https://yaraya626.wixsite.com/my-site-4"/>
<meta property="og:title" content="Головна | My Site 4"/>
<meta property="og:url" content="https://yaraya626.wixsite.com/my-site-4"/>
<meta property="og:site_name" content="My Site 4"/>
<meta property="og:type" content="website"/>
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="Головна | My Site 4"/>
</head>
<body class='' >
<script type="text/javascript">
var bodyCacheable = true;
var exclusionReason = {"shouldRender":true,"forced":false};
var ssrInfo = {"cacheExclusionReason":"","renderBodyTime":518,"renderTimeStamp":1717712366008}
</script>
6
482.ЧДТУ.42037-01 12 01
<!--pageHtmlEmbeds.bodyStart start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyStart end"></script>
<!--pageHtmlEmbeds.bodyStart end-->
<script id="wix-first-paint">
if (window.ResizeObserver &&
(!window.PerformanceObserver || !PerformanceObserver.supportedEntryTypes ||
PerformanceObserver.supportedEntryTypes.indexOf('paint') === -1)) {
new ResizeObserver(function (entries, observer) {
entries.some(function (entry) {
var contentRect = entry.contentRect;
if (contentRect.width > 0 && contentRect.height > 0) {
requestAnimationFrame(function (now) {
window.wixFirstPaint = now;
dispatchEvent(new CustomEvent('wixFirstPaint'));
});
observer.disconnect();
return true;
}
});
}).observe(document.body);
}
</script>
<pages-css id="pages-css"><style id="css_masterPage">
@font-face{
font-family:"Madefor-Display-Bold";
src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforDisplayVF_W_Wght.woff2") format('woff2-variations'),
url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforDisplay_W_Bd.woff2") format("woff2"),
url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforDisplay_W_Bd.woff") format("woff");
font-weight: 700;
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW01-65Medi";
font-weight: bold;
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/5b1fbd62-45dc-4433-a7df-a2b24a146411.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/050b1948-f226-4d20-a65a-15d8ed031222.woff") format("woff");
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW02-65Medi";
font-weight: bold;
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/e535ec76-8fc8-4985-94e6-9246a2c6b245.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/67da9da8-4b53-4407-9184-abce69bfc8b5.woff") format("woff");
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW10-65Medi";
font-weight: bold;
7
482.ЧДТУ.42037-01 12 01
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/5393f1cf-e069-4466-bb37-f26f99fb4cf7.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/26b8484e-52e3-44ac-b958-865809934ebb.woff") format("woff");
font-display: swap;
}@font-face {
font-family: "DIN-Next-W01-Light";
src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/3e0b2cd7-9657-438b-b4af-
e04122e8f1f7.eot?#iefix");
font-family:"Madefor-Text";
font-style: italic;
src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforTextItalicVF_W_Wght.woff2") format('woff2-variations'),
url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforText_W_It.woff2") format("woff2"),
url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/WixMadefor/v3/WixMadeforText_W_It.woff") format("woff");
font-weight: 400;
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW01-45Ligh";
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/3a46542f-f429-4821-9a88-62e3be54a640.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/50ac1699-f3d2-47b6-878f-67a368a17c41.woff") format("woff");
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW02-45Ligh";
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/f20b86ad-a3dc-4459-92b7-456b456d015a.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/ca003289-5ee3-45c2-94ad-36c743c35fc1.woff") format("woff");
font-display: swap;
}@font-face {
font-family:"HelveticaNeueW10-45Ligh";
src:url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/198fd78b-3655-4768-89c4-31caf65ea363.woff2")
format("woff2"),url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-
fonts/fonts/Helvetica/v2/49631ce8-9201-47a8-8874-45371417c35f.woff") format("woff");
font-display: swap;
}#masterPage:not(.landingPage) #PAGES_CONTAINER{margin-top:0px;margin-
bottom:0px;}#masterPage.landingPage #SITE_HEADER{display:none;}#masterPage.landingPage
#SITE_FOOTER{display:none;}#masterPage.landingPage #SITE_HEADER-
placeholder{display:none;}#masterPage.landingPage #SITE_FOOTER-
placeholder{display:none;}#SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-
focus):not([tabindex="-1"]):focus, #SITE_CONTAINER.focus-ring-active :not(.has-custom-focus):not(.ignore-
focus):not([tabindex="-1"]):focus ~ .wixSdkShowFocusOnSibling{--focus-ring-box-shadow:0 0 0 1px #ffffff, 0 0 0
3px #116dff;box-shadow:var(--focus-ring-box-shadow) !important;z-index:1;}.has-inner-focus-ring{--focus-ring-
box-shadow:inset 0 0 0 1px #ffffff, inset 0 0 0 3px #116dff !important;}#masterPage{left:0;margin-
left:0;width:100%;min-width:0;}#PAGES_CONTAINER{--pinned-layer-in-container:50;--above-all-in-
container:49;}#SITE_HEADER{z-index:49;--above-all-in-container:10000;}#SITE_FOOTER{--pinned-layer-in-
container:52;--above-all-in-container:49;}:root,:host, .spxThemeOverride{--color_0:255,255,255;--
color_1:255,255,255;--color_2:0,0,0;--color_3:237,28,36;--color_4:0,136,203;--color_5:255,203,5;--
color_6:114,114,114;--color_7:176,176,176;--color_8:255,255,255;--color_9:114,114,114;--color_10:176,176,176;-
-color_11:0,0,0;--color_12:36,36,36;--color_13:217,217,217;--color_14:255,255,255;--color_15:255,255,255;--
color_16:229,240,254;--color_17:239,254,138;--color_18:239,254,138;--color_19:0,58,150;--color_20:0,29,75;--
color_21:249,197,180;--color_22:243,167,143;--color_23:36,36,36;--color_24:158,59,27;--color_25:79,29,14;--
color_26:210,172,247;--color_27:186,131,240;--color_28:128,21,232;--color_29:85,14,155;--color_30:43,7,77;--
color_31:177,211,187;--color_32:127,168,139;--color_33:64,124,81;--color_34:43,83,54;--color_35:21,41,27;--
color_36:0,0,0;--color_37:255,255,255;--color_38:64,64,64;--color_39:128,128,128;--color_40:191,191,191;--
8
482.ЧДТУ.42037-01 12 01
color_41:239,254,138;--color_42:36,36,36;--color_43:128,128,128;--color_44:239,254,139;--
color_45:255,255,255;--color_46:255,255,255;--color_47:255,255,255;--color_48:239,254,138;--
color_49:239,254,138;--color_50:0,0,0;--color_51:0,0,0;--color_52:239,254,138;--color_53:239,254,138;--
color_54:191,191,191;--color_55:191,191,191;--color_56:64,64,64;--color_57:0,0,0;--color_58:239,254,138;--
color_59:239,254,138;--color_60:239,254,138;--color_61:0,0,0;--color_62:0,0,0;--color_63:191,191,191;--
color_64:191,191,191;--color_65:64,64,64;--font_0:normal normal normal 90px/1.1em madefor-display-
bold,helveticaneuew01-65medi,helveticaneuew02-65medi,helveticaneuew10-65medi,sans-serif;--font_1:normal
normal normal 16px/1.4em din-next-w01-light,din-next-w02-light,din-next-w10-light,sans-serif;--font_2:normal
normal normal 72px/1.2em madefor-display-bold,helveticaneuew01-65medi,helveticaneuew02-
65medi,helveticaneuew10-65medi,sans-serif;--font_3:normal normal normal 55px/1.2em madefor-display-
bold,helveticaneuew01-65medi,helveticaneuew02-65medi,helveticaneuew10-65medi,sans-serif;--font_4:normal
normal normal 48px/1.2em madefor-display-bold,helveticaneuew01-65medi,helveticaneuew02-
65medi,helveticaneuew10-65medi,sans-serif;--font_5:normal normal normal 32px/1.5em madefor-display-
bold,helveticaneuew01-65medi,helveticaneuew02-65medi,helveticaneuew10-65medi,sans-serif;--font_6:normal
normal normal 24px/1.5em madefor-display-bold,helveticaneuew01-65medi,helveticaneuew02-
65medi,helveticaneuew10-65medi,sans-serif;--font_7:normal normal normal 20px/1.7em madefor-
text,helveticaneuew01-45ligh,helveticaneuew02-45ligh,helveticaneuew10-45ligh,sans-serif;--font_8:normal normal
normal 16px/1.7em madefor-text,helveticaneuew01-45ligh,helveticaneuew02-45ligh,helveticaneuew10-45ligh,sans-
serif;--font_9:normal normal normal 14px/1.8em madefor-text,helveticaneuew01-45ligh,helveticaneuew02-
45ligh,helveticaneuew10-45ligh,sans-serif;--font_10:normal normal normal 12px/1.4em din-next-w01-light,din-
next-w02-light,din-next-w10-light,sans-serif;--wix-ads-height:50px;--sticky-offset:50px;--wix-ads-top-height:50px;-
-vh-unit:calc( (100vh - 50px) / 100);--site-width:980px;--above-all-z-index:100000;--portals-z-index:100001;-
webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--minViewportSize:320;--
maxViewportSize:1920;--theme-spx-ratio:1px;}.font_0{font:var(--font_0);color:rgb(var(--color_15));letter-
spacing:0em;}.font_1{font:var(--font_1);color:rgb(var(--color_14));letter-spacing:0em;}.font_2{font:var(--
font_2);color:rgb(var(--color_15));letter-spacing:0em;}.font_3{font:var(--font_3);color:rgb(var(--color_15));letter-
spacing:0em;}.font_4{font:var(--font_4);color:rgb(var(--color_15));letter-spacing:0em;}.font_5{font:var(--
font_5);color:rgb(var(--color_15));letter-spacing:0em;}.font_6{font:var(--font_6);color:rgb(var(--color_15));letter-
spacing:0em;}.font_7{font:var(--font_7);color:rgb(var(--color_15));letter-spacing:0em;}.font_8{font:var(--
font_8);color:rgb(var(--color_15));letter-spacing:0em;}.font_9{font:var(--font_9);color:rgb(var(--color_15));letter-
spacing:0em;}.font_10{font:var(--font_10);color:rgb(var(--color_14));letter-spacing:0em;}.color_0{color:rgb(var(--
color_0));}.color_1{color:rgb(var(--color_1));}.color_2{color:rgb(var(--color_2));}.color_3{color:rgb(var(--
color_3));}.color_4{color:rgb(var(--color_4));}.color_5{color:rgb(var(--color_5));}.color_6{color:rgb(var(--
color_6));}.color_7{color:rgb(var(--color_7));}.color_8{color:rgb(var(--color_8));}.color_9{color:rgb(var(--
color_9));}.color_10{color:rgb(var(--color_10));}.color_11{color:rgb(var(--color_11));}.color_12{color:rgb(var(--
color_12));}.color_13{color:rgb(var(--color_13));}.color_14{color:rgb(var(--color_14));}.color_15{color:rgb(var(--
color_15));}.color_16{color:rgb(var(--color_16));}.color_17{color:rgb(var(--color_17));}.color_18{color:rgb(var(--
color_18));}.color_19{color:rgb(var(--color_19));}.color_20{color:rgb(var(--color_20));}.color_21{color:rgb(var(--
color_21));}.color_22{color:rgb(var(--color_22));}.color_23{color:rgb(var(--color_23));}.color_24{color:rgb(var(--
color_24));}.color_25{color:rgb(var(--color_25));}.color_26{color:rgb(var(--color_26));}.color_27{color:rgb(var(--
color_27));}.color_28{color:rgb(var(--color_28));}.color_29{color:rgb(var(--color_29));}.color_30{color:rgb(var(--
color_30));}.color_31{color:rgb(var(--color_31));}.color_32{color:rgb(var(--color_32));}.color_33{color:rgb(var(--
color_33));}.color_34{color:rgb(var(--color_34));}.color_35{color:rgb(var(--color_35));}.color_36{color:rgb(var(--
color_36));}.color_37{color:rgb(var(--color_37));}.color_38{color:rgb(var(--color_38));}.color_39{color:rgb(var(--
color_39));}.color_40{color:rgb(var(--color_40));}.color_41{color:rgb(var(--color_41));}.color_42{color:rgb(var(--
color_42));}.color_43{color:rgb(var(--color_43));}.color_44{color:rgb(var(--color_44));}.color_45{color:rgb(var(--
color_45));}.color_46{color:rgb(var(--color_46));}.color_47{color:rgb(var(--color_47));}.color_48{color:rgb(var(--
color_48));}.color_49{color:rgb(var(--color_49));}.color_50{color:rgb(var(--color_50));}.color_51{color:rgb(var(--
color_51));}.color_52{color:rgb(var(--color_52));}.color_53{color:rgb(var(--color_53));}.color_54{color:rgb(var(--
color_54));}.color_55{color:rgb(var(--color_55));}.color_56{color:rgb(var(--color_56));}.color_57{color:rgb(var(--
color_57));}.color_58{color:rgb(var(--color_58));}.color_59{color:rgb(var(--color_59));}.color_60{color:rgb(var(--
color_60));}.color_61{color:rgb(var(--color_61));}.color_62{color:rgb(var(--color_62));}.color_63{color:rgb(var(--
color_63));}.color_64{color:rgb(var(--color_64));}.color_65{color:rgb(var(--
color_65));}.backcolor_0{background-color:rgb(var(--color_0));}.backcolor_1{background-color:rgb(var(--
color_1));}.backcolor_2{background-color:rgb(var(--color_2));}.backcolor_3{background-color:rgb(var(--
color_3));}.backcolor_4{background-color:rgb(var(--color_4));}.backcolor_5{background-color:rgb(var(--
color_5));}.backcolor_6{background-color:rgb(var(--color_6));}.backcolor_7{background-color:rgb(var(--
color_7));}.backcolor_8{background-color:rgb(var(--color_8));}.backcolor_9{background-color:rgb(var(--
color_9));}.backcolor_10{background-color:rgb(var(--color_10));}.backcolor_11{background-color:rgb(var(--
color_11));}.backcolor_12{background-color:rgb(var(--color_12));}.backcolor_13{background-color:rgb(var(--
9
482.ЧДТУ.42037-01 12 01
color_13));}.backcolor_14{background-color:rgb(var(--color_14));}.backcolor_15{background-color:rgb(var(--
color_15));}.backcolor_16{background-color:rgb(var(--color_16));}.backcolor_17{background-color:rgb(var(--
color_17));}.backcolor_18{background-color:rgb(var(--color_18));}.backcolor_19{background-color:rgb(var(--
color_19));}.backcolor_20{background-color:rgb(var(--color_20));}.backcolor_21{background-color:rgb(var(--
color_21));}.backcolor_22{background-color:rgb(var(--color_22));}.backcolor_23{background-color:rgb(var(--
color_23));}.backcolor_24{background-color:rgb(var(--color_24));}.backcolor_25{background-color:rgb(var(--
color_25));}.backcolor_26{background-color:rgb(var(--color_26));}.backcolor_27{background-color:rgb(var(--
color_27));}.backcolor_28{background-color:rgb(var(--color_28));}.backcolor_29{background-color:rgb(var(--
color_29));}.backcolor_30{background-color:rgb(var(--color_30));}.backcolor_31{background-color:rgb(var(--
color_31));}.backcolor_32{background-color:rgb(var(--
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root{-st-extends: StylableButton;transition: all 0.2s ease, visibility
0s;background: #EFFE8A;padding: 0px;padding-left: 10px;padding-right: 10px}
/* START STYLABLE DIRECTIVE RULES */
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:hover{background: #000000;border: 1px solid #EFFE8A}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:hover .StylableButton2545352419__label{
color: #EFFE8A}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:disabled{background: #E2E2E2}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:disabled .StylableButton2545352419__label{color: #8F8F8F}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:disabled .StylableButton2545352419__icon{fill: #8F8F8F}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root .StylableButton2545352419__container{transition: inherit}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root .StylableButton2545352419__label{transition: inherit;letter-
spacing: 0em;margin: 0px 4px 0px 0px;display: inherited;text-shadow: none;color: #000000;font-family: avenir-lt-
w01_35-light1475496,avenir-lt-w05_35-light,sans-serif;font-weight: normal;font-style: normal;font-size: 14px}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root .StylableButton2545352419__icon{transition: inherit;fill:
#FFFFFF;width: 10px;height: 10px;margin: 0px 0px 0px 4px;display: none}
[id^="comp-lwglz2yn2__"] .style-lwglz2yq__root:hover .StylableButton2545352419__icon{fill:
#000000}[id^="comp-lwglz2yn2__"]{width:142px;height:40px;}</style></pages-css>
<!-- initCustomElements # 1-->
<script data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/webpack-
runtime.363f6372.bundle.min.js">!function(){"use strict";var e,o,n,r,t,i={},a={};function d(e){var o=a[e];if(void
0!==o)return o.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return
i[e].call(n.exports,n,n.exports,d),n.loaded=!0,n.exports}d.m=i,e=[],d.O=function(o,n,r,t){if(!n){var
i=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],t=e[u][2];for(var
a=!0,c=0;c<n.length;c++)(!1&t||i>=t)&&Object.keys(d.O).every((function(e){return d.O[e](n[c])}))?n.splice(c-
-,1):(a=!1,t<i&&(i=t));if(a){e.splice(u--,1);var s=r();void 0!==s&&(o=s)}}return o}t=t||0;for(var
u=e.length;u>0&&e[u-1][2]>t;u--)e[u]=e[u-1];e[u]=[n,r,t]},d.n=function(e){var
o=e&&e.__esModule?function(){return e.default}:function(){return e};return
d.d(o,{a:o}),o},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return
n=w(t.parts),a=(o=n.width,c=n.height,m[D(o,c)].quality);let
r=e.quality&&e.quality>=5&&e.quality<=90?e.quality:a;return r=i?r+5:r,r}var o,c;return
0}(t,e),t.progressive=function(t){return!1!==t.progressive}(e),t.watermark=function(t){return
t.watermark}(e),t.autoEncode=e.autoEncode??!0,t.unsharpMask=function(t,e){if(function(t){const
e="number"==typeof(t=t||{}).radius&&!isNaN(t.radius)&&t.radius>=.1&&t.radius<=500,i="number"==typeof
t.amount&&!isNaN(t.amount)&&t.amount>=0&&t.amount<=10,n="number"==typeof
t.threshold&&!isNaN(t.threshold)&&t.threshold>=0&&t.threshold<=255;return
e&&i&&n}(e.unsharpMask))return{radius:v(e.unsharpMask?.radius,2),amount:v(e.unsharpMask?.amount,2),thresh
old:v(e.unsharpMask?.threshold,2)};if(("number"!=typeof(i=(i=e.unsharpMask)||{}).radius||isNaN(i.radius)||0!==i.ra
dius||"number"!=typeof i.amount||isNaN(i.amount)||0!==i.amount||"number"!=typeof
10
482.ЧДТУ.42037-01 12 01
i.threshold||isNaN(i.threshold)||0!==i.threshold)&&function(t){const
e=w(t.parts);return!(e.scaleFactor>=1)||e.forceUSM||e.transformType===u.FIT}(t))return L;var
i;return}(t,e),t.filters=function(t){const e=t.filters||{},i={};nt(e[O.CONTRAST],-
100,100)&&(i[O.CONTRAST]=e[O.CONTRAST]);nt(e[O.BRIGHTNESS],-
100,100)&&(i[O.BRIGHTNESS]=e[O.BRIGHTNESS]);nt(e[O.SATURATION],-
100,100)&&(i[O.SATURATION]=e[O.SATURATION]);nt(e[O.HUE],-
180,180)&&(i[O.HUE]=e[O.HUE]);nt(e[O.BLUR],0,100)&&(i[O.BLUR]=e[O.BLUR]);return i}(e)}function
nt(t,e,i){return"number"==typeof t&&!isNaN(t)&&0!==t&&t>=e&&t<=i}function at(t,e,i,n){const
r=function(t){return t?.isSEOBot??!1}(n),o=y(e.id),c=function(t,e){const i=/\.([^.]*)$/,n=new
RegExp(`(${S.concat(P).join("|")})`,"g");if(e&&e.length){let t=e;const a=e.match(i);return
a&&b.includes(a[1])&&(t=e.replace(i,"")),encodeURIComponent(t).replace(n,k)}const
a=t.match(/\/(.*?)$/);return(a?a[1]:t).replace(i,"")}(e.id,e.name),s=r?1:function(t){return
Math.min(t.pixelAspectRatio||1,a)}(i),h=x(e.id),u=h,_=F(e.id,n?.hasAnimation,n?.allowWEBPTransform),T={fileN
ame:c,fileExtension:h,fileType:o,fittingType:t,preferredExtension:u,src:{id:e.id,width:e.width,height:e.height,isCro
pped:!1},focalPoint:{x:e.focalPoint&&e.focalPoint.x,y:e.focalPoint&&e.focalPoint.y},parts:[],devicePixelRatio:s,q
uality:0,upscaleMethod:z(n),progressive:!0,watermark:"",unsharpMask:{},filters:{},transformed:_};return
_&&(K(T,e,i),it(T,n)),T}function rt(t,e,i){const n={...i},a=V("isMobile");switch(t){case
h.LEGACY_BG_FIT_AND_TILE:case h.LEGACY_BG_FIT_AND_TILE_HORIZONTAL:case
h.LEGACY_BG_FIT_AND_TILE_VERTICAL:case h.LEGACY_BG_NORMAL:const
t=a?c:r,i=a?s:o;n.width=Math.min(t,e.width),n.height=Math.min(i,Math.round(n.width/(e.width/e.height))),n.pixelA
spectRatio=1}return n}const
ot=R`fit/w_${"width"},h_${"height"}`,ct=R`fill/w_${"width"},h_${"height"},al_${"alignment"}`,st=R`fill/w_${"w
idth"},h_${"height"},fp_${"focalPointX"}_${"focalPointY"}`,ht=R`crop/x_${"x"},y_${"y"},w_${"width"},h_${"h
eight"}`,ut=R`crop/w_${"width"},h_${"height"},al_${"alignment"}`,_t=R`fill/w_${"width"},h_${"height"},al_${"
alignment"}`,Tt=R`,lg_${"upscaleMethodValue"}`,lt=R`,q_${"quality"}`,dt=R`,usm_${"radius"}_${"amount"}_${
"threshold"}`,gt=R`,bl`,It=R`,wm_${"watermark"}`,Lt={[O.CONTRAST]:R`,con_${"contrast"}`,[O.BRIGHTNES
S]:R`,br_${"brightness"}`,[O.SATURATION]:R`,sat_${"saturation"}`,[O.HUE]:R`,hue_${"hue"}`,[O.BLUR]:R`,bl
ur_${"blur"}`},Et=R`,enc_auto`;function
pt(t,e,i,a={},r){if(F(e.id,a?.hasAnimation,a?.allowWEBPTransform)){if(N(e.id)){const{alignment:n,...o}=i;e.focalP
oint={x:void 0,y:void 0},delete e?.crop,r=at(t,e,o,a)}else r=r||at(t,e,i,a);return function(t){const
e=[];t.parts.forEach((t=>{switch(t.transformType){case u.CROP:e.push(ht(t));break;case
u.LEGACY_CROP:e.push(ut(t));break;case u.LEGACY_FILL:let
i=_t(t);t.upscale&&(i+=Tt(t)),e.push(i);break;case u.FIT:let
5","pageJsonFileName":"3e0e08_a99f1eaab03007ca2e1b920ea6872de9_36"},"fg2gz":{"pageId":"fg2gz","title":"Го
ловна","pageUriSEO":"головна","pageJsonFileName":"3e0e08_7b836eb3fd979863c844b804d86fd7a1_36"},"p4p
kh":{"pageId":"p4pkh","title":"Контакти","pageUriSEO":"контакти","pageJsonFileName":"3e0e08_79cc0d7966eb
b2200e349b7c047f56ce_21"},"r3hxy":{"pageId":"r3hxy","title":"Projects (List)","pageUriSEO":"blank-
6","pageJsonFileName":"3e0e08_c3e6249b3e9b726fd5e3da0ea7f3c175_36"},"qke2i":{"pageId":"qke2i","title":"Фо
рма записи","pageUriSEO":"booking-
form","pageJsonFileName":"3e0e08_130fe2b6e716ec6c2ca9e8c04983d86d_12"},"k7y7k":{"pageId":"k7y7k","title
":"Items (List)","pageUriSEO":"blank-
4","pageJsonFileName":"3e0e08_1e0bf697abd5ec2a9a6ee17e4ab85a10_38"},"ro3ns":{"pageId":"ro3ns","title":"Ст
раница благодарности","pageUriSEO":"thank-you-
page","pageJsonFileName":"3e0e08_c972d17c5332db5e7f4557e96c0687dc_36"},"onzs9":{"pageId":"onzs9","title"
:"Навички
(List)","pageUriSEO":"blank","pageJsonFileName":"3e0e08_305d9a1de41d8054c7bdd7508eb63965_13"},"yozhw"
:{"pageId":"yozhw","title":"Навички. (List)","pageUriSEO":"blank-
3","pageJsonFileName":"3e0e08_08352eb291eb05097cac1ceab9a9de82_40"},"bqb9c":{"pageId":"bqb9c","title":"
Страница услуги","pageUriSEO":"service-
page","pageJsonFileName":"3e0e08_fb2705886e797f92f61224f2e4449a92_12"},"ij6mj":{"pageId":"ij6mj","title":"
Items (Item)","pageUriSEO":"items-
item","pageJsonFileName":"3e0e08_a996c7d761e5827d017e534955e40302_37"}},"disableStaticPagesUrlHierarch
y":false,"routes":{".\/booking-
calendar":{"type":"Static","pageId":"gcs2l"},".\/checkout":{"type":"Static","pageId":"bwisb"},".\/book-
online":{"type":"Static","pageId":"prjpn"},".\/cart-
page":{"type":"Static","pageId":"xflys"},".\/головна":{"type":"Static","pageId":"fg2gz"},".\/контакти":{"type":"St
atic","pageId":"p4pkh"},".\/booking-form":{"type":"Static","pageId":"qke2i"},".\/thank-you-
page":{"type":"Static","pageId":"ro3ns"},".\/service-
page":{"type":"Static","pageId":"bqb9c"},".\/projects":{"type":"Dynamic","pageIds":["mxcoq","r3hxy"]},".\/navich
ki-
11
482.ЧДТУ.42037-01 12 01
1":{"type":"Dynamic","pageIds":["yozhw"]},".\/items":{"type":"Dynamic","pageIds":["ij6mj","k7y7k"]},".\/courses
":{"type":"Dynamic","pageIds":["t9phc","airv6"]},".\/navichki":{"type":"Dynamic","pageIds":["onzs9"]},".\/":{"typ
e":"Static","pageId":"fg2gz"}},"pageIdToPrefix":{"mxcoq":"projects","r3hxy":"projects","yozhw":"navichki-
1","ij6mj":"items","k7y7k":"items","t9phc":"courses","airv6":"courses","onzs9":"navichki"},"isWixSite":false},"se
archWixCodeSdk":{"language":"ru"},"seo":{"context":{"siteName":"My Site
4","siteUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","domain":"wixsite.com","indexSite":true,"defaultUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","currLangIsOriginal":true,"homePageTitle":"Головна","ogType":"article","businessName":"Онлайн курси
англійської мови","businesLocale":"ru-
ua","currency":"UAH","experiments":{"specs.seo.EnableFaqSD":"false","specs.seo.EnableImagesSD":"true","spec.
seo.siteNameSD":"true"},"platformAppsExperiments":{"14271d6f-ba62-d045-549b-ab972ae1f70e":{"specs.pro-
gallery.usePictureElement":"true","specs.pro-gallery.displayPreset14":"true","specs.pro-
gallery.removeUseOfCounterApi":"true","specs.pro-gallery.horizontalScrollAnimations":"true","specs.pro-
gallery.EnableAlbumsStorePremiumValidation":"true","specs.pro-
gallery.enableFullResFeatureViewer":"true","specs.pro-gallery.removePgStoreTab":"true","specs.pro-
gallery.autofixGalleriesAddition":"true","specs.pro-gallery.backgroundDesignFullscreen":"true","specs.pro-
gallery.addSEOVideoMetaTags":"false","specs.pro-gallery.enableMainLightroomSettingsButton":"true","specs.pro-
gallery.displayPreset17":"false","specs.pro-gallery.slideTransition":"true","specs.pro-
gallery.navigationArrowsDrawer":"true","specs.pro-gallery.horizontalTitlePlacementOptions":"true","specs.pro-
gallery.artstoreShowDeprecationMessageInSettings":"false","specs.pro-
gallery.useUnchangingImageRenderer":"true","specs.pro-
gallery.navArrowsVericalPositionController":"true","specs.pro-
gallery.enablePGRenderIndicator":"false","specs.pro-gallery.excludeFromWarmupData":"false","specs.pro-
gallery.customNavigationArrows":"true","specs.pro-gallery.fixedGalleryRatio":"true","specs.pro-
gallery.useReactionService":"true","specs.pro-gallery.textBoxWidthControllers":"true","specs.pro-
gallery.allowOverlayGradient":"true","specs.pro-gallery.excludeFromLayoutFixer":"false","specs.pro-
gallery.useIsInFirstFold":"false","specs.pro-gallery.enableLightroomSettingsButton":"true","specs.pro-
gallery.displayPreset16":"true","specs.pro-gallery.useWarmupData":"true","specs.pro-
gallery.enableFullResFeature":"true","specs.pro-gallery.useNewReactionsCalculation-Rollout":"true","specs.pro-
gallery.finalReplaceSlideshow":"true","specs.pro-gallery.slideAnimationDeck":"true","specs.pro-
gallery.useReactPortalInArtStore":"true","specs.pro-gallery.blockOAP":"false","specs.pro-
gallery.useServerBlueprints-viewer":"false","specs.pro-gallery.excludeFromThinLinesFix":"false","specs.pro-
gallery.removeRoleApplication":"true","specs.pro-gallery.tryCentralizedConduction":"false","specs.pro-
gallery.organizeMediaMultiTypes":"true","specs.pro-gallery.useServerBlueprints-preview":"false","specs.pro-
gallery.displayPreset15":"true","specs.pro-gallery.enableVideoPlaceholder":"true","specs.pro-
gallery.horizontalTitlePlacementOptionsViewer":"true","specs.pro-gallery.overlayDesign":"true","specs.pro-
gallery.disableImagePreload":"true","specs.pro-gallery.blockCropOnSSR":"true","specs.pro-
gallery.excludeFromPrerenderPerformance":"false","specs.pro-gallery.appSettings":"true"},"949cfcc9-2a3f-4a96-
bd6c-
11d9d82763a4":{"specs.ricos.newFormattingToolbar":"true","specs.ricos.newVideoVerticalAndSocialModals":"tru
e","specs.wixRicos.withWixStyles":"true","specs.ricos.removeUsmFromImageUrls":"true","specs.ricos.fixedTabSiz
e":"true","specs.ricos.encAutoImageUrls":"true","specs.ricos.tiptapEditor":"false","specs.ricos.newSettingsModals":
"true"},"14409595-f076-4753-8303-
9a86f9f71469":{"specs.vod.FixDoublePlayClickOnYoutube":"true","specs.vod.storageQuota":"false","specs.vod.wi
xCodeSEO":"true","specs.vod.videoHoursDeprecation":"true","specs.vod.RemoveCancelSubscriptionModal":"false
","specs.vod.FixStudioMobileWidget":"false"},"dataBinding":{"specs.wixDataClient.AutomationsClientV2":"false"
,"specs.wixDataClient.RouterDataToWarmupCache":"false","specs.wixDataClient.BlitzNoFilteredResultsCounter":
"false"},"1380b703-ce81-ff05-f115-
39571d94dfcd":{"specs.stores.GalleryMigrateRowsToProductsCountViewer":"true","specs.stores.addRatingSumma
rySlotToGallery":"true","specs.stores.HeadlessNavigationOldCheckout":"true","specs.stores.AddGeoCodeInShippi
ngAddresses":"false","specs.forms.JapanAutocompleteEnabled":"true","specs.stores.ShowPaginationDotsCustomSt
yle":"false","specs.stores.MoveSlotAboveCheckoutButton":"true","specs.stores.EnableDynamicSizeDefaultImage":
"true","specs.stores.FixIcon4Appearance":"true","specs.stores.UseGenericEmailLabel":"true","specs.stores..com\/se
rvices\/bookings-service-list-
widget\/1.1214.0\/BookOnlineController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.com\/services\/
bookings-service-list-
widget\/1.1214.0\/BookOnlineViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.parastorage.com
\/services\/bookings-service-list-
widget\/1.1214.0\/BookOnlineViewerWidgetNoCss.bundle.min.js","widgetId":"621bc837-5943-4c76-a7ce-
a0e38185301f","cssPerBreakpoint":true},"cc882051-73c9-41a6-8f90-
12
482.ЧДТУ.42037-01 12 01
f6ebc9f10fe1":{"controllerUrl":"https:\/\/static.parastorage.com\/services\/bookings-service-list-
widget\/1.1214.0\/ServiceListWidgetController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.com\/ser
vices\/bookings-service-list-
widget\/1.1214.0\/ServiceListWidgetViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.parastora
ge.com\/services\/bookings-service-list-
widget\/1.1214.0\/ServiceListWidgetViewerWidgetNoCss.bundle.min.js","widgetId":"cc882051-73c9-41a6-8f90-
f6ebc9f10fe1","cssPerBreakpoint":true},"0eadb76d-b167-4f19-88d1-
496a8207e92b":{"controllerUrl":"https:\/\/static.parastorage.com\/services\/bookings-calendar-
widget\/1.2534.0\/BookingCalendarWidgetController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.co
m\/services\/bookings-calendar-
widget\/1.2534.0\/BookingCalendarWidgetViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.par
astorage.com\/services\/bookings-calendar-
widget\/1.2534.0\/BookingCalendarWidgetViewerWidgetNoCss.bundle.min.js","widgetId":"0eadb76d-b167-4f19-
88d1-496a8207e92b","cssPerBreakpoint":true},"89c4023a-027e-4d2a-b6b7-
0b9d345b508d":{"controllerUrl":"","componentUrl":"","noCssComponentUrl":"","widgetId":"89c4023a-027e-
4d2a-b6b7-0b9d345b508d"},"985e6fc8-ce3f-4cf8-9b85-
714c73f48695":{"controllerUrl":"https:\/\/static.parastorage.com\/services\/bookings-form-
widget\/1.1635.0\/BookingsFormController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.com\/service
s\/bookings-form-
widget\/1.1635.0\/BookingsFormViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.parastorage.c
om\/services\/bookings-form-
widget\/1.1635.0\/BookingsFormViewerWidgetNoCss.bundle.min.js","widgetId":"985e6fc8-ce3f-4cf8-9b85-
714c73f48695","cssPerBreakpoint":true},"261fd12d-a3ac-4ee8-8913-
09eceb8b1d3e":{"controllerUrl":"https:\/\/static.parastorage.com\/services\/bookings-my-bookings-
widget\/1.305.0\/MyBookingsController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.com\/services\/
bookings-my-bookings-
widget\/1.305.0\/MyBookingsViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.parastorage.com
\/services\/bookings-my-bookings-
widget\/1.305.0\/MyBookingsViewerWidgetNoCss.bundle.min.js","errorReportingUrl":"https:\/\/c183baa23371454f
[email protected]\/5557","widgetId":"261fd12d-a3ac-4ee8-8913-
09eceb8b1d3e","cssPerBreakpoint":true},"3dc66bc5-5354-4ce6-a436-
bd8394c09b0e":{"controllerUrl":"","componentUrl":"","noCssComponentUrl":"","widgetId":"3dc66bc5-5354-
4ce6-a436-bd8394c09b0e"},"14756c3d-f10a-45fc-4df1-
808f22aabe80":{"controllerUrl":"","componentUrl":"https:\/\/static.parastorage.com\/services\/bookings-widget-
viewer\/1.1516.0\/component.bundle.min.js","noCssComponentUrl":"","widgetId":"14756c3d-f10a-45fc-4df1-
808f22aabe80"},"54d912c5-52cb-4657-b8fa-
e1a4cda8ed01":{"controllerUrl":"https:\/\/static.parastorage.com\/services\/bookings-calendar-
widget\/1.2534.0\/BookingCalendarController.bundle.min.js","componentUrl":"https:\/\/static.parastorage.com\/serv
ices\/bookings-calendar-
widget\/1.2534.0\/BookingCalendarViewerWidget.bundle.min.js","noCssComponentUrl":"https:\/\/static.parastorag
e.com\/services\/bookings-calendar- 0414-402d-99a8-
"plugins";if(Object.getOwnPropertyDescriptor(r,"0")?.writable)return"plugins-
extra";if(!t)return"userAgent";if(t.indexOf("Snapchat")>0&&e.hidden)return"Snapchat";if(!s||0===s.length||!Object.
isFrozen(s))return"languages";try{throw Error()}catch(e){if(e instanceof Error){const{stack:i}=e;if(i&&/
(\(internal\/)|(\(?file:\/)/.test(i))return"stack"}}return""})()||(({seo:e})=>e?.isInSEO?"seo":"")(i);return{suppressbi:n.
includes("suppressbi=true"),initialTimestamp:window.initialTimestamps.initialTimestamp,initialRequestTimestamp
:window.initialTimestamps.initialRequestTimestamp,viewerSessionId:e.vsi,viewerName:t.appNameForBiEvents,sit
eRevision:String(t.siteRevision),msId:t.metaSiteId,is_rollout:0===r.code||1===r.code?r.code:null,is_platform_loade
d:0,requestUrl:encodeURIComponent(n),sessionId:String(t.sessionId),btype:p,isjp:!!p,dc:t.dc,siteCacheRevision:"__
siteCacheRevision__",checkVisibility:(()=>{let e=!0;function i(){e=e&&!0!==document.hidden}return
document.addEventListener("visibilitychange",i,{passive:!0}),i(),()=>(i(),e)})(),...u(document.cookie,(()=>[...perfor
mance.getEntriesByType("navigation")[0].serverTiming||[]])),isMesh:1,st:l[t.siteType]||0,commonConfig:s,muteThu
nderboltEvents:d,isServerSide:a?0:1,isSuccessfulSSR:!a,fallbackReason:c?.errorInfo}};const m=function(){const
e=p(),i={};let n=1;const s=(t,s,o={})=>{const a=Date.now(),c=Math.round(performance.now()),u=a-
e.initialTimestamp;if(function(e,i){if(i&&performance.mark){const n=`${i} (beat
${e})`;performance.mark(n)}}(t,s),e.suppressbi||window.__browser_deprecation__)return;const{pageId:l,pageNum
ber:p=n,navigationType:m}=o;let w=`&pn=${p}`;l&&(w+=`&pid=${l}`),m&&(w+=`&nt=${m}`);const
f=d(s,{eventType:t,ts:u,tts:c,extra:w},e,i);r(f)};return{sendBeat:s,reportBI:function(e,i){!function(e,i){const
n=i?`${e} - ${i}`:e,t="end"===i?`${e} -
start`:null;performance.mark(n),performance.measure&&t&&performance.measure(`\u2b50${e}`,t,n)}(e,i)},wixBiS
13
482.ЧДТУ.42037-01 12 01
ession:e,sendBeacon:r,setDynamicSessionData:({visitorId:e,siteMemberId:n,bsi:t})=>{i.visitorId=e||i.visitorId,i.site
MemberId=n||i.siteMemberId,i.bsi=t||i.bsi},reportPageNavigation:function(e){n+=1,s(t.lF.PAGE_NAVIGATION,"p
age navigation
start",{pageId:e,pageNumber:n})},reportPageNavigationDone:function(e,i){s(t.lF.PAGE_NAVIGATION_DONE,"
page navigation
complete",{pageId:e,pageNumber:n,navigationType:i}),i!==t.w4.DYNAMIC_REDIRECT&&i!==t.w4.NAVIGATI
ON_ERROR&&i!==t.w4.CANCELED||(n-
=1)}}}();window.bi=m,window.bi.wixBiSession.isServerSide=window.clientSideRender?0:1,window.bi.wixBiSess
ion.isSuccessfulSSR=!window.clientSideRender,window.clientSideRender&&(window.bi.wixBiSession.fallbackRe
ason=window.santaRenderingError?.errorInfo),m.sendBeat(1,"Init")}},function(e){e.O(0,[507],(function(){return
i=42466,e(e.s=i);var i}));e.O()}]);
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/sendBeat12.inline.1d5ac45a.bundle.min.js.map</script>
<script>
window.firstPageId = 'fg2gz'
if (window.requestCloseWelcomeScreen) {
window.requestCloseWelcomeScreen()
}
if (!window.__browser_deprecation__) {
window.fedops.phaseStarted('partially_visible', {paramsOverrides: { pageId: firstPageId,
isSuccessfulSSR: !clientSideRender }})
}
</script>
<script defer="" src="https://static.parastorage.com/services/tag-manager-
client/1.844.0/siteTags.bundle.min.js"></script>
<script async="" id="wix-perf-measure" src="https://static.parastorage.com/services/wix-perf-
measure/1.1095.0/wix-perf-measure.umd.min.js"></script>
<!--pageHtmlEmbeds.bodyEnd start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.bodyEnd end"></script>
<!--pageHtmlEmbeds.bodyEnd end-->
<!-- warmup data start -->
<script type="application/json" id="wix-warmup-
data">{"platform":{"ssrPropsUpdates":[],"ssrStyleUpdates":[],"ssrStructureUpdates":[]},"pages":{"compIdToType
Map":{"comp-lwgltdxt":"FiveGridLine","comp-lwgltdyz":"WRichText","comp-lwgltdwq1":"WRichText","comp-
lwgltdx8":"DropDownMenu","comp-lwglte08":"WRichText","comp-lwglte0k":"WRichText","comp-
lwglte0q":"WRichText","masterPage":"MasterPage","PAGES_CONTAINER":"PagesContainer","SITE_HEADER
":"HeaderContainer","SITE_FOOTER":"FooterContainer","SITE_PAGES":"PageGroup","comp-
lwgltdwe":"StripColumnsContainer","comp-lwgltdzi":"StripColumnsContainer","comp-
lwgltdwo4":"Column","comp-lwgltdx4":"Column","comp-lwglte03":"Column","comp-lwglte0h":"Column","comp-
lwglte0o3":"Column","BACKGROUND_GROUP":"BackgroundGroup","WIX_ADS":"FreemiumBannerDesktop",
"SCROLL_TO_TOP":"Anchor","SCROLL_TO_BOTTOM":"Anchor","SITE_HEADER_WRAPPER":"Container
Wrapper","SITE_FOOTER_WRAPPER":"ContainerWrapper","SKIP_TO_CONTENT_BTN":"SkipToContentButt
on","comp-lwglz2ya2":"WRichText","comp-lwglte4y":"WPhoto","comp-lwglte56":"WPhoto","comp-
lwglte5p":"WRichText","comp-lwglte5z":"WRichText","comp-lwglte68":"WRichText","comp-
lwglz2yj3":"WPhoto","comp-lwglz2yl":"WRichText","comp-lwglz2ym2":"WRichText","comp-
lwglz2yn2":"StylableButton","comp-lwglte2v":"WRichText","comp-lwglte36":"WRichText","comp-
lwglte3k":"SiteButton","pageBackground_fg2gz":"PageBackground","fg2gz":"Page","comp-
lwglte26":"ClassicSection","comp-lwglte4b":"ClassicSection","comp-lwglz2y6":"ClassicSection","comp-
lwglte2b":"StripColumnsContainer","comp-lwglte4k":"StripColumnsContainer","comp-
lwglz2yb4":"Repeater","comp-lwglte2i":"Column","comp-lwglte4q":"Column","comp-lwglte5f":"Column","comp-
lwglz2yf":"MediaContainer","comp-lwglte2n2":"StripColumnsContainer","comp-lwglte2o7":"Column","comp-
lwglte2r":"Container","Containerfg2gz":"Group","DYNAMIC_STRUCTURE_CONTAINER":"DynamicStructure
14
482.ЧДТУ.42037-01 12 01
Container","site-
root":"DivWithChildren","main_MF":"DivWithChildren","fg2gz_wrapper":"PageMountUnmount","fg2gz_wrapper
_background":"PageMountUnmount"}},"appsWarmupData":{},"ooi":{"failedInSsr":{}}}</script>
<!-- warmup data end -->
</body>
</html>
2) Сторінка курсів
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, initial-scale=1" id="wixDesktopViewport" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="Wix.com Website Builder"/>
<link rel="icon" sizes="192x192" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<link rel="apple-touch-icon" href="https://www.wix.com/favicon.ico" type="image/x-icon"/>
<!-- Safari Pinned Tab Icon -->
<!-- <link rel="mask-icon" href="https://www.wix.com/favicon.ico"> -->
<!-- Original trials -->
<!-- Legacy Polyfills -->
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/minified.js"></script>
<script nomodule="" src="https://static.parastorage.com/unpkg/[email protected]/dist/focus-within-
polyfill.js"></script>
<script nomodule="" src="https://polyfill-fastly.io/v3/polyfill.min.js?features=fetch"></script>
<!-- Performance API Polyfills -->
<script>
(function () {
var noop = function noop() {};
if ("performance" in window === false) {
window.performance = {};
}
window.performance.mark = performance.mark || noop;
window.performance.measure = performance.measure || noop;
if ("now" in window.performance === false) {
var nowOffset = Date.now();
if (performance.timing && performance.timing.navigationStart) {
nowOffset = performance.timing.navigationStart;
}
window.performance.now = function now() {
return Date.now() - nowOffset;
};
}
})();
</script>
<!-- Globals Definitions -->
<script>
15
482.ЧДТУ.42037-01 12 01
(function () {
var now = Date.now()
window.initialTimestamps = {
initialTimestamp: now,
initialRequestTimestamp: Math.round(performance.timeOrigin ? performance.timeOrigin : now -
performance.now())
}
window.thunderboltTag = "libs-releases-GA-local"
window.thunderboltVersion = "1.14104.0"
})();
</script>
<!-- sendFedopsLoadStarted.inline -->
<script type="application/json" id="wix-fedops">{"data":{"site":{"metaSiteId":"d3dbb603-15ea-4c2f-93a4-
d691a702660b","userId":"3e0e08dd-5976-4f1c-8400-35121205115a","siteId":"1031d0c6-139c-406b-a14b-
317687d22b57","externalBaseUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","siteRevision":41,"siteType":"UGC","dc":"84","isResponsive":false,"editorName":"Unknown","sessionId":"14f5
d974-46d6-46c1-833c-
5b9a645141eb","isSEO":false,"appNameForBiEvents":"thunderbolt"},"rollout":{"siteAssetsVersionsRollout":false,
"isDACRollout":0,"isTBRollout":false},"fleetConfig":{"fleetName":"wix-
thunderbolt","type":"GA","code":0},"requestUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4\/courses","isInSEO":false,"platformOnSite":true}}</script>
<script>window.fedops = JSON.parse(document.getElementById('wix-fedops').textContent)</script>
<script id='sendFedopsLoadStarted'>
t=JSON.stringify({messages:e});return
navigator.sendBeacon("https://panorama.wixapps.net/api/v1/bulklog",t)}catch(e){console.error(e)}}function
I(n){return function(e,r){var t=`&name=${e}&duration=${Date.now()-
P}`,e=r&&r.paramsOverrides?Object.keys(r.paramsOverrides).map(function(e){return
e+"="+r.paramsOverrides[e]}).join("&"):"";$(n,e?`${t}&${e}`:t)}}l("pageshow",function(e){e.persisted&&(E||(E=!
0,_.is_cached=!0))},!0),window.__browser_deprecation__||($(21,`&platformOnSite=${window.fedops.data.platfor
mOnSite}`),k({transaction:{name:"PANORAMA_COMPONENT_LOAD"}}))}();
</script>
<!-- Polyfills check -->
<script>
if (
typeof Promise === 'undefined' ||
typeof Set === 'undefined' ||
typeof Object.assign === 'undefined' ||
typeof Array.from === 'undefined' ||
typeof Symbol === 'undefined'
) {
// send bi in order to detect the browsers in which polyfills are not working
window.fedops.phaseStarted('missing_polyfills')
}
</script>
<!-- Essential Viewer Model -->
<script type="application/json" id="wix-essential-viewer-model">{"fleetConfig":{"fleetName":"wix-
thunderbolt","type":"GA","code":0},"mode":{"qa":false,"enableTestApi":false,"debug":false,"ssrIndicator":false,"ss
rOnly":false,"siteAssetsFallback":"enable"},"componentsLibrariesTopology":[{"artifactId":"editor-
elements","namespace":"wixui","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"},{"artifactId":"editor-
elements","namespace":"dsgnsys","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"}],"siteFeaturesConfigs":{"sessionManager":{"isRunningInDifferentSiteContext":false}},"lang
uage":{"userLanguage":"en"},"siteAssets":{"clientTopology":{"mediaRootUrl":"https:\/\/static.wixstatic.com","stati
cMediaUrl":"https:\/\/static.wixstatic.com\/media","moduleRepoUrl":"https:\/\/static.parastorage.com\/unpkg","fileR
epoUrl":"https:\/\/static.parastorage.com\/services","siteAssetsUrl":"https:\/\/siteassets.parastorage.com","pageJsonS
erverUrls":["https:\/\/pages.parastorage.com","https:\/\/staticorigin.wixstatic.com","https:\/\/fallback.wix.com\/wix-
16
482.ЧДТУ.42037-01 12 01
html-editor-pages-webapp\/page"],"pathOfTBModulesInFileRepoForFallback":"wix-
thunderbolt\/dist\/"}},"siteFeatures":["assetsLoader","businessLogger","captcha","clickHandlerRegistrar","common
Config","componentsLoader","componentsRegistry","consentPolicy","cyclicTabbing","dynamicPages","environme
ntWixCodeSdk","environment","locationWixCodeSdk","navigationManager","navigationPhases","ooi","pages","pa
norama","renderer","reporter","routerFetch","router","scrollRestoration","seoWixCodeSdk","seo","sessionManager"
,"siteMembersWixCodeSdk","siteMembers","siteScrollBlocker","siteWixCodeSdk","stores","structureApi","thunde
rboltInitializer","tpaCommons","translations","warmupData","windowMessageRegistrar","windowWixCodeSdk","
wixCustomElementComponent","wixEmbedsApi","componentsReact","platform"],"site":{"externalBaseUrl":"https:
\/\/yaraya626.wixsite.com\/my-site-
4","isSEO":false},"media":{"staticMediaUrl":"https:\/\/static.wixstatic.com\/media","mediaRootUrl":"https:\/\/static
.wixstatic.com\/","staticVideoUrl":"https:\/\/video.wixstatic.com\/"},"requestUrl":"https:\/\/yaraya626.wixsite.com\/
my-site-
4\/courses","rollout":{"siteAssetsVersionsRollout":false,"isDACRollout":0,"isTBRollout":false},"commonConfig":
{"brand":"wix","host":"VIEWER","bsi":"","consentPolicy":{},"consentPolicyHeader":{}},"interactionSampleRatio
":0.01,"dynamicModelUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4\/_api\/v2\/dynamicmodel","accessTokensUrl":"https:\/\/yaraya626.wixsite.com\/my-site-4\/_api\/v1\/access-
tokens","experiments":{"specs.thunderbolt.allowWEBPTransformation":true,"specs.thunderbolt.useNewImageParal
lax":true}}</script>
<script>window.viewerModel = JSON.parse(document.getElementById('wix-essential-viewer-
model').textContent)</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/handleAccessTokens.inline.631e363e.bundle.min.js">!function(){"use strict";const e="client-
session-
bind",t="tbReady",n=window.viewerModel.experiments["specs.thunderbolt.replaceDynamicModel"]?window.view
erModel.accessTokensUrl:window.viewerModel.dynamicModelUrl;if(viewerModel.experiments["specs.thunderbolt
.hardenFetchAndXHR"]){let i=fetch;const
o=document.cookie.split(";").map((e=>e.trim())).filter((t=>t.startsWith(e)))[0]?.split("=")[1],s={};function
r(e){const{logger:n}=e.detail;try{window.tb.init({fetch:i,fetchHeaders:s})}catch(e){n.captureError(e,{tags:{feature
:"thunderbolt-
security"},extra:{errorMessage:"TB003"}})}finally{removeEventListener(t,r),i=fetch}}o&&(s["client-
binding"]=o,(()=>{const t=`${e}=; max-age=0; path=/; expires=Thu, 01 Jan 1970 00:00:01
GMT`;if("undefined"!=typeof location){const e=new
URL(location.href),n=e.hostname.includes("localhost")?e.hostname:`.${e.hostname}`;document.cookie=`${t};
domain=${n}`}else document.cookie=t})()),addEventListener(t,r)}else
window.fetchDynamicModel=()=>window.viewerModel.siteFeaturesConfigs.sessionManager.isRunningInDifferent
SiteContext?Promise.resolve({}):fetch(n,{credentials:"same-origin"}).then((function(e){if(!e.ok)throw new
Error(`[${e.status}]${e.statusText}`);return
e.json()})),window.dynamicModelPromise=window.fetchDynamicModel()}();
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/handleAccessTokens.inline.631e363e.bundle.min.js.map</script>
<script>
window.commonConfig = viewerModel.commonConfig
</script>
<!-- initCustomElements -->
<meta name="wix-dynamic-custom-elements" content="DropDownMenu">
<!-- Initial CSS -->
<style data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/main.359d60e4.min.css">body.device-mobile-optimized{overflow-x:hidden;overflow-
y:scroll}body.device-mobile-optimized:not(.autozoom) #SITE_CONTAINER,body.device-mobile-
optimized:not(.responsive) #SITE_CONTAINER{zoom:var(--zoom-factor,1);margin-left:auto;margin-
right:auto;overflow-x:visible;position:relative;width:320px}body.device-mobile-
optimized:not(.autozoom):not(.blockSiteScrolling) #SITE_CONTAINER,body.device-mobile-
optimized:not(.responsive):not(.blockSiteScrolling) #SITE_CONTAINER{margin-top:0}body.device-mobile-
17
482.ЧДТУ.42037-01 12 01
optimized>*{max-width:100%!important}body.device-mobile-optimized #site-root{overflow-x:hidden;overflow-
y:hidden}@supports(overflow:clip){body.device-mobile-optimized #site-root{overflow-x:clip;overflow-
y:clip}}body.device-mobile-non-optimized #SITE_CONTAINER #site-root{overflow-x:hidden;overflow-
y:auto}body.device-mobile-non-optimized.fullScreenMode{background-color:#5f6360}body.device-mobile-non-
optimized.fullScreenMode #MOBILE_ACTIONS_MENU,body.device-mobile-non-optimized.fullScreenMode
#SITE_BACKGROUND,body.device-mobile-non-optimized.fullScreenMode #site-root,body.fullScreenMode
#WIX_ADS{visibility:hidden}body.fullScreenMode{overflow-x:hidden!important;overflow-
y:hidden!important}body.fullScreenMode.device-mobile-optimized #TINY_MENU{opacity:0;pointer-
events:none}body.fullScreenMode-scrollable.device-mobile-optimized{overflow-x:hidden!important;overflow-
y:auto!important}body.fullScreenMode-scrollable.device-mobile-optimized #masterPage,body.fullScreenMode-
scrollable.device-mobile-optimized #site-root{overflow-x:hidden!important;overflow-
y:hidden!important}body.fullScreenMode-scrollable.device-mobile-optimized
#SITE_BACKGROUND,body.fullScreenMode-scrollable.device-mobile-optimized
#masterPage{height:auto!important}body.fullScreenMode-scrollable.device-mobile-optimized #masterPage.mesh-
layout{height:0!important}body.blockSiteScrolling{position:fixed;width:100%}body.blockSiteScrolling
#SITE_CONTAINER{margin-top:calc(var(--blocked-site-scroll-margin-top)*-
1)}body.blockSiteScrolling:not(.responsive) #WIX_ADS{margin-top:var(--blocked-site-scroll-margin-
top)}body.blockSiteScrollingWithOverflow{overflow-y:hidden}@keyframes slide-horizontal-
new{0%{transform:translateX(100%)}}@keyframes slide-horizontal-
old{80%{opacity:1}to{opacity:0;transform:translateX(-100%)}}@keyframes slide-vertical-
new{0%{transform:translateY(-100%)}}@keyframes slide-vertical-
old{80%{opacity:1}to{opacity:0;transform:translateY(100%)}}@keyframes out-in-
new{0%{opacity:0}}@keyframes out-in-old{to{opacity:0}}html[data-page-transition=SlideHorizontal]::view-
transition-old(page-group){animation:slide-horizontal-old .6s cubic-bezier(.83,0,.17,1) forwards;mix-blend-
layout.remove-wrappers #SITE_HEADER{grid-area:1/1/2/2}#masterPage.mesh-layout.remove-wrappers
#SITE_FOOTER{grid-area:4/1/5/2}[data-z-counter]{z-index:0}[data-z-counter="0"]{z-
index:auto}.wixSiteProperties{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--wst-
button-color-fill-primary:rgb(var(--color_48));--wst-button-color-border-primary:rgb(var(--color_49));--wst-button-
color-text-primary:rgb(var(--color_50));--wst-button-color-fill-primary-hover:rgb(var(--color_51));--wst-button-
color-border-primary-hover:rgb(var(--color_52));--wst-button-color-text-primary-hover:rgb(var(--color_53));--wst-
button-color-fill-primary-disabled:rgb(var(--color_54));--wst-button-color-border-primary-disabled:rgb(var(--
color_55));--wst-button-color-text-primary-disabled:rgb(var(--color_56));--wst-button-color-fill-secondary:rgb(var(-
-color_57));--wst-button-color-border-secondary:rgb(var(--color_58));--wst-button-color-text-secondary:rgb(var(--
color_59));--wst-button-color-fill-secondary-hover:rgb(var(--color_60));--wst-button-color-border-secondary-
hover:rgb(var(--color_61));--wst-button-color-text-secondary-hover:rgb(var(--color_62));--wst-button-color-fill-
secondary-disabled:rgb(var(--color_63));--wst-button-color-border-secondary-disabled:rgb(var(--color_64));--wst-
button-color-text-secondary-disabled:rgb(var(--color_65));--wst-color-fill-base-1:rgb(var(--color_36));--wst-color-
fill-base-2:rgb(var(--color_37));--wst-color-fill-base-shade-1:rgb(var(--color_38));--wst-color-fill-base-shade-
2:rgb(var(--color_39));--wst-color-fill-base-shade-3:rgb(var(--color_40));--wst-color-fill-accent-1:rgb(var(--
color_41));--wst-color-fill-accent-2:rgb(var(--color_42));--wst-color-fill-accent-3:rgb(var(--color_43));--wst-color-
fill-accent-4:rgb(var(--color_44));--wst-color-fill-background-primary:rgb(var(--color_11));--wst-color-fill-
background-secondary:rgb(var(--color_12));--wst-color-text-primary:rgb(var(--color_15));--wst-color-text-
secondary:rgb(var(--color_14));--wst-color-action:rgb(var(--color_18));--wst-color-disabled:rgb(var(--color_39));--
wst-color-title:rgb(var(--color_45));--wst-color-subtitle:rgb(var(--color_46));--wst-color-line:rgb(var(--color_47));--
wst-font-style-h2:var(--font_2);--wst-font-style-h3:var(--font_3);--wst-font-style-h4:var(--font_4);--wst-font-style-
h5:var(--font_5);--wst-font-style-h6:var(--font_6);--wst-font-style-body-large:var(--font_7);--wst-font-style-body-
medium:var(--font_8);--wst-font-style-body-small:var(--font_9);--wst-font-style-body-x-small:var(--
font_10)}</style>
<meta name="format-detection" content="telephone=no">
<meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
<!-- Overriding Globals JS Head -->
<!--pageHtmlEmbeds.head start-->
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head start"></script>
<script type="wix/htmlEmbeds" id="pageHtmlEmbeds.head end"></script>
<!--pageHtmlEmbeds.head end-->
18
482.ЧДТУ.42037-01 12 01
<!-- head performance data start -->
<!-- head performance data end -->
<meta http-equiv="X-Wix-Meta-Site-Id" content="d3dbb603-15ea-4c2f-93a4-d691a702660b">
<meta http-equiv="X-Wix-Application-Instance-Id" content="1031d0c6-139c-406b-a14b-317687d22b57">
<meta http-equiv="X-Wix-Published-Version" content="41"/>
<meta http-equiv="etag" content="bug"/>
!-- initCustomElements # 1-->
<script data-url="https://static.parastorage.com/services/wix-thunderbolt/dist/webpack-
runtime.363f6372.bundle.min.js">!function(){"use strict";var e,o,n,r,t,i={},a={};function d(e){var o=a[e];if(void
0!==o)return o.exports;var n=a[e]={id:e,loaded:!1,exports:{}};return
":"false","specs.stores.InvalidateCacheWhenExitCheckout":"true","specs.stores.TYPErrorMsgGC":"false","specs.st
ores.navigateToRelativeUrlWithCustomizedUrl":"true","specs.stores.enableUnitedStatesMilitaryAddresses":"true","
specs.stores.ProductPageBreadcrumbsLocalizeAllProductsReferringPage":"true","specs.stores.GalleryScrollToProd
uctPositionWhenReturningFromProductPageFix":"true","specs.stores.ShouldAddSpecificItemDiscountsForCashier
Validation":"true","specs.stores.AddSlotToCheckout":"true","specs.stores.UseCartCache":"true","specs.stores.AddT
itleToDeliveryDetails":"true","specs.stores.HideDeliveryMethodPickerWithTimeSlots":"true","specs.stores.ShowTa
xBreakdownInCheckout":"true","specs.stores.UseGlobalCssForOneColumnCart":"true","specs.stores.HoverEffectO
nImageOnly":"true","specs.stores.FixGalleryDropdownOptionsDisabledOpacity":"false","specs.stores.DontRedirect
ToSiteOnFailedFetch":"false","specs.stores.SupportMitEnabledFieldInCheckoutPage":"true","specs.forms.ClearOn
Autofill":"true","specs.ecom.MyOrdersLineItemPriceAsItemsTotal":"true","specs.stores.ShouldAlwaysShowAddSh
ippingAddressForPickup":"true","specs.stores.ConfigureSlotsInEditorSDK":"true","specs.stores.ChangePlaceOrder
ButtonColor":"true","specs.stores.ProductPageSlots":"true","specs.stores.ShouldShowDiscountNameSettingsQuick
View":"true","specs.stores.GalleryScrollToProductPositionWhenReturningFromProductPage":"true","specs.stores.S
houldHideSetAsDefaultCheckboxWhenOnlyOneAddress":"true","specs.stores.GallerySeoTags":"true","specs.stores
.GalleryMoveDiscountNameUnderPrice":"true","specs.stores.ShouldAllowProductItemOutlineBorderStyle":"true","
specs.stores.SliderGallery200Limit":"true","specs.stores.FixGalleryRenderingWhenPageChanges":"true","specs.stor
es.AllowStickySidebarInViewer":"true","specs.stores.ProductPageLocationOnChangePathChangeForEditorSausage
":"true","specs.stores.QuickViewMoreLinkFontFallback":"true","specs.stores.GetCartWithConsentRequiredPaymen
tPolicyOnLineItem":"true","specs.stores.UseLineItemPriceInTYP":"true","specs.stores.UseLineItemsFieldOnOrder
Entity":"true","specs.stores.ShouldUseMemberIdAsCacheKey":"true","specs.stores.UseNewQueriesOnWishlistWit
hDiscount":"true","specs.stores.FixWowImageAutoRatio":"true","specs.stores.ConfigureSlotsInEditorXSDK":"true
","specs.stores.GalleryAllowRemoveDigitalBadge":"true","specs.stores.isSpecialCharDisabledInCategoryName":"f
alse","specs.stores.addReviewsSlotsToProductPage":"true","specs.stores.FixGalleryNotToShowQueryPageFor1":"tr
ue","specs.stores.SliderGalleryDisableThrowOnA11yInitErrors":"true","specs.stores.ShouldShowZeroUntilLoadCar
tIcon":"true","specs.stores.ShowErrorForMissingZipcode":"true","specs.stores.AddToCartBtnLoaderState":"true","s
pecs.stores.ShouldEnableShowColorOptionsOnly":"true","specs.stores.GalleryProductOptionsAndQuantityRoundC
ornersInViewer":"true","specs.stores.RenderSlotsInGallery":"true","specs.stores.UseNewQueriesWithProductDisco
unt":"true","specs.stores.ShouldNotShowCartIconInSsrStudio":"true","specs.stores.WishlistStylePolyfillForIframe":
"false","specs.stores.ShouldNotNavigateToCheckoutOOV":"true","specs.stores.UseNewFiltersQueryParamDecoder
":"true","specs.stores.HideArrowsOnSliderGalleryWithFewerProductsThanColumns":"true","specs.stores.ShouldSp
litBillingInfoPrefill":"true","specs.stores.GalleryProductItemResetQuantityUponSelectionChange":"true","specs.sto
res.EnableQualityOptionsStylingChanges":"false","specs.forms.EnhanceEcomSettings":"true","specs.stores.Should
UseVariantLevelPreOrderAvailable":"true","specs.stores.ConfigureSlotsInEditorX":"true","specs.stores.ProductPag
eWishlistWithNewMembersArea":"true","specs.stores.FixGalleryRenderingWhenUrlChanges":"false","specs.stores
.ProductPageNotifyEmailOnCheckout":"true","specs.stores.GalleryStorefrontAddStrikethroughAndSalePriceDesign
":"true","specs.stores.ShouldNotAggregateOptionsWhenDeliveryTimeIsUndefined":"true","specs.stores.ProductPag
eRicoDescription":"true","specs.stores.increaseGqlGetLimit":"true","specs.stores.ChangeMaxViewportMobile":"tru
e","specs.stores.ArrowContainerHeightsFix":"true"},"675bbcef-18d8-41f5-800e-
131ec9e08762":{"specs.wixCode.LoadWithImportAMDModule":"true","specs.wixCode.LoadNamespacesPerPage"
:"false","specs.wixcode.ViewerExperimentOwnerScopeTest":"true","specs.wixCode.resolveMissingPlatformNames
paces":"true","specs.wixcode.ViewerExperimentTest":"false"},"13d21c63-b5ec-5912-8397-
c3a5ddb27a97":{"specs.bookings.PaymentSelectionColorWiring":"true","specs.bookings.PreventDoubleBookingCo
urse":"true","specs.bookings.AddBookingMadeEvent":"true","specs.bookings.CreateLocationInFesForMulti":"true"
,"specs.bookings.staffCardUIChangesV1":"true","specs.bookings.useOnlyBusinessLocationsOnGetLocationId":"tru
19
482.ЧДТУ.42037-01 12 01
e","specs.bookings.calendarPluginUoU":"true","specs.bookings.MemberAreaFixDayfulNavigationWhenRechedulin
g":"true","specs.bookings.AlignDateAndTime":"true","specs.bookings.StaffQueryParamInCalendar":"true","specs.b
ookings.CalendarIntervalsImprovement":"true","specs.bookings.msaNotPartOfBlockNavigation":"true","specs.book
ings.NewSettingsHomePage":"true","specs.bookings.UoUMultiLocationV1":"true","specs.Bookings.ImproveServic
eListLayoutSettings":"true","specs.bookings.KibanaInfoLogs":"false","specs.bookings.TimezoneIndicatorImprove
mentCalendars":"true","specs.bookings.betterMarkAvailability":"true","specs.bookings.SitePropertiesFacadeMigrati
on":"true","specs.bookings.layoutStylePerBreakPoint":"false","specs.ImagePixelDensityFactorSpecs":"1.5","specs.
bookings.availabilityIncludeTotalNumberOfParticipants":"true","specs.bookings.RemoveViewPricingFromCalenda
rSettings":"true","specs.bookings.timezoneAndSummaryVisibility":"true","specs.bookings.dev.UseBusinessInfoMa
pper":"true","specs.bookings.settingsPanelUxImprovements":"true","specs.bookings.MemberAreaShowCancelTextI
nMobile":"true","specs.wossm.EnableMultiLocation":"true","specs.bookings.ServicePageV2Mapping":"true","spec
s.bookings.BookAnotherText":"true","specs.bookings.calendar.fixDropdownOnLightBox":"true","specs.bookings.i
nitSlotsToShow":"true","specs.bookings.AddPaymentAmountToCashier":"true","specs.bookings.fineGrainPermissi
onsModel":"false","specs.bookings.limitSlotsToOneByDefault":"true","specs.bookings.disableShowAllServicesFilt
erOption":"true","specs.bookings.PendingAppointments":"true","specs.bookings.HideCouponInFormPage":"true","s
pecs.bookings.ChangePricingPlanNavigationToNewApi":"true","specs.bookings.NewServiceListSettings":"true","s
pecs.bookings.NotFoundPageForContactInfoDeepLink":"true","specs.bookings.mapServiceListToServiceV2":"true
","specs.bookings.DisableOldMembersArea":"true","specs.bookings.UouZoomV2":"true","specs.bookings.ServiceL
istNumOfSpotLeftFix":"false","specs.bookings.ShowPriceTextInFormIfServiceIsWithPPAndCustomPrice":"true","
specs.bookings.ManageParticipantsTableNewAttendance":"false","specs.bookings.addNotificationTogglesToBoxes
":"true","specs.bookings.OverridePriceInCreateAppointment":"false","specs.bookings.react18ErrorInServicePge":"t
rue","specs.bookings.MemberAreaLeaveWaitlist":"false","specs.bookings.react18ErrorInCalendar":"true","specs.bo
okings.calendar.elementLoadedBiEvent":"true","specs.bookings.calendar.maxFilterSelections":"true","specs.bookin
gs.fetchAllServicesInMSA":"true","specs.bookings.TimezoneIndicatorImprovementOfferingPage":"true","specs.bo
okings.serviceListRunPageReadyOnSettingsUpdate":"true","specs.bookings.AddCardCornerRadius":"true","specs.b
ookings.ShouldShowCountryCodeWithFlags":"true","specs.bookings.preCalculateShouldNavigate":"true","specs.bo
okings.EnableBookButtonHoverCustomizationInServiceList":"true","specs.bookings.MemberAreaShowWaitingList
Bookings":"true","specs.bookings.useNewBOLinksInUoU":"true","specs.bookings.BookOnBehalf":"false","specs.b
ookings.BOTimezoneValidation":"false","specs.bookings.OnConfirmationPageRemoveScheduleForCourse":"true",
"specs.bookings.MyBookingsA11y":"false","specs.bookings.PromoteModalBizMgr":"true","specs.bookings.UserTi
mezoneFirstSlotWithDifferentWeek":"true","specs.bookings.appSettingsMigrationUsingServiceV2":"false","specs.
ValidateBookingCongratulationsSpecs":"true","specs.bookings.translatePages":"false","specs.bookings.CalendarFai
ledErrorMessageUOU":"true","specs.bookings.editorCalendarPlugin":"false","specs.bookings.RescheduleRouterPre
fixNavigation":"true","specs.bookings.FixApplyingCouponExperience":"true","specs.bookings.UoUMultiLocation
AllLocations":"true","specs.bookings.AccessibilityImprovements":"true","specs.bookings.CacheAllBreakpointStyle
s":"true","specs.bookings.serviceListRunPageReadyOnConfigUpdate":"false","specs.bookings.FixServiceListSettin
gsMigration":"false","specs.bookings.multiServiceAppointment":"true","specs.bookings.BookingBMToast":"true","
specs.bookings.removeAnywhereEmbed":"true","specs.bookings.ServiceV2ServicePage":"false","specs.bookings.ti
meslotComponentSelection":"true","specs.bookings.PublicApiReplaceBookingsUpdate":"true","specs.bookings.redi
rectIfNeeded":"true","specs.bookings.RemovePPErrorMessageUponLoginInMobile":"true","specs.bookings.BOHea
dlessSiteSupport":"true","specs.bookings.EcomRendererShouldUseNewExtendedBookingsQuery":"false","specs.bo
okings.splitTimetableDateAndTimeSettings":"true","specs.bookings.MyBookingsViewStates":"false","specs.bookin
gs.showWaitListIndicatorOnLockedSlot":"true","specs.bookings.calendarAutoAssignResource":"true","specs.booki
ngs.AddParticipantShortcut":"true","specs.bookings.paginationButtonsInServiceList":"false","specs.bookings.servic
eV2InListSettings":"false","specs.bookings.timezoneInDateAndTimeInsteadHeader":"true","specs.bookings.GetAv
ailabilityForCourseFM":"true","specs.bookings.fetchTabsInServiceList":"false","specs.bookings.UseIntlForPriceIn
BookFlowSpecs":"true","specs.bookings.FormPaymentOptionNewDropdown":"true","specs.bookings.BookOnlyOn
eSlotUsingPP":"true","specs.bookings.migrateServiceListToServiceV2":"false","specs.bookings.AllowEditPolicySe
ctionTitle":"false","specs.bookings.useWarmupData":"false","spec.bookings.setRolesForBIEvent":"true","specs.boo
kings.EditorXContent":"true","specs.bookings.RenderServiceButtonsAsLinks":"true","specs.bookings.fixMultilingu
alInMemberArea":"false","specs.bookings.UseQueryBySessionStartForContactBookings":"true","specs.bookings.E
nforcePolicyOnCourse":"true","specs.bookings.UseGetAvailabilityForCourse":"true","specs.bookings.RemoveCale
ndarLinkFromBookingsCheckoutSettingsPanel":"true","specs.bookings.ServiceXV3CourseService":"true","specs.b
ookings.QueryServicesInBatches":"false","specs.bookings.DatacapsuleMigration":"true","specs.bookings.AlwaysSh
owComplexPhoneField":"false","specs.bookings.ResilientBusinessInfo":"true","specs.wos.KillWixSMS":"false","s
pecs.bookings.fineGrainPermissionsModelWithWOA":"true","specs.bookings.Return404ForNonExistingService":"t
rue","specs.bookings.MultiLocationRemoveAddressNameFallback":"true","specs.bookings.MyBookingsShowCour
seCancellationModal":"false","specs.bookings.displayCourseStartDateInSsr":"true","specs.bookings.AppInstanceO
nCashierConfg":"true","specs.bookings.FixPricingPlanNavigation":"true","specs.bookings.showWorkingDaysForB
ookableClass":"true"}}},"appsDoNotLoadSdks":[],"forceEmptySdks":false},"appsScripts":{"urls":{},"scope":"page
20
482.ЧДТУ.42037-01 12 01
"},"debug":{"disablePlatform":false,"disableSnapshots":false,"enableSnapshots":false}}},"siteAssets":{"dataFixers
Params":{"experiments":{"bv_remove_add_chat_viewer_fixer":"new","dm_migrateResponsiveSectionStyleItemTo
Design":true,"dm_stopMasterpageFixerLoop":true,"dm_onlyRerunWhenFixerRequiresReruns":true,"dm_screenInB
ehaviorsToEntranceEffectsFixer":true},"dfVersion":"1.3491.0","isHttps":true,"isUrlMigrated":true,"metaSiteId":"d3
dbb603-15ea-4c2f-93a4-d691a702660b","quickActionsMenuEnabled":false,"siteId":"1031d0c6-139c-406b-a14b-
317687d22b57","siteRevision":41,"v":3,"cacheVersions":{"dataFixer":6},"oneDocEnabled":true},"modulesParams"
:{"features":{"moduleName":"thunderbolt-
features","contentType":"application\/json","resourceType":"features","languageResolutionMethod":"QueryParam",
"isMultilingualEnabled":false,"externalBaseUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4","useSandboxInHTMLComp":true,"disableStaticPagesUrlHierarchy":false,"aboveTheFoldSectionsNum":null,"isT
rackClicksAnalyticsEnabled":false,"isSocialElementsBlocked":false},"platform":{"moduleName":"thunderbolt-
platform","contentType":"application\/json","resourceType":"platform","externalBaseUrl":"https:\/\/yaraya626.wixs
ite.com\/my-site-4","staticHTMLComponentUrl":"https:\/\/yaraya626-wixsite-
com.filesusr.com\/"},"css":{"moduleName":"thunderbolt-
css","contentType":"application\/json","resourceType":"css","shouldRunVsm":true,"stylableMetadataURLs":["edito
r-elements-library.thunderbolt.241f5b24de01a922a5e491545985c0aa0e71cc81","editor-elements-design-
systems.thunderbolt.09abf08ff57d7626fbe16a5491211fab31f0cc89"],"ooiVersions":"MTM4MGJiYWItNGRhMy0z
NmIwLWVmYjQtMmUwNTk5OTcxZDE0PXAud2l4c3RvcmVzLWNsaWVudC1jYXJ0LW9vaS8xLjMwNzAuM
C9jYXJ0Vmlld2VyV2lkZ2V0Tm9Dc3MuY3NzQ29uZmlnLmJ1bmRsZS5taW4uanM7MTM4MGJiYjQtOGRmM
C1mZDM4LWEyMzUtODg4MjFjZjNmOGE0PXAud2l4c3RvcmVzLWNsaWVudC10aGFuay15b3UtcGFnZS1vb
2kvMS4yMzExLjAvdGhhbmtZb3VQYWdlVmlld2VyV2lkZ2V0Tm9Dc3MuY3NzQ29uZmlnLmJ1bmRsZS5taW4
uanM7MTRmZDU5NzAtODA3Mi1jMjc2LTEyNDYtMDU4Yjc5ZTcwYzFhPXAuZWNvbS1wbGF0Zm9ybS1jaG
Vja291dC8xLjM2NTIuMC9DaGVja291dFZpZXdlcldpZGdldE5vQ3NzLmNzc0NvbmZpZy5idW5kbGUubWluLm
pzOzU0ZDkxMmM1LTUyY2ItNDY1Ny1iOGZhLWUxYTRjZGE4ZWQwMT1wLmJvb2tpbmdzLWNhbGVuZG
FyLXdpZGdldC8xLjI1MzQuMC9Cb29raW5nQ2FsZW5kYXJWaWV3ZXJXaWRnZXROb0Nzcy5jc3NDb25maW
cuYnVuZGxlLm1pbi5qczs2MjFiYzgzNy01OTQzLTRjNzYtYTdjZS1hMGUzODE4NTMwMWY9cC5ib29raW5nc
y1zZXJ2aWNlLWxpc3Qtd2lkZ2V0LzEuMTIxNC4wL0Jvb2tPbmxpbmVWaWV3ZXJXaWRnZXROb0Nzcy5jc3N
Db25maWcuYnVuZGxlLm1pbi5qczs5ODVlNmZjOC1jZTNmLTRjZjgtOWI4NS03MTRjNzNmNDg2OTU9cC5ib
29raW5ncy1mb3JtLXdpZGdldC8xLjE2MzUuMC9Cb29raW5nc0Zvcm1WaWV3ZXJXaWRnZXROb0Nzcy5jc3N
Db25maWcuYnVuZGxlLm1pbi5qczthOTFhMDU0My1kNGJkLTRlNmItYjMxNS05NDEwYWEyN2JjZGU9cC5i
b29raW5ncy1zZXJ2aWNlLWRldGFpbHMtd2lkZ2V0LzEuMjY0MS4wL0Jvb2tpbmdTZXJ2aWNlUGFnZVZpZX
dlcldpZGdldE5vQ3NzLmNzc0NvbmZpZy5idW5kbGUubWluLmpz","cssVarsOnlyWidgets":""},"siteMap":{"mod
uleName":"thunderbolt-site-
map","contentType":"application\/json","resourceType":"siteMap"},"mobileAppBuilder":{"moduleName":"thunder
bolt-mobile-app-
builder","resourceType":"mobileAppBuilder","contentType":"application\/json"}},"clientTopology":{"mediaRootU
rl":"https:\/\/static.wixstatic.com","staticMediaUrl":"https:\/\/static.wixstatic.com\/media","moduleRepoUrl":"https:\
/\/static.parastorage.com\/unpkg","fileRepoUrl":"https:\/\/static.parastorage.com\/services","siteAssetsUrl":"https:\/\/
siteassets.parastorage.com","pageJsonServerUrls":["https:\/\/pages.parastorage.com","https:\/\/staticorigin.wixstatic.
com","https:\/\/fallback.wix.com\/wix-html-editor-pages-
webapp\/page"],"pathOfTBModulesInFileRepoForFallback":"wix-
thunderbolt\/dist\/"},"siteScopeParams":{"rendererType":null,"wixCodePageIds":[],"hasTPAWorkerOnSite":false,"f
ormFactor":"desktop","viewMode":"desktop","freemiumBanner":true,"coBrandingBanner":false,"dayfulBanner":fal
se,"mobileActionsMenu":false,"isWixSite":false,"editorName":"Unknown","urlFormatModel":{"format":"slash","f
orbiddenPageUriSEOs":["app","apps","_api","robots.txt","sitemap.xml","feed.xml","sites"],"pageIdToResolvedUri
SEO":{}},"pageJsonFileNames":{"gcs2l":"3e0e08_688c8921f6f23a3ad64c6bc6f351cc7e_12.json","t9phc":"3e0e08
_7db04f8a96dc146104d78b4930e3bd40_30.json","bwisb":"3e0e08_1bd25df3836da9ab099c7889debff313_12.json"
,"prjpn":"3e0e08_dc0ded2696620e7d839c067f8ccbf3de_13.json","airv6":"3e0e08_d399d2309a6878f26928a3aa2d3
c6b6b_36.json","xflys":"3e0e08_4b950abf2f8c707016ba9d6f2e7fb983_36.json","mxcoq":"3e0e08_a99f1eaab0300
7ca2e1b920ea6872de9_36.json","fg2gz":"3e0e08_7b836eb3fd979863c844b804d86fd7a1_36.json","p4pkh":"3e0e0
8_79cc0d7966ebb2200e349b7c047f56ce_21.json","r3hxy":"3e0e08_c3e6249b3e9b726fd5e3da0ea7f3c175_36.json
","qke2i":"3e0e08_130fe2b6e716ec6c2ca9e8c04983d86d_12.json","k7y7k":"3e0e08_1e0bf697abd5ec2a9a6ee17e4
ab85a10_38.json","ro3ns":"3e0e08_c972d17c5332db5e7f4557e96c0687dc_36.json","onzs9":"3e0e08_305d9a1de41
d8054c7bdd7508eb63965_13.json","yozhw":"3e0e08_08352eb291eb05097cac1ceab9a9de82_40.json","bqb9c":"3e
0e08_fb2705886e797f92f61224f2e4449a92_12.json","ij6mj":"3e0e08_a996c7d761e5827d017e534955e40302_37.j
son","masterPage":"3e0e08_f1728f9cf13f757dcdb4873e5f14471a_40.json"},"protectedPageIds":[],"routersInfo":{"
configMap":{"routers-
lwh74eog":{"prefix":"projects","appDefinitionId":"dataBinding","config":"{\"patterns\":{\"\/{title}\":{\"seoMetaTa
gs\":{\"og:image\":\"{mainProjectImage}\",\"description\":\"{shortProjectDescription}\",\"keywords\":\"\",\"robots\
":\"index\"},\"pageRole\":\"059400fe-9986-43ba-9e14-
21
482.ЧДТУ.42037-01 12 01
548088843ff9\",\"title\":\"{title}\",\"config\":{\"collection\":\"Projects\",\"pageSize\":1,\"lowercase\":true,\"seoV2\":
false}},\"\/\":{\"seoMetaTags\":{\"robots\":\"index\"},\"pageRole\":\"8efc31b0-b37a-4230-b70a-
cebd1b685581\",\"title\":\"Projects\",\"config\":{\"collection\":\"Projects\",\"pageSize\":20,\"lowercase\":true,\"seoV
2\":false}}}}","pages":{"059400fe-9986-43ba-9e14-548088843ff9":"mxcoq","8efc31b0-b37a-4230-b70a-
cebd1b685581":"r3hxy"}},"routers-lwgobj25":{"prefix":"navichki-
1","appDefinitionId":"dataBinding","config":"{\"patterns\":{\"\/\":{\"seoMetaTags\":{\"robots\":\"index\"},\"pageR
ole\":\"7c65de93-d80a-4748-9422-
fbbd7b0f6038\",\"title\":\"p0a2bgyal4g\",\"config\":{\"collection\":\"p0a2bgyal4g\",\"pageSize\":12,\"lowercase\":tr
ue,\"seoV2\":false}}}}","pages":{"7c65de93-d80a-4748-9422-fbbd7b0f6038":"yozhw"}},"routers-
lwgoej2z":{"prefix":"items","appDefinitionId":"dataBinding","config":"{\"patterns\":{\"\/{title}\":{\"seoMetaTags\"
:{\"description\":\"{subtitle}\",\"og:image\":\"{image}\",\"keywords\":\"\",\"robots\":\"index\"},\"pageRole\":\"d679
ebe0-c7ec-4291-aac9-
8656fe73ed8f\",\"title\":\"{title}\",\"config\":{\"collection\":\"Items\",\"pageSize\":1,\"lowercase\":true,\"seoV2\":fal
se}},\"\/\":{\"seoMetaTags\":{\"robots\":\"index\"},\"pageRole\":\"b4cd608a-0414-402d-99a8-
76f5115d75d3\",\"title\":\"Items\",\"config\":{\"collection\":\"Items\",\"pageSize\":12,\"lowercase\":true,\"seoV2\":f
alse}}}}","pages":{"d679ebe0-c7ec-4291-aac9-8656fe73ed8f":"ij6mj","b4cd608a-0414-402d-99a8-
76f5115d75d3":"k7y7k"}},"routers-
lwgnnika":{"prefix":"courses","appDefinitionId":"dataBinding","config":"{\"patterns\":{\"\/{title}\":{\"seoMetaTag
s\":{\"description\":\"{shortCourseDescription}\",\"og:image\":\"{image}\",\"keywords\":\"\",\"robots\":\"index\"},\"
pageRole\":\"789f4a2b-0e37-4926-94ea-
656b4f7fef2a\",\"title\":\"{title}\",\"config\":{\"collection\":\"Courses\",\"pageSize\":1,\"lowercase\":true,\"seoV2\":
false}},\"\/\":{\"seoMetaTags\":{\"robots\":\"index\"},\"pageRole\":\"252e43dd-0cc3-4ecb-93cd-
d0c8443024ca\",\"title\":\"Courses\",\"config\":{\"collection\":\"Courses\",\"pageSize\":12,\"lowercase\":true,\"seoV
2\":false}}}}","pages":{"789f4a2b-0e37-4926-94ea-656b4f7fef2a":"t9phc","252e43dd-0cc3-4ecb-93cd-
d0c8443024ca":"airv6"}},"routers-
lwgnfwjq":{"prefix":"navichki","appDefinitionId":"dataBinding","config":"{\"patterns\":{\"\/\":{\"seoMetaTags\":{\
"robots\":\"index\"},\"pageRole\":\"cb3e4db0-32e6-4678-afe5-
90e5a51f93d7\",\"title\":\"SkillsPractice\",\"config\":{\"collection\":\"SkillsPractice\",\"pageSize\":12,\"lowercase\":
true,\"seoV2\":false}}}}","pages":{"cb3e4db0-32e6-4678-afe5-
90e5a51f93d7":"onzs9"}}}},"isPremiumDomain":false,"disableSiteAssetsCache":false,"migratingToOoiWidgetIds"
:"14fd5970-8072-c276-1246-
058b79e70c1a","siteRevisionConfig":{},"registryLibrariesTopology":[{"artifactId":"editor-
elements","namespace":"wixui","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"},{"artifactId":"editor-
elements","namespace":"dsgnsys","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"}],"isInSeo":false,"language":"en","originalLanguage":"en","appDefinitionIdToSiteRevision":
{"13d21c63-b5ec-5912-8397-c3a5ddb27a97":"440","14271d6f-ba62-d045-549b-
ab972ae1f70e":"25"},"builderWidgetsIds":{},"cssPerBreakpointWidgetIds":"a91a0543-d4bd-4e6b-b315-
9410aa27bcde,3c675d25-41c7-437e-b13d-d0f99328e347,e86ab26e-a14f-46d1-9d74-7243b686923b,621bc837-
5943-4c76-a7ce-a0e38185301f,cc882051-73c9-41a6-8f90-f6ebc9f10fe1,0eadb76d-b167-4f19-88d1-
496a8207e92b,985e6fc8-ce3f-4cf8-9b85-714c73f48695,261fd12d-a3ac-4ee8-8913-09eceb8b1d3e,54d912c5-52cb-
4657-b8fa-e1a4cda8ed01,a63a5215-8aa6-42af-96b1-583bfd74cff5,13afb094-84f9-739f-44fd-
78d036adb028,139a41fd-0b1d-975f-6f67-e8cbdf8ccc82,1380bba0-253e-a800-a235-88821cf3f8a4,bda15dc1-816d-
4ff3-8dcb-
1172d5343cce"},"beckyExperiments":{"specs.thunderbolt.compCssMappers_catharsis":true,"specs.thunderbolt.rem
oveFluidColumnsRepeaterObserver":true,"specs.thunderbolt.supportSpxInEEMappers":true,"specs.thunderbolt.one
_cell_grid_display_flex":true,"specs.thunderbolt.MediaContainerAndPageBackgroundMapper":true,"specs.thunderb
olt.viewerStateManager":true,"specs.thunderbolt.minWidthFromLayout":true,"specs.thunderbolt.root_components_
carmi":true,"specs.thunderbolt.edixIsInFirstFold":true,"specs.thunderbolt.proGalleryMasterInfo":true,"specs.thunder
bolt.app_reflow_with_lightboxes":true,"specs.thunderbolt.DatePickerPortal":true,"specs.thunderbolt.facebookVideo
PlayerDimensions":true,"specs.thunderbolt.useElementoryRelativePath":true,"specs.thunderbolt.ooiInComponentsR
egistry":true,"specs.thunderbolt.fixVectorImageShouldScaleStroke":true,"specs.thunderbolt.render_all_tabs":true,"s
pecs.thunderbolt.mesh_css_catharsis":true,"specs.thunderbolt.DDMenuMigrateCssCarmiMapper":true,"specs.thund
erbolt.UseWixDataGetRequests":true,"specs.thunderbolt.UseWixDataItemService":true,"specs.thunderbolt.fiveGrid
LineStudioSkins":true,"specs.thunderbolt.musicPlayerWaitUntilPlayed":true,"specs.thunderbolt.TPA3DGalleryEEU
rl":true,"specs.thunderbolt.allowWEBPTransformation":true,"specs.thunderbolt.motionFeature":true,"specs.thunder
bolt.carouselGalleryImageFitting":true,"specs.thunderbolt.useNewImageParallax":true,"specs.thunderbolt.accordion
HeightAuto":true,"specs.thunderbolt.fixResponsiveBoxContainerLayoutClass":true,"specs.thunderbolt.dynamicLoa
dTpaFeature":true,"specs.thunderbolt.fetch_widget_iteratively":true,"specs.thunderbolt.TextInputAutoFillFix":true}
,"manifests":{"node":{"modulesToHashes":{"thunderbolt-features":"db46e544.bundle.min","thunderbolt-
22
482.ЧДТУ.42037-01 12 01
platform":"9c02ba90.bundle.min","thunderbolt-css":"6c666b87.bundle.min","thunderbolt-site-
map":"6e5599d5.bundle.min","thunderbolt-mobile-app-builder":"bbeeeeae.bundle.min","thunderbolt-
byref":"7030f6f4.bundle.min"}},"web":{"modulesToHashes":{"thunderbolt-
features":"ddee9fa5.bundle.min","thunderbolt-platform":"aed96990.bundle.min","thunderbolt-
css":"0d98e8ab.bundle.min","thunderbolt-site-map":"39f7f46b.bundle.min","thunderbolt-mobile-app-
builder":"dd85d89e.bundle.min","thunderbolt-byref":"61e12f24.bundle.min","webpack-
runtime":"22519d38.bundle.min"},"webpackRuntimeBundle":"22519d38.bundle.min"},"webWorker":{"modulesTo
Hashes":{"thunderbolt-features":"b84abf67.bundle.min","thunderbolt-
platform":"0d9c8848.bundle.min","thunderbolt-css":"de7e23bc.bundle.min","thunderbolt-site-
map":"a4820fd0.bundle.min","thunderbolt-mobile-app-builder":"bd78e06a.bundle.min","thunderbolt-
byref":"c96e7354.bundle.min"}}},"staticHTMLComponentUrl":"https:\/\/yaraya626-wixsite-
com.filesusr.com\/","remoteWidgetStructureBuilderVersion":"1.238.0"},"experiments":{"specs.thunderbolt.remove
DynamicModelMobile":true,"specs.thunderbolt.compCssMappers_catharsis":true,"specs.thunderbolt.userAsFactory
":true,"specs.thunderbolt.getMemberDetailsFromMembersNg":true,"storeSanpshotOnRedis":true,"specs.thunderbolt
.wrapForceUpdateWithStartTransition":true,"specs.thunderbolt.removeFluidColumnsRepeaterObserver":true,"specs
.thunderbolt.supportSpxInEEMappers":true,"specs.thunderbolt.reportFedopsAndPanorama":true,"specs.thunderbolt.
one_cell_grid_display_flex":true,"specs.thunderbolt.MediaContainerAndPageBackgroundMapper":true,"specs.thun
derbolt.readWidgetPresetsFromMasterPage":true,"specs.thunderbolt.viewerStateManager":true,"specs.thunderbolt.c
atharsis_shapeIds":true,"specs.thunderbolt.minWidthFromLayout":true,"specs.thunderbolt.specificTransitionsProper
ties":true,"specs.thunderbolt.fedops_enableSampleRateForAppNames":true,"specs.thunderbolt.excludeInstanceFro
mQueryParams":true,"specs.thunderbolt.ComponentsRegistryFixAnonymousDefine":true,"specs.thunderbolt.root_c
omponents_carmi":true,"specs.thunderbolt.ghostify_hidden_comps":true,"specs.thunderbolt.SetNoCacheOnAppErr
or":true,"specs.thunderbolt.fastly_polyfill_io":true,"specs.thunderbolt.edixIsInFirstFold":true,"allowSSrCustomStat
usCode":true,"specs.thunderbolt.wixRealtimeGetAppTokenFromPlatformUtils":true,"specs.thunderbolt.newLoginFl
owOnProtectedCollection":true,"specs.thunderbolt.proGalleryMasterInfo":true,"specs.thunderbolt.useNewRegisterL
ogin":true,"specs.thunderbolt.changeHashBangUrlFix":true,"specs.thunderbolt.app_reflow_with_lightboxes":true,"s
pecs.thunderbolt.DatePickerPortal":true,"specs.thunderbolt.split_react_render":true,"specs.thunderbolt.preventAppl
ySessionTokenInSSR":true,"specs.thunderbolt.ShouldUseNewIAMSocialFlow":true,"specs.thunderbolt.empty_expe
riments_for_BI":true,"specs.thunderbolt.useIAMEnabledConnections":true,"specs.thunderbolt.mlUtilsImport":true,"
specs.thunderbolt.wixSitesFontDisplaySwap":true,"specs.thunderbolt.facebookVideoPlayerDimensions":true,"specs
.thunderbolt.useElementoryRelativePath":true,"specs.thunderbolt.ooiInComponentsRegistry":true,"specs.thunderbol
t.FixSitePasswordURL":true,"specs.thunderbolt.fixVectorImageShouldScaleStroke":true,"specs.thunderbolt.blockSi
teScrollWithOverflowHidden":true,"specs.thunderbolt.render_all_tabs":true,"specs.thunderbolt.opacityTransition":tr
ue,"specs.thunderbolt.shouldExportBlockingSocialComponentsEnabled":true,"specs.thunderbolt.mesh_css_catharsi
s":true,"specs.thunderbolt.shouldFetchLoginUrlByClientId":true,"specs.thunderbolt.shouldLoadGoogleSdkEarly":tr
ue,"specs.thunderbolt.shouldUseMemberPrivacySettingsService":true,"specs.thunderbolt.DDMenuMigrateCssCarm
iMapper":true,"specs.thunderbolt.alwaysApplySessionTokenOnIAM":true,"specs.thunderbolt.FontDisplaySwap":tru
e,"specs.thunderbolt.cyclicTabbingFastDom":true,"specs.thunderbolt.enableSignUpPrivacyNoteType":true,"specs.th
underbolt.useNativeScrollTo":true,"specs.thunderbolt.veloWixMembersAmbassadorV2":true,"specs.thunderbolt.cus
tomElemCollapsedheight":true,"specs.thunderbolt.UseWixDataGetRequests":true,"specs.thunderbolt.UseWixDataIt
emService":true,"specs.thunderbolt.allowExternalAppsInReact18":true,"useTpaSeoService":true,"specs.promote.ar.r
eportEcomPlatformPurchaseEvents":true,"specs.thunderbolt.useIAMPlatform":true,"specs.thunderbolt.fiveGridLine
StudioSkins":true,"specs.thunderbolt.musicPlayerWaitUntilPlayed":true,"specs.thunderbolt.TPA3DGalleryEEUrl":t
rue,"specs.thunderbolt.allowWEBPTransformation":true,"specs.thunderbolt.motionFeature":true,"specs.thunderbolt.
StripColumnsContainerMapper":true,"specs.thunderbolt.onLinkClickHandlerAsync":true,"specs.thunderbolt.carous
elGalleryImageFitting":true,"specs.thunderbolt.ooi_lazy_load_components":true,"specs.thunderbolt.loginSocialBar
EnableUrlChangeListeners":true,"specs.thunderbolt.seoSortMetaTagProps":true,"specs.thunderbolt.InitPlatformApi
Provider":true,"specs.thunderbolt.appLoadInPanorama":true,"displayWixAdsNewVersion":true,"specs.thunderbolt.
BundlerTypescriptListExportedFunctions":true,"specs.thunderbolt.smModalsShouldWaitForAppDidMount":true,"s
pecs.thunderbolt.ooi_css_optimization":true,"specs.thunderbolt.SharedPanoramaGlobalConfig":true,"specs.thunderb
olt.YieldToMainInFunctionPropsHandler":true,"specs.thunderbolt.useNewImageParallax":true,"specs.ShouldForce
CaptchaVerificationOnSignupSpec":"Disabled","specs.ShouldForceCaptchaVerificationOnLoginSpec":"Disabled","
specs.thunderbolt.skipLivePreviewRefreshOnSetProps":true,"specs.thunderbolt.getMainGridAppId":true,"specs.thu
nderbolt.editorElementsRegistryEnsureComponentLoaderFix":true,"specs.thunderbolt.accordionHeightAuto":true,"s
pecs.thunderbolt.fixResponsiveBoxContainerLayoutClass":true,"specs.thunderbolt.dynamicLoadTpaFeature":true,"s
pecs.thunderbolt.shouldFetchLogoutUrlByClientId":true,"specs.thunderbolt.pagesCssInHead":true,"specs.thunderbo
lt.convertBirthdateToISOString":true,"specs.thunderbolt.WixCodeAnalyzeImportedNamespaces":true,"specs.thunde
rbolt.send_script_resources_to_bi":true,"specs.thunderbolt.newAuthorizedPagesFlow":true,"specs.thunderbolt.fetch
CurrentMemberFromMembersNg":true,"specs.thunderbolt.fetch_widget_iteratively":true,"specs.thunderbolt.TextIn
putAutoFillFix":true},"fleetConfig":{"fleetName":"wix-
23
482.ЧДТУ.42037-01 12 01
thunderbolt","type":"GA","code":0},"dynamicModelUrl":"https:\/\/yaraya626.wixsite.com\/my-site-
4\/_api\/v2\/dynamicmodel","accessTokensUrl":"https:\/\/yaraya626.wixsite.com\/my-site-4\/_api\/v1\/access-
tokens","rollout":{"siteAssetsVersionsRollout":false,"isDACRollout":0,"isTBRollout":false},"commonConfig":{"br
and":"wix","host":"VIEWER","bsi":"","consentPolicy":{},"consentPolicyHeader":{}},"componentsLibrariesTopolo
gy":[{"artifactId":"editor-elements","namespace":"wixui","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"},{"artifactId":"editor-
elements","namespace":"dsgnsys","url":"https:\/\/static.parastorage.com\/services\/editor-
elements\/1.12168.0"}],"anywhereConfig":{},"interactionSampleRatio":0.01,"rendererType":null,"isPartialRouteM
atching":false,"react18Compatible":true,"react18HydrationCompatible":false}</script>
<script>window.viewerModel = JSON.parse(document.getElementById('wix-viewer-model').textContent)</script>
<!-- renderIndicator -->
<!-- Business Manager -->
<!-- initCustomElements #2 -->
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/wixDropdownWrapper.inline.a0ec740a.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[1308],{45
196:function(e,t,n){var i=n(17709),o=n.n(i),r=n(42658),s=n(58307),a=n(98822);const
l="__more__",d="moreContainer",u=(e=window)=>{const t=(e,t,n,i,o,r,s,a)=>{if(e-=o*(s?i.length:i.length-1),e-
=a.left+a.right,t&&(i=i.map((()=>r))),i.some((e=>0===e)))return null;let l=0;const
d=i.reduce(((e,t)=>e+t),0);if(d>e)return null;if(t){if(n){const
t=Math.floor(e/i.length),n=i.map((()=>t));if(l=t*i.length,l<e){const t=Math.floor(e-l);i.forEach(((e,i)=>{i<=t-
1&&n[i]++}))}return n}return i}if(n){const t=Math.floor((e-d)/i.length);l=0;const
n=i.map((e=>(l+=e+t,e+t)));if(l<e){const t=Math.floor(e-l);i.forEach(((e,i)=>{i<=t-1&&n[i]++}))}return n}return
i},n=e=>Math.round(e),i=e=>{const t=parseFloat(e);return
isFinite(t)?t:0},o=t=>t.getBoundingClientRect().top>e.innerHeight/2,u=(e,t,n,i,o)=>{const{width:r,height:s,alignBu
ttons:a,hoverListPosition:l,menuItemContainerExtraPixels:d}=t,u=t.absoluteLeft,h=((e,t,n,i,o,r,s,a,l,d)=>{let
u="0px",h="auto";const
c=r.left,m=r.width;if("left"===t?u="left"===o?0:`${c+e.left}px`:"right"===t?(h="right"===o?0:i-c-m-
e.right+"px",u="auto"):"left"===o?u=`${c+(m+e.left-n)/2}px`:"right"===o?(u="auto",h=(m+e.right-
(n+e.width))/2+"px"):u=`${e.left+c+(m-(n+e.width))/2}px`,"auto"!==u){const
e=s+parseInt(u,10);e+d>l?(u="auto",h=0):u=e<0?0:u}"auto"!==h&&(h=a-
parseInt(h,10)>l?0:h);return{moreContainerLeft:u,moreContainerRight:h}})(d,a,i,r,l,n,u,u+r,t.bodyClientWidth,o);r
eturn{left:h.moreContainerLeft,right:h.moreContainerRight,top:t.needToOpenMenuUp?"auto":`${s}px`,bottom:t.ne
edToOpenMenuUp?`${s}px`:"auto"}},h=e=>!isNaN(parseFloat(e))&&isFinite(e);return{measure:(s,a)=>{const
d={},u={};u[s]=a;let h=1;const c=a.getRootNode().querySelector("#site-
root");c&&(h=c.getBoundingClientRect().width/c.offsetWidth);const m=(e=>{const
t=+(0,r.bQ)(e,"numItems");return t<=0||t>Number.MAX_SAFE_INTEGER?[]:new
Array(t).fill(0).map(((e,t)=>String(t)))})(u[s]),p=(e=>["moreContainer","itemsContainer","dropWrapper"].concat(e,
[l]))(m);p.forEach((e=>{const
t=`${s}${e}`;u[t]=a.getRootNode().getElementById(`${t}`)})),d.children=((e,t,i,o)=>{const r={};return
i.forEach((i=>{const
s=`${e}${i}`,a=t[s];a&&(r[s]={width:a.offsetWidth,boundingClientRectWidth:n(a.getBoundingClientRect().width/
o),height:a.offsetHeight})})),r})(s,u,p,h);const
f=u[s],b=u[`${s}itemsContainer`],g=b.childNodes,w=u[`${s}moreContainer`],I=w.childNodes,_=(0,r.bQ)(f,"stretch
ButtonsToMenuWidth"),v=(0,r.bQ)(f,"sameWidthButtons"),x=f.getBoundingClientRect();d.absoluteLeft=x.left,d.bo
dyClientWidth=e.document.body.clientWidth,d.alignButtons=(0,r.bQ)(f,"dropalign"),d.hoverListPosition=(0,r.bQ)(f
,"drophposition"),d.menuBorderY=parseInt((0,r.bQ)(f,"menuborderY"),10),d.ribbonExtra=parseInt((0,r.bQ)(f,"ribbo
nExtra"),10),d.ribbonEls=parseInt((0,r.bQ)(f,"ribbonEls"),10),d.labelPad=parseInt((0,r.bQ)(f,"labelPad"),10),d.men
uButtonBorder=parseInt((0,r.bQ)(f,"menubtnBorder"),10),d.menuItemContainerMargins=(t=>{const
n=t.lastChild,i=e.getComputedStyle(n);return(parseInt(i.marginLeft,10)||0)+(parseInt(i.marginRight,10)||0)})(b),d.m
enuItemContainerExtraPixels=((t,n)=>{const o=e.getComputedStyle(t);let
r=i(o.borderTopWidth)+i(o.paddingTop),s=i(o.borderBottomWidth)+i(o.paddingBottom),a=i(o.borderLeftWidth)+i
(o.paddingLeft),l=i(o.borderRightWidth)+i(o.paddingRight);return
n&&(r+=i(o.marginTop),s+=i(o.marginBottom),a+=i(o.marginLeft),l+=i(o.marginRight)),{top:r,bottom:s,left:a,righ
t:l,height:r+s,width:a+l}})(b,!0),d.needToOpenMenuUp=o(f),d.menuItemMarginForAllChildren=!_||"false"!==b.get
Attribute("data-
24
482.ЧДТУ.42037-01 12 01
marginAllChildren"),d.moreSubItem=[],d.labelWidths={},d.linkIds={},d.parentId={},d.menuItems={},d.labels={},
I.forEach(((t,n)=>{d.parentId[t.id]=(0,r.bQ)(t,"parentId");const
i=(0,r.bQ)(t,"dataId");d.menuItems[i]={dataId:i,parentId:(0,r.bQ)(t,"parentId"),moreDOMid:t.id,moreIndex:n},u[t.id
]=t;const
o=t.querySelector("p");u[o.id]=o,d.labels[o.id]={width:o.offsetWidth,height:o.offsetHeight,left:o.offsetLeft,lineHei
ght:parseInt(e.getComputedStyle(o).fontSize,10)},d.moreSubItem.push(t.id)})),g.forEach(((e,t)=>{const
i=(0,r.bQ)(e,"dataId");d.menuItems[i]=d.menuItems[i]||{},d.menuItems[i].menuIndex=t,d.menuItems[i].menuDOMi
d=e.id,d.children[e.id].left=e.offsetLeft;const
o=e.querySelector("p");u[o.id]=o,d.labelWidths[o.id]=((e,t)=>n(e.getBoundingClientRect().width/t))(o,h);const
s=e.querySelector("p");u[s.id]=s,d.linkIds[e.id]=s.id}));const
y=f.offsetHeight;d.height=y,d.width=f.offsetWidth,d.lineHeight=((e,t)=>e-t.menuBorderY-t.labelPad-t.ribbonEls-
t.menuButtonBorder-t.ribbonExtra+"px")(y,d);const C=((e,n,i,o,s)=>{const
a=n.width;n.hasOriginalGapData={},n.originalGapBetweenTextAndBtn={};const l=s.map((t=>{const i=o[e+t];let
s;const a=(0,r.bQ)(i,"originalGapBetweenTextAndBtn");return void
0===a?(n.hasOriginalGapData[t]=!1,s=n.children[e+t].boundingClientRectWidth-
n.labelWidths[`${e+t}label`],n.originalGapBetweenTextAndBtn[e+t]=s):(n.hasOriginalGapData[t]=!0,s=parseFloat(
a)),n.children[e+t].width>0?Math.floor(n.labelWidths[`${e+t}label`]+s):0})),d=l.pop(),u=i.sameWidthButtons,h=i.s
tretchButtonsToMenuWidth;let c=!1;const
m=n.menuItemContainerMargins,p=n.menuItemMarginForAllChildren,f=n.menuItemContainerExtraPixels,b=(e=>
e.reduce(((e,t)=>e>t?e:t),-1/0))(l);let g=t(a,u,h,l,m,b,p,f);if(!g){for(let e=1;e<=l.length;e++)if(g=t(a,u,h,l.slice(0,-
1*e).concat(d),m,b,p,f),g){c=!0;break}g||(c=!0,g=[d])}if(c){const e=g[g.length-1];for(g=g.slice(0,-
1);g.length<s.length;)g.push(0);g[g.length-
1]=e}return{realWidths:g,moreShown:c}})(s,d,{sameWidthButtons:v,stretchButtonsToMenuWidth:_},u,m.concat(l
));return
d.realWidths=C.realWidths,d.isMoreShown=C.moreShown,d.menuItemIds=m,d.hoverState=(0,r.bQ)(w,"hover",!1),
{measures:d,domNodes:u}},patch:(e,t,n)=>{const
i=n[e];(0,s.eC)(i,{overflowX:"visible"});const{menuItemIds:o,needToOpenMenuUp:c}=t,m=o.concat(l);var
p,f;p=i,f=c,(0,r.XO)(p,{dropmode:f?"dropUp":"dropDown"});let b=0;if(t.hoverState===l){const
e=t.realWidths.indexOf(0),i=t.menuItems[(0,a.Tj)(t.menuItems,(t=>t.menuIndex===e))],r=i.moreIndex,l=r===o.len
gth-1;i.moreDOMid&&(0,s.Wp)(n[i.moreDOMid],{"data-
listposition":l?"dropLonely":"top"}),Object.values(t.menuItems).filter((e=>!!e.moreDOMid)).forEach((e=>{if(e.mo
reIndex<r)(0,s.eC)(n[e.moreDOMid],{display:"none"});else{const
n=`${e.moreDOMid}label`;b=Math.max(t.labels[n].width,b)}}))}else
t.hoverState&&t.moreSubItem.forEach(((n,i)=>{const
o=`${e+d+i}label`;b=Math.max(t.labels[o].width,b)}));((e,t,n,i)=>{const{hoverState:o}=t;if("-
1"!==o){const{menuItemIds:r}=t,a=r.indexOf(o);if(h(t.hoverState)||o===l){if(!t.realWidths)return;const
o=Math.max(i,t.children[-
1!==a?e+a:e+l].width),r=Math.max(i,t.children[`${e}dropWrapper`].width),c=((e,t)=>e+15+t.menuBorderY+t.label
Pad+t.menuButtonBorder)(0!==t.moreSubItem.length?t.labels[`${t.moreSubItem[0]}label`].lineHeight:0,t);t.moreS
ubItem.forEach((e=>{(0,s.eC)(n[e],{minWidth:`${o}px`}),(0,s.eC)(n[`${e}label`],{minWidth:"0px",lineHeight:`${
c}px`})}));const
m=h(t.hoverState)?t.hoverState:"__more__",p={width:t.children[e+m].width,left:t.children[e+m].left},f=u(0,t,p,o,r);
(0,s.eC)(n[`${e}${d}`],{left:f.left,right:f.right}),(0,s.eC)(n[`${e}dropWrapper`],{left:f.left,right:f.right,top:f.top,bott
om:f.bottom})}}})(e,t,n,b),t.originalGapBetweenTextAndBtn&&m.forEach((i=>{t.hasOriginalGapData[i]||(0,r.XO)
(n[`${e}${i}`],{originalGapBetweenTextAndBtn:t.originalGapBetweenTextAndBtn[`${e}${i}`]})})),((e,t,n,i)=>{c
onst{realWidths:o,height:a,menuItemContainerExtraPixels:l}=n;let d=0,u=null,h=null;const c=n.lineHeight,m=a-
l.height;for(let r=0;r<i.length;r++){const
a=o[r],l=a>0,p=e+i[r];h=n.linkIds[p],l?(d++,u=p,(0,s.eC)(t[p],{width:`${a}px`,height:`${m}px`,position:"relative","
box-sizing":"border-box",overflow:"visible",visibility:"inherit"}),(0,s.eC)(t[`${p}label`],{"line-
height":c}),(0,s.Wp)(t[p],{"aria-
hidden":!1})):((0,s.eC)(t[p],{height:"0px",overflow:"hidden",position:"absolute",visibility:"hidden"}),(0,s.Wp)(t[p],
{"aria-hidden":!0}),(0,s.Wp)(t[h],{tabIndex:-
1}))}1===d&&((0,r.XO)(t[`${e}moreContainer`],{listposition:"lonely"}),(0,r.XO)(t[u],{listposition:"lonely"}))})(e
,n,t,m)}}};var h=function(e,t,n=window){const i=u(n);return class extends
e{constructor(){super(...arguments),this._visible=!1,this._mutationIds={read:null,write:null},this._itemsContainer=
null,this._dropContainer=null,this._labelItems=[]}static get observedAttributes(){return["data-hovered-
item"]}attributeChangedCallback(){this._isVisible()&&this.reLayout()}connectedCallback(){this._id=this.getAttrib
ute("id"),this._hideElement(),this._waitForDomLoad().then((()=>{super.observeResize(),this._observeChildrenResi
ze(),this.reLayout()}))}disconnectedCallback(){t.mutationService.clear(this._mutationIds.read),t.mutationService.cl
ear(this._mutationIds.write),super.disconnectedCallback()}_waitForDomLoad(){let e;const t=new
25
482.ЧДТУ.42037-01 12 01
Promise((t=>{e=t}));return this._isDomReady()?e():(this._waitForDomReadyObserver=new
n.MutationObserver((()=>this._onRootMutate(e))),this._waitForDomReadyObserver.observe(this,{childList:!0,subt
ree:!0})),t}_isDomReady(){return
this._itemsContainer=this.getRootNode().getElementById(`${this._id}itemsContainer`),this._dropContainer=this.ge
tRootNode().getElementById(`${this._id}dropWrapper`),this._itemsContainer&&this._dropContainer}_onRootMut
ate(e){this._isDomReady()&&(this._waitForDomReadyObserver.disconnect(),e())}_observeChildrenResize(){const
e=Array.from(this._itemsContainer.childNodes);this._labelItems=e.map((e=>this.getRootNode().getElementById(`
${e.getAttribute("id")}label`))),this._labelItems.forEach((e=>super.observeChildResize(e)))}_setVisibility(e){this._
visible=e,this.style.visibility=e?"inherit":"hidden"}_isVisible(){return
this._visible}_hideElement(){this._setVisibility(!1)}_showElement(){this._setVisibility(!0)}reLayout(){let
e,n;t.mutationService.clear(this._mutationIds.read),t.mutationService.clear(this._mutationIds.write),this._mutationId
s.read=t.mutationService.measure((()=>{const
t=i.measure(this._id,this);e=t.measures,n=t.domNodes})),this._mutationIds.write=t.mutationService.mutate((()=>{i.
patch(this._id,e,n),this._showElement()}))}}},c=n(8938);((e=window)=>{if(e.customElements&&!e.customElemen
ts.get("wix-dropdown-menu")){const
t=(0,c.A)(),n=e.customElementNamespace?.WixElement,i=h(n,{resizeService:t,mutationService:o()},e);e.customEl
ements.define("wix-dropdown-menu",i)}})()},42658:function(e,t,n){n.d(t,{Wp:function(){return
o},XO:function(){return l},bQ:function(){return a},c$:function(){return d},ds:function(){return
h},eC:function(){return r},g7:function(){return s},kT:function(){return u}});const
i={columnCount:1,columns:1,fontWeight:1,lineHeight:1,opacity:1,zIndex:1,zoom:1},o=(e,t)=>e&&t&&Object.key
s(t).forEach((n=>e.setAttribute(n,t[n]))),r=(e,t)=>e&&t&&Object.keys(t).forEach((n=>{const o=t[n];void
0!==o?e.style[n]=((e,t)=>"number"!=typeof
t||i[e]?t:`${t}px`)(n,o):e.style.removeProperty(n)})),s=(e,t)=>e&&t&&Object.keys(t).forEach((n=>{e.style.setPrope
rty(n,t[n])})),a=(e,t,n=!0)=>{return e&&n?(i=e.dataset[t])?"true"===i||"false"!==i&&("null"===i?null:""+
+i===i?+i:i):i:e.dataset[t];var
i},l=(e,t)=>e&&t&&Object.assign(e.dataset,t),d=e=>e||document.documentElement.clientHeight||window.innerHei
ght||0,u=()=>window?window.pageYOffset||document.documentElement.scrollTop:0,h={fit:"contain",fill:"cover"}}
,46209:function(e,t,n){n.d(t,{AE:function(){return a},WD:function(){return o},e0:function(){return
l},xX:function(){return d}});var i=n(53880);const
o=(e,t,n,o)=>{const{targetWidth:a,targetHeight:l,imageData:d,filters:u,displayMode:h=i.fittingTypes.SCALE_TO_
FILL,hasAnimation:c}=e;if(!a||!l||!d.uri)return{uri:"",css:{}};const{width:m,height:p,crop:f,name:b,focalPoint:g,ups
caleMethod:w,quality:I,devicePixelRatio:_=t.devicePixelRatio}=d,v={filters:u,upscaleMethod:w,...I,...o&&{allow
WEBPTransform:o},hasAnimation:c},x=s(_),y={id:d.uri,width:m,height:p,...f&&{crop:f},...g&&{focalPoint:g},...b
&&{name:b}},C={width:a,height:l,htmlTag:n||"img",pixelAspectRatio:x,alignment:e.alignType||i.alignTypes.CEN
TER},E=(0,i.getData)(h,y,C,v);return
E.uri=r(E.uri,t.staticMediaUrl,t.mediaRootUrl),E},r=(e,t,n)=>{if(/(^https?)|(^data)|(^blob)|(^\/\/)/.test(e))return e;let
i=`${t}/`;return
e&&(/^micons\//.test(e)?i=n:"ico"===/[^.]+$/.exec(e)[0]&&(i=i.replace("media","ficons"))),i+e},s=e=>{const
t=window.location.search.split("&").map((e=>e.split("="))).find((e=>e[0].toLowerCase().includes("devicepixelratio
")));return(t?Number(t[1]):null)||e||1},a=(e,t)=>e.getAttribute(t?"xlink:href":"src");function
l(e){if(e){const{type:t}=e.dataset;if(t&&"ugc"!==t){if(!e.dataset.bbox){const{x:t,y:n,width:i,height:o}=e.getBBox(
);return`${t} ${n} ${i} ${o}`}}}return null}function d(e){return
e.isExperimentOpen("specs.thunderbolt.tb_stop_client_images")||e.isExperimentOpen("specs.thunderbolt.final_forc
e_webp")||e.isExperimentOpen("specs.thunderbolt.final_force_no_webp")}},8938:function(e,t,n){n.d(t,{A:function(
){return i}});const i=()=>{const e={observedElementToRelayoutTarget:new Map,getLayoutTargets(t){const n=new
Set;return
t.forEach((t=>n.add(e.observedElementToRelayoutTarget.get(t)))),n},observe:n=>{e.observedElementToRelayoutT
arget.set(n,n),t.observe(n)},unobserve:n=>{e.observedElementToRelayoutTarget.delete(n),t.unobserve(n)},observe
Child:(n,i)=>{e.observedElementToRelayoutTarget.set(n,i),t.observe(n)},unobserveChild:n=>{e.observedElementT
oRelayoutTarget.delete(n),t.unobserve(n)}},t=new
window.ResizeObserver((t=>{e.getLayoutTargets(t.map((e=>e.target))).forEach((e=>e.reLayout()))}));return
e}},98822:function(e,t,n){n.d(t,{Am:function(){return r},Jt:function(){return i},N5:function(){return
s},Tj:function(){return o},oq:function(){return l},vk:function(){return a}});const i=(e,t,n)=>{const
i=(Array.isArray(t)?t:t.split(".")).reduce(((e,t)=>e&&void 0!==e[t]?e[t]:null),e);return
null!==i?i:n},o=(e,t)=>Object.keys(e).find((n=>t(e[n],n))),r=(e,t)=>{const
n=e.reduce(((e,n)=>(e[t(n)]=n,e)),{});return
Object.values(n)},s=e=>e&&e.split?e.split(";").reduce((function(e,t){const n=t.split(":");return
n[0]&&n[1]&&(e[n[0].trim()]=n[1].trim()),e}),{}):{},a=(e,t=window)=>{let
n=!1;return(...i)=>{n||(n=!0,t.requestAnimationFrame((()=>{n=!1,e(...i)})))}};function l(...e){let t=e[0];for(let
n=1;n<e.length;++n)t=`${t.replace(/\/$/,"")}/${e[n].replace(/^\//,"")}`;return
26
482.ЧДТУ.42037-01 12 01
t}}},function(e){e.O(0,[592,8398],(function(){return t=45196,e(e.s=t);var t}));e.O()}]);
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/wixDropdownWrapper.inline.a0ec740a.bundle.min.js.map</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/lazyCustomElementWrapper.inline.751ba1cf.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[4198],{74
432:function(t,e,n){var i=function(t){return class extends t{constructor(){super()}reLayout(){const
t=this.querySelector("iframe");if(t){const
e=t.dataset.src;e&&t.src!==e&&(t.src=e,t.dataset.src="",this.dataset.src="")}}attributeChangedCallback(t,e,n){n&&
this.reLayout()}static get observedAttributes(){return["data-src"]}}};const r=(t,e,n)=>{void
0===t.customElements.get(e)&&t.customElements.define(e,n)};var
o=n(98822),a=n(42658),s=n(58307),c=n(53880),u={measure(t,e,{hasBgScrollEffect:n,videoWidth:i,videoHeight:r,f
ittingType:s,alignType:u="center",qualities:d,staticVideoUrl:l,videoId:f,videoFormat:h,focalPoint:m}){const
p=n?e.offsetWidth:t.parentElement.offsetWidth,g=t.parentElement.offsetHeight,y=parseInt(i,10),b=parseInt(r,10),v
=function(t,e,n,i){return{wScale:t/n,hScale:e/i}}(p,g,y,b),w=function(t,e,n,i){let
r;r=t===c.fittingTypes.SCALE_TO_FIT?Math.min(e.wScale,e.hScale):Math.max(e.wScale,e.hScale);return{width:
Math.round(n*r),height:Math.round(i*r)}}(s,v,y,b),E=function(t,{width:e,height:n}){const
i=(0,o.Am)(t,(t=>t.size)),r=i.find((t=>t.size>e*n));return r||t[t.length-
1]}(d,w),S=function(t,e,n,i){if("mp4"===i)return
t.url?(0,o.oq)(e,t.url):(0,o.oq)(e,n,t.quality,i,"file.mp4");return""}(E,l,f,h),x=function(t,e){const
n=t.networkState===t.NETWORK_NO_SOURCE,i=!t.currentSrc.endsWith(e);return
e&&(i||n)}(t,S),C=a.ds[s]||"cover",O=m?function(t,e,n){const{width:i,height:r}=t,{width:o,height:a}=e,{x:s,y:c}=n;
if(!o||!a)return`${s}% ${c}%`;const u=Math.max(o/i,a/r),d=i*u,l=r*u,f=Math.max(0,Math.min(d-o,d*(s/100)-
o/2)),h=Math.max(0,Math.min(l-a,l*(c/100)-a/2)),m=f&&Math.floor(f/(d-o)*100),p=h&&Math.floor(h/(l-
a)*100);return`${m}% ${p}%`}(w,{width:p,height:g},m):"",A=u.replace("_","
");return{videoSourceUrl:S,needsSrcUpdate:x,videoStyle:{height:"100%",width:"100%",objectFit:C,objectPosition:
O||A}}},mutate(t,e,n,i,r,o,a,c,u,l,f){e?(0,s.eC)(e,i):(!function(t,e,n,i,r,o){o&&e.paused&&(n.style.opacity="1",e.styl
e.opacity="0");const
a=e.paused||""===e.currentSrc,s=t||o;if(s&&a)if(e.ontimeupdate=null,e.onseeked=null,e.onplay=null,!o&&r){const
t=e.muted;e.muted=!0,e.ontimeupdate=()=>{e.currentTime>0&&(e.ontimeupdate=null,e.onseeked=()=>{e.onseeke
d=null,e.muted=t,d(e,n,i)},e.currentTime=0)}}else
e.onplay=()=>{o||(e.onplay=null),d(e,n,i)}}(a,n,t,c,r,f),r?n.setAttribute("autoplay",""):n.removeAttribute("autoplay")
,(0,s.eC)(n,i)),function(t,e,n){t&&(e.src=n,e.load())}(a,n,o),n.playbackRate=l}};function
d(t,e,n){"fade"===n&&(e.style.transition="opacity 1.6s ease-out"),e.style.opacity="0",t.style.opacity="1"}var
l=function(t,e,n){return class extends
t{constructor(){super()}reLayout(){const{isVideoDataExists:t,videoWidth:i,videoHeight:r,qualities:o,videoId:a,vid
eoFormat:s,alignType:c,fittingType:d,focalPoint:l,hasBgScrollEffect:f,autoPlay:h,animatePoster:m,containerId:p,isE
ditorMode:g,playbackRate:y,hasAlpha:b}=JSON.parse(this.dataset.videoInfo);if(!t)return;const
v=!n.prefersReducedMotion&&h,w=this.querySelector(`video[id^="${p}"]`),E=this.querySelector(`.bgVideoposter
[id^="${p}"]`);if(this.unobserveChildren(),!w||!E)return void this.observeChildren(this);const
S=this.getRootNode().getElementById(`${p}`),x=S.querySelector(`.webglcanvas[id^="${p}"]`);!(b||"true"===S.dat
aset.hasAlpha)||x?e.mutationService.measure((()=>{const
t=u.measure(w,S,{hasBgScrollEffect:f,videoWidth:i,videoHeight:r,fittingType:d,alignType:c,qualities:o,staticVideo
Url:n.staticVideoUrl,videoId:a,videoFormat:s,focalPoint:l}),{videoSourceUrl:h,needsSrcUpdate:p,videoStyle:b}=t;e
.mutationService.mutate((()=>{u.mutate(E,x,w,b,v,h,p,m,s,y,g)}))})):requestAnimationFrame((()=>this.reLayout()))
}attributeChangedCallback(t,e){e&&this.reLayout()}static get observedAttributes(){return["data-video-
info"]}}};const f=(t=window)=>({measure:function(t,e,n,{containerId:i,bgEffectName:r},o){const
a=n[t],c=n[i],{width:u,height:d}=o.getMediaDimensionsByEffect(r,c.offsetWidth,c.offsetHeight,(0,s.c$)(o.getScree
nHeightOverride?.()));e.width=u,e.height=d,e.currentSrc=a.style.backgroundImage,e.bgEffectName=a.dataset.bgEff
ectName},patch:function(e,n,i,r,o,a){const c=i[e];r.targetWidth=n.width,r.targetHeight=n.height;const
u=a.isExperimentOpen?.("specs.thunderbolt.allowWEBPTransformation"),d=(0,s.WD)(r,o,"bg",u);!function(t="",e)
{return!t.includes(e)||!!t!=!!e}(n.currentSrc,d.uri)?(0,s.eC)(c,d.css.container):function(e,n){const
i={backgroundImage:`url("${n.uri}")`,...n.css.container},r=new
t.Image;r.onload=s.eC.bind(null,e,i),r.src=n.uri}(c,d)}});var h=function(t,e,n,i=window){const r=f(i);return class
extends t{constructor(){super()}reLayout(){if((0,s.xX)(e))return;const
t={},o={},a=this.getAttribute("id"),c=JSON.parse(this.dataset.tiledImageInfo),{bgEffectName:u}=this.dataset,{cont
ainerId:d}=c,l=i.document.getElementById(d);t[a]=this,t[d]=l,c.displayMode=c.imageData.displayMode,e.mutation
Service.measure((()=>{r.measure(a,o,t,{containerId:d,bgEffectName:u},e)})),e.mutationService.mutate((()=>{r.patc
h(a,o,t,c,n,e)}))}attributeChangedCallback(t,e){e&&this.reLayout()}disconnectedCallback(){super.disconnectedCal
27
482.ЧДТУ.42037-01 12 01
lback()}static get observedAttributes(){return["data-tiled-image-info"]}}};var
m=n(20826);((t=window)=>{const{WixElement:e,mediaServices:n,environmentConsts:o,requestUrl:a,staticVideoU
rl:s}=t.customElementNamespace;((t,e,n,i)=>{const o=l(t,n,i,e);r(e,"wix-
video",o)})(e,t,n,{...o,prefersReducedMotion:(0,m.O)(window,a),staticVideoUrl:s}),((t,e)=>{const n=i(e);r(t,"wix-
iframe",n)})(t,e),((t,e,n,i)=>{const o=h(t,n,i,e);r(e,"wix-bg-
image",o)})(e,t,n,o)})(),window.resolveExternalsRegistryModule("imageClientApi")},42658:function(t,e,n){n.d(e,{
Wp:function(){return r},XO:function(){return c},bQ:function(){return s},c$:function(){return
u},ds:function(){return l},eC:function(){return o},g7:function(){return a},kT:function(){return d}});const
i={columnCount:1,columns:1,fontWeight:1,lineHeight:1,opacity:1,zIndex:1,zoom:1},r=(t,e)=>t&&e&&Object.keys
(e).forEach((n=>t.setAttribute(n,e[n]))),o=(t,e)=>t&&e&&Object.keys(e).forEach((n=>{const r=e[n];void
0!==r?t.style[n]=((t,e)=>"number"!=typeof
e||i[t]?e:`${e}px`)(n,r):t.style.removeProperty(n)})),a=(t,e)=>t&&e&&Object.keys(e).forEach((n=>{t.style.setPrope
rty(n,e[n])})),s=(t,e,n=!0)=>{return t&&n?(i=t.dataset[e])?"true"===i||"false"!==i&&("null"===i?null:""+
+i===i?+i:i):i:t.dataset[e];var
i},c=(t,e)=>t&&e&&Object.assign(t.dataset,e),u=t=>t||document.documentElement.clientHeight||window.innerHeig
ht||0,d=()=>window?window.pageYOffset||document.documentElement.scrollTop:0,l={fit:"contain",fill:"cover"}},4
6209:function(t,e,n){n.d(e,{AE:function(){return s},WD:function(){return r},e0:function(){return
c},xX:function(){return u}});var i=n(53880);const
r=(t,e,n,r)=>{const{targetWidth:s,targetHeight:c,imageData:u,filters:d,displayMode:l=i.fittingTypes.SCALE_TO_F
ILL,hasAnimation:f}=t;if(!s||!c||!u.uri)return{uri:"",css:{}};const{width:h,height:m,crop:p,name:g,focalPoint:y,upsc
aleMethod:b,quality:v,devicePixelRatio:w=e.devicePixelRatio}=u,E={filters:d,upscaleMethod:b,...v,...r&&{allowW
EBPTransform:r},hasAnimation:f},S=a(w),x={id:u.uri,width:h,height:m,...p&&{crop:p},...y&&{focalPoint:y},...g
&&{name:g}},C={width:s,height:c,htmlTag:n||"img",pixelAspectRatio:S,alignment:t.alignType||i.alignTypes.CEN
TER},O=(0,i.getData)(l,x,C,E);return
O.uri=o(O.uri,e.staticMediaUrl,e.mediaRootUrl),O},o=(t,e,n)=>{if(/(^https?)|(^data)|(^blob)|(^\/\/)/.test(t))return
t;let i=`${e}/`;return
t&&(/^micons\//.test(t)?i=n:"ico"===/[^.]+$/.exec(t)[0]&&(i=i.replace("media","ficons"))),i+t},a=t=>{const
e=window.location.search.split("&").map((t=>t.split("="))).find((t=>t[0].toLowerCase().includes("devicepixelratio"
)));return(e?Number(e[1]):null)||t||1},s=(t,e)=>t.getAttribute(e?"xlink:href":"src");function
c(t){if(t){const{type:e}=t.dataset;if(e&&"ugc"!==e){if(!t.dataset.bbox){const{x:e,y:n,width:i,height:r}=t.getBBox()
;return`${e} ${n} ${i} ${r}`}}}return null}function u(t){return
t.isExperimentOpen("specs.thunderbolt.tb_stop_client_images")||t.isExperimentOpen("specs.thunderbolt.final_force
_webp")||t.isExperimentOpen("specs.thunderbolt.final_force_no_webp")}},98822:function(t,e,n){n.d(e,{Am:functio
n(){return o},Jt:function(){return i},N5:function(){return a},Tj:function(){return r},oq:function(){return
c},vk:function(){return s}});const i=(t,e,n)=>{const i=(Array.isArray(e)?e:e.split(".")).reduce(((t,e)=>t&&void
0!==t[e]?t[e]:null),t);return null!==i?i:n},r=(t,e)=>Object.keys(t).find((n=>e(t[n],n))),o=(t,e)=>{const
n=t.reduce(((t,n)=>(t[e(n)]=n,t)),{});return
Object.values(n)},a=t=>t&&t.split?t.split(";").reduce((function(t,e){const n=e.split(":");return
n[0]&&n[1]&&(t[n[0].trim()]=n[1].trim()),t}),{}):{},s=(t,e=window)=>{let
n=!1;return(...i)=>{n||(n=!0,e.requestAnimationFrame((()=>{n=!1,t(...i)})))}};function c(...t){let e=t[0];for(let
n=1;n<t.length;++n)e=`${e.replace(/\/$/,"")}/${t[n].replace(/^\//,"")}`;return
e}},20826:function(t,e,n){n.d(e,{O:function(){return i}});const
i=(t,e="")=>e.toLowerCase().includes("forcereducedmotion")||Boolean(t?.matchMedia("(prefers-reduced-motion:
reduce)").matches)}},function(t){t.O(0,[8398],(function(){return e=74432,t(t.s=e);var e}));t.O()}]);
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/lazyCustomElementWrapper.inline.751ba1cf.bundle.min.js.map</script>
<!-- initial scripts -->
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/createPlatformWorker.inline.37942484.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[3169],{11
682:function(e,t,r){r.r(t),r.d(t,{platformWorkerPromise:function(){return
i}});const{siteAssets:{clientTopology:s},siteFeatures:a,siteFeaturesConfigs:{platform:o},site:{externalBaseUrl:p}}
=window.viewerModel,c=Worker&&a.includes("platform"),i=c?(async()=>{const e="platform_create-worker
started";performance.mark(e);const
t=o.clientWorkerUrl,r=t.startsWith("http://localhost:")||t.startsWith("https://bo.wix.com/suricate/")||document.baseU
RI!==location.href?(e=>{const t=new Blob([`importScripts('${e}');`],{type:"application/javascript"});return
URL.createObjectURL(t)})(o.clientWorkerUrl):t.replace(s.fileRepoUrl,`${p}/_partials`),a=new
Worker(r),c=Object.keys(o.appsScripts.urls).filter((e=>!o.bootstrapData.appsSpecData[e]?.isModuleFederated)).red
uce(((e,t)=>(e[t]=o.appsScripts.urls[t],e)),{});o.sdksStaticPaths&&o.sdksStaticPaths.mainSdks&&o.sdksStaticPaths
28
482.ЧДТУ.42037-01 12 01
.nonMainSdks&&a.postMessage({type:"preloadNamespaces",sdksStaticPaths:o.sdksStaticPaths}),a.postMessage({t
ype:"platformScriptsToPreload",appScriptsUrls:c});const i="platform_create-worker ended";return
performance.mark(i),performance.measure("Create Platform Web
Worker",e,i),a})():Promise.resolve()}},function(e){var t;t=11682,e(e.s=t)}]);
//# sourceMappingURL=https://static.parastorage.com/services/wix-
thunderbolt/dist/createPlatformWorker.inline.37942484.bundle.min.js.map</script>
<script data-url="https://static.parastorage.com/services/wix-
thunderbolt/dist/windowMessageRegister.inline.5ef3f048.bundle.min.js">"use
strict";(self.webpackJsonp__wix_thunderbolt_app=self.webpackJsonp__wix_thunderbolt_app||[]).push([[8800],{16
43:function(){!function(n){const e=new Set,a=[],t=n=>{const
a=[];e.forEach((e=>{n.canHandleEvent(e)&&a.push(e)})),a.forEach((a=>{e.delete(a),n.handleEvent(a)}))};n.addEv
entListener("message",(n=>{const
s={source:n.source,data:n.data,origin:n.origin},d=a.find((n=>n.canHandleEvent(s)));d?(t(d),d.handleEvent(s)):e.add
(s)})),n._addWindowMessageHandler=n=>{a.push(n),t(n)}}(window)}},function(n){var e;e=1643,n(n.s=e)}]);
on","comp-lwgnnixt1":"AppController","comp-lwgnnixs":"WRichText","comp-lwgnnixy3":"WPhoto","comp-
lwgnniy1":"WRichText","comp-lwgnniy31":"WRichText","comp-
lwgnniyd1":"SiteButton","pageBackground_airv6":"PageBackground","airv6":"Page","comp-
lwgnnl0t":"ClassicSection","comp-lwgnnixp1":"StripColumnsContainer","comp-lwgnnixt5":"Repeater","comp-
lwgnniyj2":"StripColumnsContainer","comp-lwgnnixr":"Column","comp-lwgnnixw":"MediaContainer","comp-
lwgnniyk5":"Column","Containerairv6":"Group","DYNAMIC_STRUCTURE_CONTAINER":"DynamicStructure
Container","site-
root":"DivWithChildren","main_MF":"DivWithChildren","airv6_wrapper":"PageMountUnmount","airv6_wrapper_
background":"PageMountUnmount"}},"appsWarmupData":{"dataBinding":{"schemas":{"Courses":{"id":"Courses"
,"isDeleted":false,"namespace":null,"storage":"docstore","ownerAppId":null,"displayNamespace":null,"displayField
":"title","allowedOperations":["isReferenced","insert","save","bulkInsert","bulkUpdate","update","truncate","remov
e","removeReference","count","find","replaceReferences","bulkRemove","insertReference","get","bulkSave","quer
yReferenced","distinct","aggregate"],"collectionOperations":["update","remove"],"fields":{"title":{"displayName":"
Title","systemField":false,"sortable":true,"isDeleted":false,"index":0,"type":"text","plugins":{}},"image":{"display
Name":"Image","systemField":false,"sortable":true,"isDeleted":false,"index":1,"type":"image","plugins":{}},"about
TheCourse":{"displayName":"About the
Course","systemField":false,"sortable":true,"isDeleted":false,"index":2,"type":"rich-
content","plugins":{}},"shortCourseDescription":{"displayName":"Short Course
Description","systemField":false,"sortable":true,"isDeleted":false,"index":3,"type":"text","plugins":{}},"_id":{"disp
layName":"ID","systemField":true,"sortable":true,"isDeleted":false,"index":4,"type":"text","plugins":{}},"_created
Date":{"displayName":"Created
Date","systemField":true,"sortable":true,"isDeleted":false,"index":5,"type":"datetime","plugins":{}},"_updatedDate
":{"displayName":"Updated
Date","systemField":true,"sortable":true,"isDeleted":false,"index":6,"type":"datetime","plugins":{}},"_owner":{"dis
playName":"Owner","systemField":true,"sortable":true,"isDeleted":false,"index":7,"type":"text","plugins":{}},"link
-courses-title":{"displayName":"Courses
(Item)","systemField":true,"sortable":false,"isDeleted":false,"index":8,"queryOperators":["eq","ne","lt","gt","lte","gt
e","exists"],"plugin":"dataBinding","calculator":{"config":{"lowercase":true,"pattern":"\/courses\/{title}"}},"linked
RouterPage":"t9phc","readOnly":true,"type":"pagelink","plugins":{}},"link-courses-all":{"displayName":"Courses
(List)","systemField":true,"sortable":false,"isDeleted":false,"index":9,"queryOperators":["eq","ne"],"plugin":"dataBi
nding","calculator":{"config":{"lowercase":true,"pattern":"\/courses\/"}},"linkedRouterPage":"airv6","readOnly":tr
ue,"type":"pagelink","plugins":{}}},"displayName":"Courses","permissions":{"read":"anyone","insert":"admin","re
move":"admin","update":"admin"},"defaultSort":null,"version":14,"plugins":{"persistentPageLink":{"isPersisted":tr
ue,"isUpdatable":false}},"pagingMode":["OFFSET","CURSOR"],"translatable":false,"ttl":null,"capabilities":{"inde
xing":{"regular":3,"unique":1,"total":4}}}}}},"ooi":{"failedInSsr":{}}}</script>
<!-- warmup data end -->
</body>
</html>
СПИСОК ВИКОРИСТАНИХ ДЖЕРЕЛ
1. Пояснення основних концепцій веб-розробки класифікація [Електронний
ресурс]. – Режим доступу: https://www.w3schools.com/
2. Поради до веб розробки класифікація [Електронний ресурс]. – Режим
доступу: https://www.studysmarter.co.uk/explanations/computer-
science/computer-network/web-development/
3. Пояснення веб-API та сучасних веб-технологій класифікація
[Електронний ресурс]. – Режим доступу: https://developer.mozilla.org/en-
US/
4. Відеоуроки та теоретичні пояснення основ веб-розробки класифікація
[Електронний ресурс]. – Режим доступу:
https://www.khanacademy.org/computing/computer-programming/html-css
5. Помилки яких слід уникати у розробці класифікація [Електронний
ресурс]. – Режим доступу: https://www.toptal.com/web/top-10-mistakes-that-
web-developers-make
6. CMS або конструктор:плюси ,мінуси та пдводні камені класифікація
[Електронний ресурс]. – Режим доступу: https://www.cloud.net.ua/cms-ili-
konstruktor-plyusy-minusy-i-podvodnye-kamni
7. Конструктор чи CMS:вибираємо інтрументи для стоврення сайту
класифікація [Електронний ресурс]. – Режим доступу:
https://onehostplanet.ua/ua/news/konstruktor-chi-cms-vibiraemo-instrumenti-
dlya-stvorennya-saytu
8. Вибір правильного СМS класифікація [Електронний ресурс]. – Режим
доступу: https://www.hyphadev.io/blog/choosing-the-right-cms-what-to-
consider
9. Переваги та недоліки WIX класифікація [Електронний ресурс]. – Режим
доступу: https://vchymo.com/application/Wix
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 103
а
10. Посібник з створення сайтів класифікація [Електронний ресурс]. –
Режим доступу: https://www.wix.com/studio/academy/webinars/how-to-
m a k e - t h e - m o s t - o u t - o f - c m s - c a p a b i l i t i e s - a n d -
features?utm_source=google&utm_medium=cpc&utm_campaign=210571964
4 0 ^ 1 6 1 0 8 2 1 9 1 7 2 2 ^ s e a r c h % 2 0 - % 2 0 u s & e x p e r i
ment_id=^^692275005489^&gad_source=1&gclid=CjwKCAjwvIWzBhAlEiw
AHHWgvcIElk4GlePd5ydZ8Mo1pdVPzMAXDLRNhjkgJX9U6bVPQri0iw8_
kRoC9T4QAvD_BwE
11. Хитрощі веб дизайну класифікація [Електронний ресурс]. – Режим
доступу: https://hapy.design/journal/how-to-choose-a-web-design-company/
12. Як правильно обрати дизайн класифікація [Електронний ресурс]. –
Режим доступу: https://shapoval.agency/yak-obraty-styl-dyzajnu-sajtu-
rozbyrayemo-na-praktyczi/
13. Як правильно оформити головну сторінку сайту класифікація
[Електронний ресурс]. – Режим доступу: https://hostiq.ua/blog/ukr/main-
page/
14. 8 порад для сучасного дизайну класифікація [Електронний ресурс]. –
Режим доступу: https://project-seo.net/blog-uk/yakim-povunen-bytu-
sychasnyi-dizain-saity/
15. Керівництво по створенню онлайн-магазину класифікація
[Електронний ресурс]. – Режим доступу: https://www.bigcommerce.com/
16. Джон Смітт. Побудова онлайн-магазину – “E-commerce Essentials:
Building an Online Store”
17. Карен Девіс. Тренди веб-розробки та дизайн для мобільний пристроїв
– "Responsive Web Design: Optimizing for Mobile Devices."
18. Правильна побудова онлайн магазину класифікація [Електронний
ресурс]. – Режим доступу:
https://www.bigcommerce.com/articles/ecommerce/create-online-store/
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 104
а
19. Оптимізація онлайн магазину класифікація [Електронний ресурс]. –
Режим доступу: https://www.optimonk.com/ecommerce-optimization/
20. Інтеграція платіжних систем та налаштування доставки класифікація
[Електронний ресурс]. – Режим доступу: https://www.squarespace.com/
Лист
ЧДТУ.242037.006 ПЗ т
Зм. Лист № докум. Підпис Дат 105
а
ChSTU repository

ChSTU repository preserves and enables easy and open access to all types of digital content including text, images, moving images, mpegs and data sets
