Учебные Квесты

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

🎨

Frontend — языки и фреймворки

⚛️ Доступно

React Hooks Quest

20 уровней про все хуки React — от useState до use() и useEffectEvent. Пиши настоящий код в редакторе, он реально компилируется и запускается. Растущий герой и питомец-пёс.

Играть →
💚 Доступно

Vue Quest

20 уровней по Composition API — от ref/reactive и шаблонов до компонентов, composables и Teleport. Vue запускается по-настоящему в браузере, без симуляции. Растущий герой и питомец-пёс.

Играть →
🟨 Доступно

JS Quest

20 уровней по ядру JavaScript — от замыканий и event loop до генераторов и Proxy. Код реально выполняется и проверяется тестами. Растущий герой и питомец-пёс.

Играть →
🔷 Доступно

TypeScript Quest

20 уровней по системе типов — от аннотаций и интерфейсов до дженериков, mapped и conditional types. Код разбирается настоящим компилятором TypeScript. Растущий герой и питомец-пёс.

Играть →
🔶 Доступно

TypeScript Quest: React

12 продвинутых уровней — типизация пропсов, хуков, событий, дженерик-компонентов и контекста в React. Настоящий TSX: реальный компилятор TypeScript + рендер в живой DOM через React.

Играть →
🛠️

Backend — сервер и данные

🟩 Доступно

Node.js + Express Quest

20 уровней: первая половина — ядро Node.js (EventEmitter, fs, потоки, async), вторая — Express (роутинг, middleware, Router, обработка ошибок). Код прогоняется через честную симуляцию Node/Express API. Растущий герой и питомец-пёс.

Играть →
🐘 Доступно

PHP Quest

14 уровней: переменные, массивы, foreach, функции, array_map/filter/reduce, классы и наследование, static, null coalescing, $_GET. PHP не выполнить в браузере — код проверяется по структуре, как ревьюер читает реальный код. Растущий герой и питомец-пёс.

Играть →
🐍 Доступно

Python Quest

20 уровней: f-строки, списки, словари, *args/**kwargs, замыкания, декораторы, ООП и наследование, исключения, генераторы, контекстные менеджеры, dataclass. Код реально выполняется настоящим CPython (Pyodide/WebAssembly). Растущий герой и питомец-пёс.

Играть →
🗄️ Доступно

SQL / Databases Quest

16 уровней: SELECT/WHERE/ORDER BY, агрегаты, GROUP BY/HAVING, JOIN и LEFT JOIN, подзапросы, INSERT/UPDATE/DELETE, CREATE TABLE, транзакции. Запросы реально выполняются настоящим SQLite (WebAssembly) с живыми результатами. Растущий герой и питомец-пёс.

Играть →