Все проекты

Тренажер сертификации разработчиков

Тренажёр сертификаций и интервью на Vue 3 + webedge-db — 18+ треков (вкл. SpacetimeDB), 3 396+ вопросов, экзамен.

Vue 3webedge-dbQuiz engine
Скриншот тренажера сертификации разработчиковDev-story
01

Задача

Готовиться к сертификации разработчика или собеседованию — это разбросанные PDF и списки вопросов, без ощущения прогресса и понимания, что постоянно ошибаешься.

02

Что делали

Тренажёр на Vue 3 + webedge-db с 18 треками (Vue, TS, React, Node, Linux, Security+, CISSP, OSWE и др.), 3 396 вопросами (вопросы на английском, объяснения на русском), симуляцией экзамена (30 вопросов, 45 мин, 70% для сдачи), 1 090 карточками в стиле Anki, интервальным повтором ошибок и дашбордом прогресса; трек Vue добавляет 10 практических задач в SFC Playground и PDF-шпаргалки.

03

Результат

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

Dev-story статья

Тренажер сертификации разработчиков: как создавался проект

Готовиться к стопке сертификаций разработчика и собеседований — значит жонглировать разбросанными PDF, наполовину запомненными банками вопросов и не иметь честного способа себя проверить. Самое сложное в инструменте самопроверки — целостность: если правильный ответ уходит в браузер, чтобы отрисовать вопрос, любопытный пользователь прочитает его прямо из вкладки сети. Этот тренажёр относится к каждому прохождению как к экзамену — ключ ответов остаётся на сервере, а клиент узнаёт верно или нет только после того, как ответил.

Разделы

05

Модули

05

Стек

Vue 3 + webedge-db

01

Почему появился проект

Готовиться к сертификации разработчика или собеседованию — это разбросанные PDF и списки вопросов, без ощущения прогресса и понимания, что постоянно ошибаешься.

Готовиться к стопке сертификаций разработчика и собеседований — значит жонглировать разбросанными PDF, наполовину запомненными банками вопросов и не иметь честного способа себя проверить. Самое сложное в инструменте самопроверки — целостность: если правильный ответ уходит в браузер, чтобы отрисовать вопрос, любопытный пользователь прочитает его прямо из вкладки сети. Этот тренажёр относится к каждому прохождению как к экзамену — ключ ответов остаётся на сервере, а клиент узнаёт верно или нет только после того, как ответил.

02

Что было создано

Тренажёр на Vue 3 + webedge-db с 18 треками (Vue, TS, React, Node, Linux, Security+, CISSP, OSWE и др.), 3 396 вопросами (вопросы на английском, объяснения на русском), симуляцией экзамена (30 вопросов, 45 мин, 70% для сдачи), 1 090 карточками в стиле Anki, интервальным повтором ошибок и дашбордом прогресса; трек Vue добавляет 10 практических задач в SFC Playground и PDF-шпаргалки.

Персональный тренажёр на 18 треков — фронтенд-фреймворки, бэкенд-рантаймы, трек SpacetimeDB, Linux и сети и несколько треков по безопасности — с 3396 вопросами на английском и объяснениями на трёх языках. У каждого трека свой банк, симуляция экзамена на 30 вопросов / 45 минут / порог 70%, колоды карточек в стиле Anki и повторение с интервалами, возвращающее твои прошлые ошибки. Трек Vue дополнен практическими заданиями, связанными с SFC Playground, и PDF-шпаргалками.

03

Основные модули и путь пользователя

M01

Проверка на стороне сервера: ответы викторины и экзамена проверяют бэкенд-функции, поэтому индекс правильного ответа во время прохождения никогда не доходит до клиента — инструмент нельзя обойти, разглядывая запрос

M02

Контент как код: вопросы и карточки хранятся типизированными исходниками, идемпотентно обновляются по topic+slug, а удалённые записи мягко деактивируются (active:false), чтобы история попыток пользователя сохраняла валидные ссылки

M03

Трёхъязычный контент-конвейер: EN-вопросы с переводами и объяснениями на LT/RU, переключатель локали и локализация потоков викторины, экзамена и карточек для каждого прохождения

M04

Механика экзамена и разбора: поддержка вопросов с несколькими ответами, симулятор экзамена с порогом 70%, повторение ошибок с интервалами и страница отчётов по вопросам с сортировкой и экспортом

M05

Исправление истечения JWT, специфичное для реактивного бэкенда — обновление токенов авторизации по обычному HTTP, а не через приостановленный WebSocket, из-за которого пользователи застревали на бесконечном экране загрузки

04

Архитектура и технологические решения

Сделано на Vue 3, webedge-db, Quiz engine.

Vue 3 со script-setup и TypeScript, Vite и Tailwind v4 на фронтенде; наш реактивный бэкенд держит схему, изолированный прогресс каждого пользователя и проверку ответов на сервере, деплой на Cloudflare Pages через GitHub Actions по push в main.

05

Результат и выводы

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

Многопользовательский тренажёр, который честно нельзя обмануть во время прохождения и который остаётся согласованным по мере эволюции банка из 3396 вопросов, потому что конвейер сидов никогда не ломает историю того, что ты уже ответил.

Читать дальше

Эти проекты близки по техническим или продуктовым решениям и показывают, как тот же принцип работает в другом контексте.

Есть похожая идея?

Обсудить проект