Завдання 1. "Стильний мінімалізм: Створення фавікона"

Мета: Зрозуміти різницю між форматами та навчитися працювати з надмалими форматами (піксель-артом).

• Інструмент: Pixilart або Favicon.io.

• Легенда: Уяви, що ти створюєш власний бренд або блог. Тобі потрібно розробити фавікон — ту саму маленьку іконку, що відображається на вкладці браузера.

• Твоя задача:

  1. Створити малюнок розміром 32x32 пікселі.

  2. Використати лише 2-3 контрастні кольори (щоб на маленькому екрані було зрозуміло, що зображено).

  3. Зберегти результат у форматі .png або .ico.

• Питання на засипку: Чому для фавікона не варто використовувати формат JPEG?

Завдання 2. "Магія векторів: Логотип у стилі Google"

Мета: Освоїти основи векторної графіки (криві, шари, геометричні примітиви).

• Інструмент: Vectr або Figma.

• Легенда: Тобі замовили логотип для нового стартапу "EcoWave". Він має бути сучасним, масштабованим (векторним) і виглядати чітко на будь-якому екрані.

• Твоя задача:

  1. Використовуючи лише прості фігури (кола, квадрати) та інструмент "Перо" (Pen tool), створи абстрактну хвилю або листок.

  2. Навчися групувати об'єкти та змінювати їхній колір за допомогою HEX-кодів (наприклад, #2ecc71 для зеленого).

  3. Експортуй файл у форматі SVG.

• Чому це важливо: Спробуй збільшити свій логотип у 10 разів у редакторі. Чи змінилася якість?

Завдання 3. "Оптимізатор: Битва за швидкість завантаження"

Мета: Навчитися балансувати між якістю зображення та його вагою (важливо для SEO та швидкості сайтів).

• Інструмент: Squoosh.app (сервіс від Google для стискання).

• Легенда: Ти верстаєш головну сторінку сайту. У тебе є круте фото високої якості (наприклад, з Unsplash), але воно важить 5 МБ. Сайт вантажиться вічність!

• Твоя задача:

  1. Завантаж будь-яке якісне фото у Squoosh.

  2. Порівняй різні методи стиснення: WebP, MozJPEG та OxiPNG.

  3. Знайди "золоту середину": стисни фото так, щоб воно важило менше 200 КБ, але візуально не перетворилося на "кашу" з пікселів.

• Результат: Зроби скриншот порівняння "До" та "Після" з показниками розміру файлу у відсотках.

Таблиця форматів для довідки

Щоб тобі було легше орієнтуватися під час виконання, підготував шпаргалку:

Завдання 1. "Стильний мінімалізм: Створення фавікона"

Мета: Зрозуміти різницю між форматами та навчитися працювати з надмалими форматами (піксель-артом).

• Інструмент: Pixilart або Favicon.io.

• Легенда: Уяви, що ти створюєш власний бренд або блог. Тобі потрібно розробити фавікон — ту саму маленьку іконку, що відображається на вкладці браузера.

• Твоя задача:

  1. Створити малюнок розміром 32x32 пікселі.

  2. Використати лише 2-3 контрастні кольори (щоб на маленькому екрані було зрозуміло, що зображено).

  3. Зберегти результат у форматі .png або .ico.

• Питання на засипку: Чому для фавікона не варто використовувати формат JPEG?

Навчальний проєкт: "Цифровий коректор: Аналіз багатства мови"

Мета проєкту

Створити програму на Python, яка аналізує текст українською мовою, підраховує статистику вживаних слів та перевіряє текст на відповідність певним критеріям (наприклад, довжина речень або використання специфічних літер).

 Умова завдання

Уяви, що ти розробляєш інструмент для редакції газети. Тобі потрібно написати код у Google Colab, який прийме на вхід уривок тексту і видасть наступні дані:

1. Загальна кількість слів у тексті.

2. Кількість унікальних слів (індекс словникового багатства).

3. Пошук найдовшого слова.

4. Перевірка на "букву Ґ": скільки разів у тексті зустрічається ця рідкісна літера.

5. Середня довжина слова (кількість символів без пробілів поділити на кількість слів).

Технічні вимоги (підказки для учнів)

Для виконання проєкту в Google Colab варто використати:

• Функцію input() для введення тексту.

• Метод .split() для розбиття тексту на слова.

• Функцію len() для підрахунку довжини списків та слів.

• Тип даних set (множина), щоб легко знайти унікальні слова.

• Метод .lower(), щоб слова "Мова" і "мова" рахувалися як одне й те саме.

Завдання: «Котик-охоронець»

Напиши скрипт для Рудого кота. Якщо він торкається вказівника миші, то має сказати «Привіт!», інакше — він повинен просто нявкати.

Як скласти код (відповідь):

Для виконання цього завдання тобі знадобиться конструкція «якщо — інакше».

1. Вибери подію: «Коли прапорець натиснуто».

2. Додай цикл «завжди», щоб програма постійно перевіряла умову.

3. Всередину циклу помісти блок «якщо... то... інакше».

4. В «віконце» умови (шестикутник) встав датчик: «торкається вказівник миші?».

5. У першу частину («то») постав команду: «говорити Привіт! 2 сек».

6. У другу частину («інакше») постав команду: «відтворити звук Няв до завершення».

Вигляд коду:

• Коли прапорець натиснуто

• Завжди

  • Якщо торкається вказівник миші? то

    • Говорити [Привіт!] 2 сек

  • Інакше

    • Відтворити звук [Meow] до завершення

Де шукати потрібні команди:

Усі команди в Scratch розділені за кольорами в лівій частині екрана:

1. Події (жовті): блок «Коли прапорець натиснуто».

2. Керування (помаранчеві): блоки «завжди» та «якщо... то... інакше». Це і є наші команди розгалуження та циклу.

3. Датчики (блакитні): блок «торкається вказівник миші?». Він перевіряє умову.

4. Вигляд (фіолетові): блок «говорити... 2 сек».

5. Звук (рожеві): блок «відтворити звук...».

Створити тест на основі відео про кросбраузерну оптимізацію, додати на свій сайт

Щоб у Google Формах з’явилася можливість відмічати правильні відповіді, потрібно спочатку перетворити звичайну форму на Тест. Ось покрокова інструкція:

1. Увімкни режим тесту

1. Відкрий свою форму.

2. Перейди на вкладку Налаштування (Settings) у верхній частині екрана.

3. Увімкни перемикач Зробити тестом (Make this a quiz).

2. Вкажи правильну відповідь

Після того, як режим тесту увімкнено, повернися до вкладки Запитання:

1. Натисни на потрібне запитання.

2. У лівому нижньому куті запитання з’явиться синій напис Ключ до запитання (Answer key) — натисни на нього.

3. Обери один або кілька варіантів, які є правильними (вони підсвітяться зеленим).

4. У правому верхньому куті цього ж вікна вистав кількість балів за це запитання.

5. Натисни Готово (Done).

3. Додай пояснення (за бажанням)

У вікні "Ключ до запитання" ти також можеш натиснути Додати відгук до відповіді (Add answer feedback). Там можна написати, чому відповідь правильна, або додати посилання на відео з поясненням.

Порада: Якщо ти хочеш, щоб учні обов'язково відповіли на питання, не забудь увімкнути перемикач Обов’язково (Required) у правому нижньому куті запитання.

Чи підказати тобі, як налаштувати автоматичне надсилання результатів учням на пошту?

1. Створення «Математичної краси» (Fractal Art)

Функції та рекурсію. Це завдання показує, як математика перетворюється на графіку.

• Завдання: Використовуючи Python-бібліотеки (matplotlib, numpy), написати код для генерації фракталів (множина Мандельброта або дерево Піфагора).

• Чому це круто: Учень може змінювати змінні в коді (колір, глибину рекурсії) і миттєво бачити, як змінюється складний графічний об'єкт.

• Для блогу: Учні додають у ноутбук текстовий блок з поясненням: «Як зміна одного числа в коді змінила весь всесвіт мого фрактала».

2. Стилізація фото через нейромережу (Neural Style Transfer)

Робота з готовими моделями машинного навчання.

• Завдання: Завантажити в ноутбук два зображення: своє фото та картину відомого художника (Ван Гог, Мунк, Примаченко). Використати скрипт для перенесення стилю картини на фото.

• Інструменти: Бібліотеки TensorFlow або PyTorch (можна взяти готовий шаблон коду).

• Для блогу: Пост про те, як технології «розуміють» мистецтво. Порівняння результатів різних учнів з різними художниками.

3. Генерація «Глюк-арту» (Glitch Art) через код

Маніпуляція бінарними даними зображення.

• Завдання: Написати або модифікувати невеликий скрипт на Python, який навмисно вносить «помилки» в код зображення (змінює значення пікселів, зсуває канали RGB).

• Результат: Унікальне абстрактне зображення у стилі кіберпанк.

• Для блогу: Стаття про естетику помилок у цифровому світі. «Коли баг стає фічею».

4. Інфографіка «Мій клас у цифрах»

Поєднання графічного дизайну та аналізу даних.

• Завдання: Створити опитування в класі (улюблені предмети, плани на майбутнє, кількість випитої кави). В ноутбуці за допомогою бібліотеки Seaborn або Plotly побудувати інтерактивні та естетично привабливі графіки.

• Акцент: Налаштування кольорових палітр, шрифтів та стилю графіків, щоб вони виглядали як професійна журналістська інфографіка.

• Для блогу: Справжній дата-проєкт про випускників. Користувачі блогу зможуть наводити мишкою на графіки (якщо вставити інтерактивний HTML-код).

Двох найбільш зрозумілих алгоритмах: сортуванні бульбашкою (Bubble Sort) та сортуванні вибором (Selection Sort).

Ось короткий план, цікаві задачі та код для перевірки у Google Colab.

1. Основні алгоритми (теорія)

Сортування бульбашкою (Bubble Sort)

Алгоритм порівнює сусідні елементи і міняє їх місцями, якщо вони стоять у неправильному порядку. Найбільші елементи "спливають" у кінець списку, як бульбашки повітря у воді.

Сортування вибором (Selection Sort)

Ми шукаємо найменший елемент у списку і міняємо його місцями з першим елементом. Потім шукаємо другий найменший і ставимо на друге місце, і так далі.

2. Практичні задачі (Python)

Ти можеш просто скопіювати цей код у клітинки Google Colab і натиснути "Run".

Задача 1: Біологія (Ріст рослин)

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

Python

# Дані: висота соняшників
heights = [150, 120, 185, 130, 165]

def bubble_sort(arr):
 n = len(arr)
 for i in range(n):
 for j in range(0, n - i - 1):
 if arr[j] > arr[j + 1]:
 # Міняємо місцями
 arr[j], arr[j + 1] = arr[j + 1], arr[j]
 return arr

print("Впорядкована висота соняшників:", bubble_sort(heights))

Пояснення: Внутрішній цикл порівнює 150 і 120. Оскільки 150 > 120, вони міняються місцями. Так триває, поки найбільше число 185 не опиниться в кінці.

Задача 2: Хімія (Атомна маса)

Умова: Маємо список значень атомних мас деяких елементів. Потрібно впорядкувати їх за зростанням, використовуючи сортування вибором.

Python

# Дані: атомні маси (H, O, C, N)
atomic_masses = [1.008, 15.999, 12.011, 14.007]

def selection_sort(arr):
 for i in range(len(arr)):
 min_idx = i
 for j in range(i + 1, len(arr)):
 if arr[j] < arr[min_idx]:
 min_idx = j
 # Міняємо знайдений мінімум з першим елементом
 arr[i], arr[min_idx] = arr[min_idx], arr[i]
 return arr

print("Атомні маси за зростанням:", selection_sort(atomic_masses))

Пояснення: Алгоритм спочатку знаходить найменше число (1.008) і переконується, що воно на першому місці. Потім шукає мінімум серед решти (15.999, 12.011, 14.007) — це 12.011 — і ставить його на друге місце.

Задача 3: Фізика (Швидкість об'єктів)

Умова: Виміряно швидкості руху п'яти автомобілів (м/с). Використай вбудовану функцію Python для швидкої перевірки, але додай умову: якщо швидкість однакова, порядок не має значення.

Python

# Дані: швидкості
speeds = [25.5, 10.0, 32.2, 10.0, 15.8]

# Вбудований метод Python (найшвидший)
speeds.sort()

print("Швидкості від найменшої до найбільшої:", speeds)

Пояснення: У Python є вбудована функція .sort(), яка використовує алгоритм Timsort. Він набагато швидший за "бульбашку", але для навчання важливо знати обидва методи.

Як захистити проєкт?

1. Покажи код: Відкрий Google Colab.

2. Поясни складність: "бульбашка" — це просто, але повільно для великих списків (якщо елементів буде 1 000 000, комп'ютер "замислиться").

3. Зроби висновок: Сортування допомагає вченим аналізувати дані (наприклад, знаходити найшвидші частинки або найвищі рослини).

Ключові вчені та їхні закони (7–9 класи)

• Механіка (7-9 кл.): Ісаак Ньютон (закони динаміки, закон всесвітнього тяжіння), Блез Паскаль (закон тиску), Архімед (закон гідростатики).
• Теплові явища (8 кл.): Джеймс Джоуль (закон збереження енергії), Роберт Бойль, Едм Маріотт.
• Електрика та магнетизм (8-9 кл.): Георг Ом (закон Ома), Шарль Кулон (закон взаємодії зарядів), Майкл Фарадей (електромагнітна індукція), Андре-Марі Ампер.
• Світлові та атомні явища (9 кл.): Християн Гюйгенс, Альберт Ейнштейн, Ернест Резерфорд. 

   

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

1. 8 клас: Теплові явища, електричні явища (струм, напруга, опір), світлові явища.
2. 9 клас: Механічна та електромагнітна енергія, магнітні явища, ядерна фізика, сучасна фізична картина світу.