Этот проект начался не с грандиозного плана. Он возник из чего-то малого и реального. Я наблюдал, как родственник изучает программирование на C — сидел на его занятиях, смотрел на его домашние задания — и постоянно думал: такой способ обучения кажется устаревшим. Учитель читает лекции по учебнику, ученики делают заметки и выполняют упражнения. Это не совсем бесполезно, но это редко помогает кому-либо развить настоящее вычислительное мышление.

Что я заметил на самом деле

Настоящая проблема была не в том, что ученики не могли найти ответы. А в том, что:

Они смотрели на кусок кода и понятия не имели, что делает каждая строка
Они читали его один раз, чувствовали, что поняли, но не могли объяснить, как все взаимосвязано
Самое главное — они не знали, какую проблему этот код на самом деле решает

Все, что они узнавали, было разрозненным. Я постоянно возвращался к одной мысли: Обучение — это не накопление точек, это соединение их между собой.

С этого и начался Tutor.

https://tutor.artdance.net/

2. Как я это создал, шаг за шагом

2.1 Начало с простого объяснителя кода

Изначальная идея была до безобразия проста: вставить какой-нибудь код и, вместо получения расплывчатого резюме, увидеть, что делает каждая строка и почему она написана именно так.

Поэтому первой ключевой функцией Tutor стало построчное объяснение. Оно автоматически определяет более десятка языков программирования и поставляется с классическими примерами на C/C++ — сортировка пузырьком, связанные списки, бинарный поиск — готовыми к анализу в один клик.

2.2 Одного объяснения было недостаточно

Понять что-то один раз — не значит изучить это. Поэтому я добавил три вещи:

Последующие вопросы и ответы — нажмите на любую строку и продолжайте задавать вопросы о ней. ИИ отвечает с учетом контекста, поэтому вам никогда не придется пересказывать предысторию. Свободный анализ — вставьте любой фрагмент кода для отдельного анализа и обсуждения.

Практические упражнения — автоматически генерируемые вопросы с выбором ответа, заполнением пропусков и задачами по программированию, основанными на текущем коде. Нужно больше? Просто нажмите «генерировать еще».

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

2.3 Позволяя знаниям расти самостоятельно

Даже с объяснениями, вопросами, ответами и упражнениями всё это казалось изолированными блоками информации. Я действительно хотел получить ощущение органического роста знаний.

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

Не успеете оглянуться, как оглянетесь назад и увидите, что построили собственную карту знаний.

2.4 Код должен запускаться, а не просто читаться

Ключевая часть понимания кода — это его запуск. Поэтому я интегрировал онлайн-исполнение кода, поддерживающее C, C++, Python, Java и более десятка других языков. Пользователи могут запускать код, вводить данные и видеть вывод прямо на странице. Каждое выполнение сохраняется, и вы можете спросить ИИ о любом конкретном результате выполнения.

Сначала запустите → прочитайте анализ → задайте последующие вопросы → выполните практику. Этот поток кажется гораздо более естественным, чем просто чтение объяснений.

2.5 Почему процесс сборки прошел так гладко

Весь процесс прошел гораздо гладче, чем я ожидал, во многом потому, что платформа Enter взяла на себя большую часть тяжелой работы.

Компоненты пользовательского интерфейса были готовы к использованию «из коробки».
Основы бэкенда — аутентификация пользователей, хранение в базе данных, безопасность на уровне строк — все это было предоставлено через встроенную интеграцию Supabase.
Доступ к моделям ИИ был унифицирован: DeepSeek, Claude, GPT, Gemini, Doubao — нет необходимости подавать заявки на ключи и адаптироваться к каждому API отдельно. Просто напишите Edge Function и вызовите её.

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

3. Как пользоваться Tutor

3.1 Начните откуда угодно

Есть код? Вставьте его, нажмите «Начать анализ»
Нет кода? Используйте ИИ, чтобы сгенерировать его, а затем вставьте в редактор одним кликом
Просто просматриваете? Нажмите на предустановленный пример — вы увидите полный анализ за две секунды

3.2 Это путь обучения, а не страница функций

Попав внутрь, пользователи естественным образом следуют по пути:

Запустите код, чтобы почувствовать, что он делает
Прочитайте построчный анализ
Задавайте уточняющие вопросы по всему, что неясно
Выполняйте практические упражнения, чтобы подтвердить понимание
Откройте Холст знаний и исследуйте дальше

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

4. Взгляд назад: о чем это на самом деле

Оглядываясь назад, Tutor — это на первый взгляд просто объяснитель кода. Но на самом деле он помогает людям начать с куска кода и соединить разрозненные знания в нечто целое.

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

Это работает благодаря двум вещам. Во-первых, дизайн продукта — объяснение, вопросы и ответы, практика и холст — это не изолированные функции; они образуют непрерывный путь обучения. Во-вторых, фундамент, который обеспечивает Enter — UI, база данных, модели ИИ, развертывание — позволили мне направить всю свою энергию на вопрос: «действительно ли хорош опыт обучения?», вместо того чтобы бороться с инфраструктурой.

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

Вот что делает Tutor. Он помогает проложить эту дорогу. Так что код — это не просто то, что вы «видели», это то, что вы поняли, связали и сделали своим.