Klava — английский через набор текста

Клавиатурный тренажёр для изучения английского: печатаешь английские слова и фразы и сразу видишь их перевод.

Возможности

• Главная с папками и недавними модулями, страница папки, страница модуля со списком карточек и кнопкой «Набор». У каждого экрана свой адрес (#/, #/folder/…, #/module/…, #/module/…/type, #/custom), работают «Назад» и закладки
• Свои папки и модули: создать, переименовать, перенести, удалить. В редакторе модуля карточки сохраняются сами: термин, определение (подставляется переводом, если пусто), пример с переводом, объяснение; карточки можно переставлять и удалять. Встроенные модули не редактируются. Всё хранится в браузере
• «Мои слова» — обычный свой модуль в папке «Своё»: его можно править, дополнять импортом, а карточки переносить в другие свои модули (в редакторе карточки: «Перенести в модуль»). Удалить его нельзя
• Встроенный модуль можно скрыть (он уйдёт в свёрнутый блок «Скрытые модули» внизу папки, оттуда его можно вернуть) или скопировать в свои и править копию; оригинал не меняется
• Режим «Карточки»: направление «англ → рус» или «рус → англ», «Перемешать», переворот кликом, пробелом или касанием (на обороте — пример и объяснение), «Знаю / Не знаю» кнопками или стрелками ← →, озвучка термина, в конце — итог и «Повторить незнакомые»
• Режим «Заучивание»: раунды до 7 карточек — сначала выбор из 4 вариантов (клавиши 1–4), потом ввод ответа; карточка освоена после двух верных вводов подряд, ошибка возвращает её на выбор. Проверка не придирается к регистру, знакам, лишним пробелам и «ё»; подходит любой вариант через запятую, «;» или «/», текст в скобках необязателен; одна опечатка — «почти». После ответа — пример и объяснение, «Я был прав» засчитывает ответ
• Интервальное повторение (коробки Лейтнера): каждый ответ в любом режиме записывается по направлению («Карточки» и «Заучивание» — выбранное, набор, диктант и перевод на английский — «рус → англ»). Верный ответ в срок — следующая коробка, повтор через 1, 3, 7, 14, 30 дней; верный до срока коробку не меняет; неверный — коробка 1, повтор завтра. Слово выучено, когда оба направления в коробке 3+. На странице модуля — «выучено X%», «ждут повторения» и точка состояния у каждой карточки
• Режим «Тест»: число вопросов, направление и типы (выбор из вариантов, верно / неверно, ввод ответа), все вопросы на одной странице, в конце — оценка и разбор (ошибки первыми). Ввод проверяется так же мягко, как в заучивании; ответы идут в повторение
• Подбор пар: до 6 пар терминов и переводов на время, ошибка — плюс секунда, личный рекорд по модулю; работает мышью и касанием, верные пары идут в повторение
• Главная со статистикой: 🔥 серия дней подряд, ответы сегодня, выученные слова; полоска «выучено» на плитках модулей. Карточки можно смахивать: вправо — «знаю», влево — «не знаю». Конфетти за хороший результат, всплывающие уведомления о действиях
• «Повторить сегодня»: на главной — сколько слов из всех модулей ждут повторения; экран #/today со списком (самые просроченные первыми, скрытые модули не участвуют) и выбором режима: карточки, заучивание, набор. У папок и модулей — «ждут: N»
• На телефоне и планшете без мыши режимы набора скрыты, карточки удобно листать одной рукой
• Импорт: вставьте экспорт из Quizlet, столбцы из таблицы или любой список, выберите разделители (Tab, запятая, точка с запятой, тире, свой), посмотрите предпросмотр с повторами и неразобранными строками и сохраните в новый или свой модуль. Пустые определения заполняются переводом
• Под фразой — объяснение «почему так»: тип conditional, выбор времени, used to / be used to, предлоги, значения фразовых глаголов (можно выключить в настройках). Объяснения лежат в NOTES в data.js, а у фразы урока третий элемент — ключ из NOTES или готовый текст
• Уроки в меню по группам: слова трёх уровней (по одному слову в строке) и неправильные глаголы; фразы по уровню (A1, B1, B2); грамматика (Conditionals, Present Perfect, Passive Voice, Reported Speech, Modal verbs, Used to / be used to, «Какое время выбрать»); фразовые глаголы (словарь; get; take и put; look, come, go; разные); ситуации (аэропорт и самолёт, вокзал, кафе, отель, магазин, врач, город); Make / Do (выражения, предложения, фразовые глаголы); выражения (break, change, turn, draw, cut; наречные выражения); «Мои слова» и «Свой текст»
• Режим «Свой текст»: вставьте любой английский текст и печатайте его
• Перевод текущей фразы или слова, озвучка (Ctrl+Space)
• Ctrl — выделить слово под курсором и показать предложение с ним и перевод предложения; Ctrl ещё раз — сохранить слово в модуль «Мои слова» с переводом и примером — фразой, в которой оно встретилось. Примеры берутся из фраз уроков, а если там нет — из базы Tatoeba; перевод слов не из уроков — из Google Переводчика (нужен интернет)
• Отдельная строка ввода над образцом: набранный текст не накладывается на текст, который нужно набрать
• Виртуальная клавиатура с зонами пальцев; её можно скрыть (Ctrl+K)
• Наведите мышь на слово или выделите слово/фразу — появится панель: 🔊 произнести, «+ В словарь» (в модуль «Мои слова», с переводом и примером), «Ещё фразы» (до 5 предложений с этим словом и переводом)
• Режим «Диктант»: фраза только звучит, её нужно набрать на слух и нажать Enter — снизу появится правильная строка, пропущенное выделено, лишнее зачёркнуто (регистр и знаки препинания не учитываются)
• Режим «Перевод на английский»: видна только русская фраза, её нужно набрать по-английски и нажать Enter — проверка как в диктанте
• В диктанте и в режиме «Не исправлять ошибки» курсор можно двигать стрелками ←/→, Home/End или кликом мыши в поле ввода; набранная буква встаёт на место курсора
• В конце строки на следующую переходят пробелом или Enter
• Режим «Хардкор»: Backspace или Delete стирает всю строку, набирать её приходится заново
• Опция «Не исправлять ошибки автоматически»: неверная буква остаётся в строке, курсор идёт дальше, исправить можно Backspace; ошибка всё равно засчитывается
• Скорость (знаков в минуту), точность, ошибки, личный рекорд
• Светлая и тёмная тема
• Предупреждение, если включена русская раскладка

Запуск

Сборка не нужна: откройте index.html в браузере.

Структура

• index.html — разметка
• style.css — стили
• core.js — ядро обучения: каталог модулей из уроков, «Мои слова», настройки, нормализация текста и проверка диктанта. Со страницей не работает, хранилище получает снаружи
• app.js — страница тренажёра; уроки, «Мои слова» и настройки берёт из ядра
• data.js — уроки (слова и фразы с переводом); добавлять новые уроки нужно сюда
• tests/ — тесты ядра

Тесты

Нужен только Node.js, пакеты ставить не надо:

node --test