Учебный урок · 1.1

1.1. Как программа исполняет задачу

Комбинированный урок 70 мин.

Сначала разберитесь

Теория

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

Один продукт исполняется сразу в нескольких средах. Браузер показывает интерфейс и обрабатывает клики; сервер принимает запросы и применяет бизнес-правила; база хранит записи; WordPress запускает ядро, тему и плагины; командная программа выполняет задачу из терминала или автоматизации. Среда определяет доступные данные и объясняет, почему код нельзя бездумно переносить из одного места в другое.

Удобная модель — вход → обработка → результат → побочный эффект. В форме входом являются значения полей, обработкой — проверка и подготовка запроса, результатом — ответ сервера, а побочным эффектом — новая запись, письмо или изменение интерфейса. Побочный эффект не плох и не хорош: его нужно явно назвать, чтобы не принять показанное сообщение за реально сохранённые данные.

Точка входа запускает цепочку вызовов. Для интерфейса это может быть обработчик события, для сервера — маршрут API, для WordPress — hook или shortcode, для CLI — команда. Дальше одна функция вызывает другую. Карта исполнения не обязана перечислять каждую строку: она показывает ответственных исполнителей, переходы данных, возможные ошибки и проверяемые результаты.

Рабочий приём AI-first-разработчика: попросите ИИ объяснить сценарий в формате «шаг → среда → вход → действие → выход → доказательство», затем выборочно подтвердите объяснение по интерфейсу, сети, данным или файлам. Артефакт урока — карта отправки заявки из шести обязательных этапов.

Затем прочитайте

Задание

Что сделать

Разберите отправку формы заявки и составьте карту: событие → проверка → запрос → сохранение → ответ → сообщение пользователю. Для каждого шага укажите среду выполнения, вход, выход, возможную ошибку и наблюдаемое доказательство.

После трёх практик заполните шаблон материала и сформулируйте для ИИ запрос: «Объясни этот сценарий по моей карте и укажи файл и функцию для каждого шага».

Как выполнить

  1. Прочитайте формулировку и выполните действия в практической области ниже.
  2. Проверьте результат и исправьте замечания, если они появятся.

Правила выполнения

  • Выполнены все три обязательных блока; итоговая карта содержит шесть этапов, не смешивает браузер и сервер и показывает, где подтверждается сохранение.

Теперь выполните

Практика

Выполните задание и проверьте результат. Черновик сохраняется в этом браузере.

Комбинированная практика

Практические задания урока

Выполните задания по порядку. Обязательные блоки учитываются в завершении урока и открытии материалов.

0 / 3 обязательных выполнено
Задание 1 Заполнить пропуски Обязательное

Практика

Восстановите цепочку исполнения

0%

Соберите шесть этапов пути заявки от события до сообщения пользователю.

Пользователь создаёт . Браузер выполняет , затем отправляет . Сервер выполняет , возвращает , а интерфейс показывает .
Панель результата

Выполните задание. Следующий урок откроется после правильного ответа.

Задание 2 Проверочный вопрос Обязательное

Практика

Определите среду выполнения

0%

Решите четыре ситуации о браузере, сервере, WordPress и CLI.

1. Пользователь нажимает кнопку, и поле сразу подсвечивается без сетевого запроса. Где выполняется это действие?

2. Маршрут проверяет права, создаёт запись клиента и возвращает JSON. Какая среда отвечает за этот шаг?

3. Плагин добавляет колонку в таблицу WordPress через hook. Что является точкой входа?

4. Команда формирует отчёт по расписанию без открытого браузера. Где исполняется основная работа?

Панель результата

Выполните задание. Следующий урок откроется после правильного ответа.

Задание 3 Проверочный вопрос Обязательное

Практика

Проверьте полную схему формы

0%

Решите четыре ситуации о порядке шагов, проверках, ошибках и доказательствах.

1. Какой порядок подтверждает, что заявка действительно сохранена?

2. Клиентская проверка уже запретила пустой email. Нужна ли серверная проверка?

3. Сервер вернул ошибку сохранения. Какой наблюдаемый результат корректен?

4. Как проверить объяснение цепочки, полученное от ИИ?

Панель результата

Выполните задание. Следующий урок откроется после правильного ответа.

Общий прогресс практики

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

Если нужна помощь

Подсказки

Подсказки будут появляться по шагам после запроса помощи.