Как понять, интересен ли ребёнку IT, за один вечер

IT — это несколько разных занятий: писать код, чинить системы, проектировать интерфейсы, разбирать данные, придумывать продукт.

Вечер занимает 90 минут. Всё открывается в браузере Chrome, Safari или Яндекс Браузере — отдельно ничего ставить не придётся.

• 10 минут — подготовка
• 25 минут — собрать страницу со счётчиком
• 20 минут — починить поломку
• 15 минут — схема «как устроен интернет»
• 15 минут — идея сервиса на бумаге
• 5 минут — разбор: исход A, B или C

Что подготовить

1. Компьютер или ноутбук с интернетом. Телефон для этой пробы неудобен: нужна клавиатура.
2. Блокнот или заметка в телефоне с четырьмя заголовками: Собрать / Починить / Объяснить / Придумать.
3. Таймер на телефоне. Родитель держит время и задаёт один вопрос: «что ты сейчас делаешь?»
4. Закрыть мессенджеры на время вечера.

Выберите один инструмент на весь вечер и не переключайтесь:

Ниже расписан основной путь — JSFiddle. Если выбрали Scratch, в конце раздела есть тот же сценарий кубиками.

Карта вечера

Проба 1. Собрать страницу со счётчиком — 25 минут

Цель: увидеть цикл «написал → нажал Run → на экране работает».

1. Откройте jsfiddle.net. Справа сверху выберите JavaScript (обычно уже выбран). Регистрация не нужна.
2. В левой колонке HTML удалите всё и вставьте:

<h1>Счётчик кликов</h1>
<p>Нажми кнопку — число вырастет.</p>
<button id="btn">Нажми</button>
<p>Кликов: <span id="n">0</span></p>

3. В колонке JavaScript вставьте:

let n = 0;
const btn = document.getElementById("btn");
const out = document.getElementById("n");
btn.addEventListener("click", function () {
  n = n + 1;
  out.textContent = n;
});

4. Нажмите Run вверху. Справа появится заголовок, кнопка и «Кликов: 0».
5. Нажмите кнопку 5–7 раз: число должно расти.
6. По желанию поменяйте текст заголовка на имя ребёнка и снова Run.

Scratch: откройте редактор → события «когда флажок нажат» → внешность «говорить … 2 секунды». Добавьте переменную «очки», по клику на спрайт увеличивайте на 1. Критерий тот же: на экране что-то меняется от действия.

Python: в онлайн-консоли выполните по строкам:

name = input("Как тебя зовут? ")
print("Привет,", name)
x = int(input("Напиши число: "))
print("Удвоенное:", x * 2)

Сигнал интереса: просит ещё 10 минут, хочет цвет кнопки, звук, вторую кнопку. Сигнал «достаточно»: сделал по списку и закрыл вкладку.

Проба 2. Починить поломку — 20 минут

Цель: понять, тянет ли разбираться, когда «было и сломалось». В работе это отдельный навык — отладка.

Что сломать в JSFiddle. В JavaScript уберите одну букву в имени, например замените строку

const btn = document.getElementById("btn");

на

const btn = document.getElementById("btnn");

Нажмите Run и кнопку. Число перестанет расти. Это и есть баг: программа ищет элемент btnn, а в HTML кнопка называется btn.

Как чинить — алгоритм на 20 минут:

1. Воспроизведите: кнопка есть, число стоит на месте.
2. Откройте консоль: в Chrome / Яндекс Браузере клавиша F12 (на Mac: Cmd+Option+I) → вкладка Console. Там часто красная строка вроде Cannot read properties of null — программа не нашла кнопку.
3. Сравните имя в HTML (id="btn") и имя в JavaScript (getElementById("…")). Они должны совпасть буква в букву.
4. Верните "btn", нажмите Run, проверьте клики.
5. В блокнот: что заняло больше сил — найти место или понять сообщение об ошибке?

Scratch: отключите один блок «изменить очки на 1», отдайте ноутбук родителю на минуту, пусть спрячет блок в другом скрипте. Задача — вернуть рост очков.

Python: напишите print("Удвоенное:", x * 2) как print("Удвоенное:", y * 2) — появится ошибка NameError: name 'y' is not defined. Нужно вернуть имя x.

Домашний запасной вариант, если интернет пропал: Wi‑Fi «есть значок, страницы не открываются». Шаги те же: воспроизвести → сузить (только этот ноутбук или весь дом) → одно изменение (перезапуск роутера) → проверка.

Проба 3. Объяснить, как открывается сайт — 15 минут

Цель: проверить интерес к устройству систем. Лист бумаги A4, ручка, телефон рядом как «экспонат».

Нарисуйте цепочку из пяти прямоугольников и стрелок между ними. Подпишите своими словами:

1. Ты — вводишь dum.ai в строку браузера.
2. Браузер (Chrome, Safari) — программа на компьютере, которая умеет просить страницы.
3. Сеть — Wi‑Fi дома, потом кабели и вышки до большого компьютера журнала.
4. Сервер — компьютер, где лежит файл страницы ДУМАЙ.
5. Экран — браузер рисует текст и картинки, которые пришли в ответ.

Под одним прямоугольником напишите вопрос, на который пока нет ответа, — например «где физически стоит сервер?». Честный пробел здесь ценнее красивых терминов.

Если схема затягивает сильнее, чем клики по кнопке, — это тоже IT: архитектура, аналитика, продукт, безопасность. Код можно освоить позже.

Проба 4. Придумать мини-сервис — 15 минут

Цель: продуктовое мышление. Код на этой пробе не пишем — только сценарий в блокноте, 7 строк.

Возьмите одного человека (маму, друга, себя) и заполните шаблон:

1. Кто: …
2. Какая повторяющаяся мелочь мешает: …
3. Что человек делает сейчас: …
4. Самый маленький помощник за неделю: напоминание / таблица / кнопка / бот
5. Откуда данные: сам вводит / часы / список уроков
6. Как понять, что сработало: число, факт, «стало легче в понедельник»
7. Первый шаг завтра: одно действие на 20 минут

Пример: «Мама забывает поливать цветы → сейчас ставит будильник и сбрасывает → помощник: сообщение в мессенджер три раза в неделю → первый шаг: список растений на бумаге».

Если идея зажигает, а счётчик в JSFiddle был скучный — оставьте в поле зрения дизайн, продукт, аналитику, тестирование. Программирование — одна ветка, не вся отрасль.

Как читать сигналы

Два «да» — повод к короткому следующему шагу на неделе. Ноль «да» — вечер сработал: сняли чужой сценарий с плеч.

Три исхода и что делать на следующей неделе

A. Зашло. На неделю одна ветка. Сайты: ещё раз JSFiddle, добавьте цвет кнопки в окне CSS (button { background: gold; }). Скрипты: тот же Python-диалог, третьим шагом — угадай число. Устройство сети: вместе прочитайте, что такое DNS, одной страницей в Википедии.

B. Зашла часть. Понравилось придумывать и рисовать схему — на неделе разберите одно приложение, которым пользуется каждый день: пять блоков «кто нажимает / что хранится / кто отвечает».

C. Вечер закрыт. Это ясный ответ в 12–16 лет. Дальше можно пробовать биологию, физику, журналистику — IT подождёт, если сам вернётся.

Что помогает на этом вечере

• Один инструмент, одна задача, один таймер.
• Сообщение в консоли читают вслух — так ошибка становится текстом, а не «магией».
• Родитель сидит рядом с таймером и держит руки при себе, пока ребёнок сам жмёт Run.
• После каждой пробы — одна фраза в блокнот, потом следующая проба.

Чеклист на 90 минут

1. Открыт JSFiddle, Scratch или Python Shell.
2. Счётчик (или кликер / диалог) работает на экране.
3. Имя в коде намеренно сломали и починили.
4. На бумаге пять блоков «как открывается сайт».
5. Семь строк сценария мини-сервиса.
6. Исход A, B или C сказали вслух.

Частые вопросы

Нужен ли английский в этот вечер?

Для JSFiddle и Scratch хватит кнопок Run и «Начать». Английский интерфейс встретится в сообщениях об ошибках — их можно читать вместе, по одному слову.

Страница в JSFiddle пустая после Run

Проверьте, что код стоит в колонке HTML, а не в CSS. Нажмите Run ещё раз. Обновите вкладку и вставьте код заново.

Консоль не открывается

В Safari: меню «Разработка» нужно включить в настройках. Проще открыть тот же jsfiddle.net в Chrome. Ошибку можно искать и без консоли: сравнить id глазами.

Можно ли заменить вечер конструктором или модами Minecraft

Да, если сохраняются те же четыре роли: собрать работающую штуку, сломать и починить, объяснить устройство, придумать улучшение для человека.

Сколько таких вечеров достаточно

Одного. Исход A: через неделю повторите с другой веткой, например таблица с данными в JSFiddle.