Умова: У тебе є список цін на 8 різних моделей смартфонів. Ціни занесені в масив.
Тобі потрібно:
Створити масив із цінами (можна задати вручну або випадково).
Відсортувати цей список за спаданням (від найдорожчого до найдешевшого), щоб виставити преміальні моделі на вітрину першими.
Пошук за бюджетом: Користувач вводить суму, яку він готовий витратити. Програма має знайти, чи є в списку смартфон, який коштує рівно стільки (лінійний пошук).
Фільтрація: Вивести всі ціни, які менші за 15 000 грн (бюджетні варіанти).
Уявіть, що ви — веб-дизайнери, які отримали замовлення від Міністерства культури: зробити сучасний, "свіжий" сайт про Лесю Українку, який був би цікавим для підлітків.
1. Створення "Своєї теми" (Аналог написання CSS)
Замість стандартних тем Google, учні мають створити власну тему:
Колірна палітра: Обрати 3 основні кольори. Наприклад: "Мавчин ліс" (відтінки зеленого), "Волинське небо" (блакитний та сірий) або "Троянди й виноград" (винний та кремовий).
Шрифти: Підібрати шрифтову пару. Один шрифт для заголовків (більш акцентний, наприклад, Playfair Display), інший для тексту (читабельний, наприклад, Montserrat або Roboto).
Уявіть, що ти розробляєш систему для кіберспортивного турніру. У тебе є список балів, які набрали 10 учасників у грі. Бали записані у масив (список) у довільному порядку.
Завдання: Напиши програму, яка впорядкує ці бали від найменшого до найбільшого, щоб визначити місце кожного гравця.
У тебе є список цін на фрукти (у гривнях). Тобі потрібно:
Знайти всі фрукти, які коштують менше ніж 50 грн, і підняти їхню ціну на 5 грн (акція закінчилася).
Порахувати, скільки фруктів після зміни ціни коштують більше ніж 100 грн.
Програма на Python (Самостійно)...
Як це працює (Пояснення для уроку)
for i in range(len(prices)): цей цикл використовується, коли нам потрібно змінити елементи. Ми звертаємося до кожного фрукта за його "номером" (індексом) i.
prices[i] = ...: так ми переписуємо старе значення на нове.
expensive_count: це змінна-лічильник. Щоразу, коли ми знаходимо число більше за 100, ми додаємо до неї одиницю.
Завдання на тему «Алгоритми впорядкування масиву» (9 клас) для виконання у Google Colab на мові Python.
Завдання 1: Метод «бульбашки» (Bubble Sort)
Умова: Дано список оцінок учня: [8, 11, 7, 9, 10, 6]. Напиши програму, яка впорядкує цей список за зростанням (від найменшої до найбільшої) за допомогою алгоритму бульбашки.
Завдання 2: Сортування вибором (Selection Sort)
Умова: Маємо список температур за тиждень: [12, 15, 10, 14, 13, 11, 9]. Впорядкуй їх за спаданням (від найтеплішої до найхолоднішої), використовуючи метод вибору.
Завдання 3: Використання вбудованих інструментів Python
Умова: Створи список імен друзів у довільному порядку. Використовуючи вбудований метод Python, відсортуй їх за алфавітом. Додай до списку нове ім'я та відсортуй ще раз.
Кілька варіантів цікавих практичних завдань, які можна виконати за комп'ютером (або планшетом):
1. Інтерактивна вправа «Впізнай героя за тембром»
Це завдання допоможе дітям розрізняти характери персонажів через музику.
Завдання: Використовуючи платформу LearningApps (або просто відкриті вікна з аудіо), дитині потрібно зіставити картинку героя з фрагментом його пісні.
Як грати: На екрані з’являються зображення Кози, Лисички та Рака. Дитина натискає на «Play», слухає мелодію (наприклад, жваву і хвалькувату пісню Кози або спокійну, підступну пісню Лисички) і перетягує звук до відповідного малюнка.
Мета: Розвиток музичного слуху та асоціативного мислення.
2. Музичний конструктор «Настрій Лисички»
Лисичка в опері Лисенка — хитра, але дуже вихована «господиня».
Завдання: Створити цифровий колаж або «картку персонажа» у Canva або звичайному Paint.
Дія: Учень має обрати колір, який асоціюється з піснею Лисички (наприклад, оранжевий або лагідний жовтий), та підібрати 3 слова-характеристики з хмаринки слів: ніжна, підступна, повільна, швидка, м'яка.
Мета: Навчитися характеризувати музичний образ.
3. Онлайн-караоке «Ми — артисти»
Спів пісні Лисички «Я Лисичка, я сестричка».
Завдання: Спробувати виконати пісню під мінусову фонограму (можна знайти на YouTube), використовуючи веб-камеру як «дзеркало артиста».
Цікавинка: Запропонуй дитині під час співу змінювати вираз обличчя: коли співає за Лисичку — усміхатися, коли за Козу — робити «сердиті очі», а за Рака — показувати пальцями «клешні».
Мета: Закріплення вивченого матеріалу та розвиток артистизму.
4. Творча лабораторія «Ритмічний малюнок Рака»
Рак-неборак у казці рішучий і сміливий. Його музика має чіткий ритм.
Завдання: В онлайн-інструменті Chrome Music Lab (Rhythm section) дитина має «намалювати» ритм для Рака.
Дія: Потрібно розставити точки на віртуальному барабані або ксилофоні так, щоб вийшов маршовий, впевнений ритм: Тук-тук-тук! (Я Рак-неборак!).
За матеріалами відео «Текстові елементи вебсторінок, теги та атрибути. Гіперпосилання»
Запитання та відповіді за відеоуроком та створення презентації
Яка різниця між абзацними тегами <p> та <div>?
Відповідь: Тег <p> створює абзац із між-абзацним інтервалом (відступом), тоді як тег <div> створює блок тексту без автоматичного між-абзацного інтервалу [00:57].
Як можна встановити колір фону для вебсторінки?
Відповідь: Колір фону встановлюється за допомогою параметра bgcolor у тегу <body>. Значення можна вказувати назвою кольору англійською мовою або спеціальним шістнадцятковим кодом (наприклад, #ff0000), який можна дізнатися в палітрі Photoshop [01:00], [02:01].
Що має вищий пріоритет: графічний фон (зображення) чи колір фону?
Відповідь: Графічне зображення має вищий пріоритет. Якщо в коді вказано і колір (bgcolor), і зображення (background), то на сторінці відображатиметься саме зображення [03:02].
Які параметри відповідають за налаштування кольорів гіперпосилань у тегу <body>?
Відповідь: * alink — колір активного гіперпосилання (на яке натискають у даний момент).
Як додати на сторінку горизонтальну лінію та як налаштувати її довжину?
Відповідь: Для цього використовується тег <hr>. Довжину можна вказувати в пікселях (фіксована ширина) або у відсотках (пропорційно до вікна браузера). Наприклад, width="80%" дозволить лінії змінювати розмір при масштабуванні вікна [05:41], [06:13].
Навіщо використовувати абзацні теги замість простого перенесення рядка <br>?
Відповідь: Використання абзаців дозволяє керувати вирівнюванням тексту (по лівому краю, по центру або по правому краю) за допомогою атрибута align [06:42].