Book-styde — лучший способ выучить JavaScript в 2025 году
Демо: https://book-styde.vercel.app
Репозиторий: https://github.com/LiiChar/book-styde
Концепция
Полноценный интерактивный учебник по JavaScript с нуля до продвинутых тем, где каждое задание проверяется автоматически.
Технологии
- Frontend: React 18 + TypeScript + Vite
- Редактор: Monaco Editor (тот же, что в VS Code)
- Состояние: Redux Toolkit + RTK Query
- Стили: Tailwind CSS + shadcn/ui
- Тестирование заданий: custom sandbox на Web Workers + esbuild
- Прогресс: localForage + синхронизация через Supabase (в будущем)
- Деплой: Vercel
Особенности
- Более 80 задач от переменных до замыканий и асинхронности
- Мгновенная проверка кода без перезагрузки
- Подсказки с объяснениями и разбором ошибок
- Тёмная/светлая тема, адаптивность
- Система достижений и статистика прогресса
- Полностью open-source контент — можно форкнуть и учить своих студентов
Запуск локально
git clone https://github.com/LiiChar/book-styde.git
cd book-styde
npm install
npm run dev
# → http://localhost:5173
Roadmap
- Добавление курсов по React, TypeScript, Node.js
- Мультиплеер: решать задачи вместе
- Сертификаты с верификацией
- Оффлайн-версия (PWA + Tauri)
Book-styde — это то, чего не хватало русскоязычному коммьюнити для качественного старта в JS.