ГОТОВИЙ НАВЧАЛЬНО-МЕТОДИЧНИЙ КОМПЛЕКТ (РЕДАКЦІЯ 30.10.2026)

Книги, посібник викладача, 33 презентації та довідники курсу

Усі матеріали школи «КОД ОПОРУ» вже написані, зверстані й перевірені. Ви можете завантажити повні книги у форматі PDF, сценарії викладача, кожну з 33 презентацій PowerPoint, архіви прикладів і скористатися інтерактивним словником.

Книга учня УКР

Книга учня УКР: «ШІ на практиці»

208 сторінок (формат A5). 33 конспекти занять, 38 візуальних схем, 34 знімки екранів, 128 перевірених джерел, самотести з ключем відповідей і словник.

Shi_na_praktytsi_UA_reviewed.pdf (9.3 MB)
Student Book ENG

Книга учня ENG: «AI in Practice»

201 сторінка (формат A5). Повний переклад книги англійською мовою з англомовними прикладами сайту Олени, застосунку My Day та медіаконтенту.

AI_in_Practice_EN_reviewed.pdf (9.1 MB)
Сценарії 33 занять

Посібник викладача: «Сценарії 33 занять»

148 сторінок (формат A4). Детальний план проведення кожного з 33 уроків у класі: підготовка, хід заняття по хвилинах, демонстрації та перевірка робіт.

Scenarii_33_zaniat_UA.pdf (1.5 MB)
Архіви прикладів

Архіви навчальних прикладів (UA + EN)

Готові папки personal-site, my-day, content та tools (включно з навчальною навичкою daily-notes-helper для Codex та шаблоном щоденника практики).

Усі 33 навчальні презентації PowerPoint (560 слайдів, 16:9)

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

L01 Як комп’ютери навчилися спілкуватися PPTX ↓ L02 Від записаних правил до розмови з ШІ PPTX ↓ L03 Як ШІ складає відповідь PPTX ↓ L04 Готуємо папку для перших проєктів PPTX ↓ L05 Створюємо доступ і не губимо його PPTX ↓ L06 Перший запит у ChatGPT і перший файл у Codex PPTX ↓ L07 Пишемо коротке знайомство в Claude PPTX ↓ L08 Складаємо план у Gemini й відкриваємо Antigravity PPTX ↓ L09 Запит, токени й межі розмови PPTX ↓ L10 Перевіряємо відповідь, перш ніж використати PPTX ↓ L11 План особистого сайту PPTX ↓ L12 Створюємо й відкриваємо сайт PPTX ↓ L13 Одна правка, яку можна перевірити PPTX ↓ L14 Публікуємо сайт на GitHub Pages PPTX ↓ L15 Перший застосунок «Мій день» PPTX ↓ L16 Як застосунок пам’ятає справи PPTX ↓ L17 Офлайн і значок на телефоні PPTX ↓ L18 Перевіряємо й передаємо свій застосунок PPTX ↓ L19 Власний канал YouTube PPTX ↓ L20 Сценарій на сорок секунд PPTX ↓ L21 Знімаємо й монтуємо перший ролик PPTX ↓ L22 Завантаження на YouTube і перевірка посилання PPTX ↓ L23 Профіль Instagram для навчальних проєктів PPTX ↓ L24 Карусель із п’яти слайдів PPTX ↓ L25 Перший Reel із власного відео PPTX ↓ L26 Акаунт TikTok перед першим відео PPTX ↓ L27 Чотири кадри для TikTok PPTX ↓ L28 Публікація TikTok із перевіркою доступу PPTX ↓ L29 Як вибрати доповнення й перевірити його роботу PPTX ↓ L30 Плагіни, навички й команди ChatGPT та Codex PPTX ↓ L31 Claude: корисні підключення й команди PPTX ↓ L32 Gemini й Antigravity: підключення, навички та команди PPTX ↓ L33 Зберіть свої роботи й сплануйте наступну PPTX ↓

Почніть із рядка, який описує саме ваш випадок. Змінюйте одну річ за раз, щоб зрозуміти причину.

Що бачитеЩо перевірити спочатку
Не приходить лист із кодомПравильність адреси, папку «Спам», останній надісланий код
Відкривається інший акаунтАватар і адресу пошти в меню профілю
ШІ просить передплатуЧи обрано платну функцію; поверніться до доступного режиму
Закінчився ліміт запитівЧас відновлення в повідомленні сервісу; збережіть поточний результат
Замість сайту видно кодЧи файл називається index.html, а не index.html.txt
Немає оформлення сторінкиІм’я CSS-файла та шлях до нього в HTML
Pages показує помилку 404Чи є index.html у вибраній папці; чи завершилося розгортання
Позначки справ зникаютьЧи відкрито ту саму адресу в тому самому браузері, без приватного режиму
Застосунок не відкривається без інтернетуЧи відкривали його з інтернетом; чи додано всі файли з уроку 17
Замість ролика чорний екранЧи програється готовий MP4 на комп’ютері; чи завершено обробку на платформі
Відео без звукуГучність телефона, звук доріжки в редакторі, готовий MP4
Титри закриті кнопкамиВідступи від верхнього, нижнього та правого країв у попередньому перегляді

Як попросити допомоги

Скопіюйте точне повідомлення про помилку. Додайте дію перед нею та очікуваний результат. Якщо надсилаєте знімок екрана, залиште потрібну частину й приховайте чужі дані та коди входу.

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

«15 доларів на місяць» може означати щомісячну оплату або 180 доларів одразу за рік: 15 × 12 = 180. Це вигадані ціни для вправи. Перевірте, скільки спишуть сьогодні.

Перед оплатою заповніть картку за сторінкою тарифу, умовами й довідкою сервісу.

ПитанняЩо записати
Що купую?Продукт і тариф: чат, API чи сторонній сервіс
Скільки сьогодні?Підсумкова сума, валюта й податок, якщо його показано
Який період?Місяць або рік; дата наступного списання
Що входить?Потрібні функції та ліміти
Які доплати?Додаткове використання, місця в команді, зовнішній сервіс
Як скасувати?Де скасувати; статус і дата завершення доступу
Звідки дані?Посилання й дата перевірки

Перевіряйте оплату API та зовнішнього сервісу окремо від підписки на чат. Попередження про витрати й жорстка зупинка за лімітом — різні налаштування: прочитайте, що робить обране обмеження.

Повний словник термінів книги

Прості пояснення кожного технічного слова з посиланням на урок, де воно вперше з’являється.

Браузер Урок 01

програма, що відкриває вебсторінки.

Протокол Урок 01

узгоджені правила обміну даними.

Сервер Урок 01

програма або комп’ютер, що обслуговує запити.

Посилання Урок 01

елемент сторінки чи повідомлення, який відкриває інший матеріал після натискання.

Штучний інтелект Урок 02

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

Машинне навчання Урок 02

налаштування системи на прикладах.

Агент Урок 02

система, що застосовує інструменти для виконання завдання.

Параметри Урок 03

числові налаштування навченої моделі.

Генерування Урок 03

побудова результату за поточним запитом.

Токен Урок 03

одиниця, якою модель опрацьовує дані.

Галюцинація Урок 03

неправдивий або непідтверджений зміст, поданий як факт.

Формат Урок 04

спосіб запису даних у файлі.

Шлях Урок 04

послідовність папок до файла.

Домен Урок 04

читабельна назва в інтернет-адресі.

Хостинг Урок 04

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

Логін Урок 05

ідентифікатор для входу, часто адреса пошти.

Двоетапна перевірка Урок 05

додаткове підтвердження після пароля.

Passkey Урок 05

ключ доступу, пов’язаний із засобом підтвердження на вашому пристрої.

Промпт Урок 06

повідомлення із завданням для ШІ.

Локальний проєкт Урок 06

робота, пов’язана з папкою на вашому комп’ютері.

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

Чернетка Урок 07

текст, який ще потрібно прочитати й відредагувати.

Вихідні дані Урок 07

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

Середовище Урок 07

місце виконання роботи з визначеними файлами та інструментами.

Квота Урок 08

доступний обсяг використання сервісу за певний період.

Local Урок 08

робота в місцевому середовищі, пов’язаному з вашим комп’ютером.

Видимий результат Урок 08

файл, текст або змінений предмет, за яким можна перевірити виконання.

Токен Урок 09

частина даних, яку обробляє модель.

Контекст Урок 09

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

Вхід і вихід Урок 09

дані, передані моделі, та створена нею відповідь.

Першоджерело Урок 10

матеріал установи, автора або сервісу, що безпосередньо повідомляє факт.

Припущення Урок 10

можливе пояснення, яке ще не підтверджено.

Перевірка Урок 10

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

Бриф Урок 11

коротке завдання зі змістом і вимогами до результату.

розмітка заголовків, абзаців, посилань та інших частин сторінки.

правила вигляду сторінки.

Тег Урок 12

позначка HTML, наприклад `<a>`, що визначає частину документа.

Відносний шлях Урок 12

адреса файлу від поточної папки.

Фокус Урок 12

елемент, на який зараз діятиме клавіатура.

Клас CSS Урок 13

ім’я групи елементів, до яких застосовують правило оформлення.

Відкат Урок 13

повернення до попереднього робочого варіанта.

Побічний наслідок Урок 13

зміна поза тією ділянкою, яку ви хотіли виправити.

Репозиторій Урок 14

місце з файлами проєкту та історією змін.

Коміт Урок 14

збережений набір змін із коротким описом.

Розгортання Урок 14

підготовка й розміщення файлів за адресою сайту.

JavaScript Урок 15

мова, що задає поведінку нашої сторінки.

Стан Урок 15

поточні значення, наприклад три позначки справ.

Подія Урок 15

дія, на яку реагує код: натискання або зміна прапорця.

localStorage Урок 16

сховище невеликих текстових даних сайту в браузері.

текстовий формат для запису структурованих значень.

Функція Урок 16

фрагмент коду з іменем, який можна викликати для певної роботи.

вебзастосунок із можливістю встановлення через сумісний браузер.

Manifest Урок 17

файл із назвою, значками й параметрами відкриття.

Кеш Урок 17

збережені копії файлів для повторного використання.

Сценарій перевірки Урок 18

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

Регресія Урок 18

нова помилка в тому, що працювало до правки.

README Урок 18

пояснення до проєкту, яке читають перед його використанням.

Канал Урок 19

сторінка автора з його відео.

Handle Урок 19

унікальне ім’я з `@`.

YouTube Studio Урок 19

панель керування відео й налаштуваннями каналу.

Сценарій Урок 20

послідовність дій і слів.

Кадр Урок 20

окреме зображення або безперервний фрагмент знімання.

Розкадрування Урок 20

план того, що камера покаже по черзі.

Часова шкала Урок 21

місце, де фрагменти розташовані за часом.

Обрізання Урок 21

скорочення початку або кінця.

Експорт Урок 21

створення готового відеофайлу.

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

Unlisted Урок 22

доступ за посиланням.

Private Урок 22

обмежений приватний доступ.

Short Урок 22

коротке відео у відповідному форматі YouTube.

Обробка Урок 22

підготовка сервісом версій відео для перегляду.

Профіль Урок 23

сторінка користувача.

короткий опис про себе.

Закритий акаунт Урок 23

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

Карусель Урок 24

допис із кількома зображеннями.

формат зображення.

Піксель Урок 24

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

Підпис Урок 24

текст під дописом.

відеопублікація Instagram.

Субтитри Урок 25

слова мовлення на екрані.

Обкладинка Урок 25

зображення, що представляє відео перед переглядом.

Стрічка Урок 26

потік відео для перегляду.

Ім’я користувача Урок 26

ідентифікатор профілю.

Аудиторія допису Урок 26

люди, яким дозволено переглядати конкретну публікацію.

Вступ Урок 27

перші секунди, які пояснюють задум.

Вихідний матеріал Урок 27

початкові записи до монтажу.

Версія Урок 27

окреме збережене виконання ролика.

Чернетка Урок 28

збережена незавершена публікація.

Only you Урок 28

перегляд допису лише власником.

Everyone Урок 28

публічна аудиторія.

Обкладинка Урок 28

кадр, що представляє ролик.

Плагін Урок 29

пакет доповнень, який можна встановити в програмі.

Конектор Урок 29

підключення ШІ-застосунку до іншого сервісу.

Навичка Урок 29

збережена інструкція для повторюваного завдання.

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

Prompt injection Урок 29

спроба нав’язати ШІ чужі інструкції через матеріал, який він читає.

Підключення Урок 30

наданий доступ до конкретного зовнішнього облікового запису.

Навичка Урок 30

збережені правила виконання певного виду завдання.

Ціль Урок 30

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

Умова готовності Урок 30

ознака, яку можна перевірити у файлі або сервісі.

Область встановлення Урок 31

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

Навичка Урок 31

інструкції для повторюваного виду роботи.

порівняння старого й нового вмісту.

CLAUDE.md Урок 31

файл постійних інструкцій проєкту для Claude Code.

Connected App Урок 32

підключений сервіс, з якого Gemini отримує дозволені дані або дії.

Skill Урок 32

повторно використовувана інструкція для певної роботи.

MCP-сервер Урок 32

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

Розширення редактора Урок 32

доповнення, що працює всередині редактора коду.

Вихідні файли Урок 33

матеріали, з яких можна відтворити й змінити роботу.

Резервна копія Урок 33

окремий збережений примірник файлів.

Критерій готовності Урок 33

конкретна перевірка завершеного результату.

КОД ОПОРУ (Shionika Academy) — Відповіді на ключові запитання

Для кого створена гібридна IT/AI-школа «КОД ОПОРУ»?

Програма та книга «ШІ на практиці: Перший сайт, застосунок і контент» розроблені для ветеранів України та дорослих початківців без попереднього досвіду програмування. Навчання поєднує практику в обладнаному класі на 10 місць із покроковим друкованим та онлайн-конспектом.

Які три роботи входять у випускне портфоліо кожного учасника?

Кожен із 10 учасників пілота створює й захищає: 1) власний адаптивний сайт-візитку на GitHub Pages (уроки 11–14), 2) мобільний вебзастосунок «Мій день» (PWA з підтримкою офлайн-роботи, уроки 15–18), 3) пакет контенту з субтитрами для YouTube, Instagram і TikTok (уроки 19–28).

З чого складається кошторис пілота $37,377.24 на 4 місяці?

Кошторис (перевірено 01.11.2026) охоплює: обладнання 10 учнівських і 2 службових місць та резервне живлення 5.12 кВт·год ($14,280), команду з менеджера й викладача та оренду класу на 4 місяці ($12,960), іменні доступи ChatGPT Plus/Codex, Claude Pro, Google AI Pro/Antigravity та хостинг ($3,258.76), ліцензії Windows 11 FPP і практикум публікації ($2,780), податковий запас і резерв 10% ($4,098.48).