Interactive Learning Book

Интерактивный учебник по JS/TS, архитектуре, базам данных и DevOps.

Теория с тремя уровнями глубины, песочница с тестами в реальном времени, AI-ассистент, визуализации, задачи от простых к сложным, подготовка к собеседованиям.

Быстрый старт

# Клонировать репозиторий
git clone <repo-url>
cd learning_book

# Установить зависимости
pnpm install

# Запустить dev-сервер
pnpm dev

Приложение будет доступно на http://localhost:5173.

Требования

• Node.js >= 20
• pnpm >= 10

Скрипты

Команда	Описание
pnpm dev	Dev-сервер книги
pnpm build	Сборка всех пакетов
pnpm test	Запуск тестов
pnpm lint	Линтинг
pnpm typecheck	Проверка типов

Структура проекта

apps/
  book/          # Основное приложение — Vue 3 + Vite
  admin/         # Панель управления контентом
  api/           # Бэкенд (Node.js)

packages/
  core/          # Движок: песочница, чат, квизы, задачи
  ui/            # Общие UI-компоненты
  i18n/          # Локализация (vue-i18n)
  shared/        # Типы, утилиты, composables

content/
  ru/            # Контент глав на русском
    ch01-closures/
    ch02-async/

Возможности

• Песочница — Monaco-редактор + Web Worker для безопасного выполнения кода с тестами
• AI-чат — ассистент по каждой главе (подсказки, ревью кода, разбор ошибок)
• Квизы — проверка понимания с объяснениями
• Задачи — easy / medium / hard с прогрессивными подсказками
• Визуализации — анимированные схемы концепций и типичных проблем
• Code Review — упражнения на поиск ошибок в чужом коде
• Подготовка к интервью — вопросы с разбором
• Шпаргалки — краткие выжимки по каждой теме

Стек

• Vue 3 (Composition API, <script setup>)
• TypeScript (strict)
• Vite
• Tailwind CSS
• Pinia
• vue-i18n
• Monaco Editor
• Vitest

Переменные окружения

Переменная	Описание
ANTHROPIC_API_KEY	Ключ API для AI-чата в книге

Лицензия

MIT