Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

🎯 Тренажер слепой печати

Современный веб-тренажер для изучения слепой печати с поддержкой русской и английской раскладок, темной темы и множеством уровней сложности.

Тренажер слепой печати Версия Лицензия

✨ Особенности

🌍 Поддержка двух раскладок

  • Русская раскладка - полная поддержка кириллицы
  • Английская раскладка - стандартная QWERTY
  • Легкое переключение между языками

🎨 Современный дизайн

  • Темная и светлая темы с автоматическим переключением
  • Адаптивный дизайн для всех устройств
  • Плавные анимации и переходы
  • Визуальная клавиатура с подсветкой нажатий

📚 Два режима обучения

🏃‍♂️ Обычная практика

  • Случайные тексты разной сложности
  • Статистика в реальном времени (скорость, точность, время)
  • Красивое модальное окно с результатами
  • Выбор сложности: Легкий, Средний, Сложный

🎓 Простая тренировка

  • Структурированные уроки по уровням сложности
  • Пошаговое изучение клавиш по рядам
  • Система прогресса с визуальными индикаторами
  • Проверка ошибок с лимитом (максимум 3 ошибки)
  • Автоматический переход между уроками

📊 Умная статистика

  • Скорость печати (знаков в минуту)
  • Точность (процент правильных символов)
  • Время выполнения упражнения
  • Количество ошибок с визуальными предупреждениями

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

Установка

  1. Скачайте или клонируйте репозиторий
  2. Откройте файл index.html в браузере
  3. Начните тренировку!

Использование

  1. Выберите язык (Русский/English)
  2. Выберите режим:
    • Обычная практика - для свободной тренировки
    • Простая тренировка - для структурированного обучения
  3. Выберите сложность (Легкий/Средний/Сложный)
  4. Начните печатать!

🎮 Управление

Основные кнопки

  • 🌙/☀️ - переключение темы
  • Новое упражнение - загрузка случайного текста
  • Пауза/Продолжить - приостановка тренировки
  • Сброс - очистка текущего упражнения

Горячие клавиши

  • Enter - завершение упражнения (если текст введен полностью)
  • Backspace - исправление ошибок
  • Любая клавиша - подсветка на виртуальной клавиатуре

📖 Режимы обучения

🏃‍♂️ Обычная практика

Легкий уровень

  • Простые предложения
  • Базовые слова и фразы
  • Идеально для начинающих

Средний уровень

  • Сложные предложения
  • Техническая лексика
  • Для продолжающих обучение

Сложный уровень

  • Профессиональные тексты
  • Научная терминология
  • Для продвинутых пользователей

🎓 Простая тренировка

Легкий уровень (10 уроков)

  1. Верхний ряд - основы - изучение клавиш через комбинации
  2. Верхний ряд - слова - тренировка через короткие слова
  3. Средний ряд - основы - комбинации среднего ряда
  4. Средний ряд - слова - слова и фразы
  5. Нижний ряд - основы - комбинации нижнего ряда
  6. Нижний ряд - слова - слова нижнего ряда
  7. Цифры и символы - числа и специальные символы
  8. Переходы между рядами - смешанные упражнения
  9. Простые слова - базовые русские/английские слова
  10. Фразы и предложения - короткие фразы

Средний уровень (7 уроков)

  1. Быстрые комбинации - увеличение скорости
  2. Средний ряд - скорость - быстрый набор
  3. Нижний ряд - скорость - скоростная тренировка
  4. Смешанные ряды - сложные переходы
  5. Сложные слова - техническая лексика
  6. Предложения - полные предложения
  7. Длинные фразы - сложные фразы с пунктуацией

Сложный уровень (7 уроков)

  1. Экспресс-набор - максимальная скорость
  2. Технические термины - профессиональная лексика
  3. Сложные фразы - длинные предложения
  4. Цифры и символы - сложные комбинации
  5. Профессиональный текст - рабочие задачи
  6. Научные термины - сложная терминология

🎨 Темы

☀️ Светлая тема

  • Градиентный фон (синий-фиолетовый)
  • Полупрозрачные белые панели
  • Темно-серый текст
  • Синие акценты

🌙 Темная тема

  • Градиентный фон (темно-синий-серый)
  • Полупрозрачные темные панели
  • Светло-серый текст
  • Голубые акценты

📱 Адаптивность

  • Десктоп - полный функционал
  • Планшет - адаптированная клавиатура
  • Мобильный - компактный интерфейс

🔧 Технические детали

Технологии

  • HTML5 - семантическая разметка
  • CSS3 - современные стили с переменными
  • JavaScript ES6+ - объектно-ориентированный код
  • LocalStorage - сохранение настроек

Браузеры

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

📈 Система прогресса

Обычная практика

  • Статистика в реальном времени
  • Модальное окно с результатами
  • Выбор следующего упражнения

Простая тренировка

  • Прогресс-бар общего обучения
  • Визуальные индикаторы изученных клавиш
  • Система ошибок с лимитом (3 ошибки)
  • Автоматические переходы между уроками

🎯 Советы по использованию

Для начинающих

  1. Начните с простого режима тренировки
  2. Изучайте клавиши по одному ряду
  3. Не торопитесь - главное точность
  4. Регулярно тренируйтесь по 15-20 минут

Для продвинутых

  1. Используйте обычную практику
  2. Выбирайте сложный уровень
  3. Следите за статистикой и улучшайте показатели
  4. Тренируйте разные языки

🐛 Известные проблемы

  • В некоторых браузерах может не работать автоопределение темы
  • На очень старых устройствах анимации могут работать медленно

🤝 Вклад в проект

Мы приветствуем вклад в развитие проекта! Если у вас есть идеи или вы нашли ошибку:

  1. Создайте Issue с описанием проблемы
  2. Предложите Pull Request с исправлениями
  3. Поделитесь идеями по улучшению

📄 Лицензия

MIT License - используйте свободно для любых целей.

🤖 Разработка с ИИ

Этот проект был создан с помощью Claude Sonnet 4 - передовой модели искусственного интеллекта от Anthropic.

📝 История разработки

Проект развивался итеративно на основе пользовательских запросов:

🎯 Исходный запрос

"Хочу тренажер для слепой печати пусть поддерживает две раскладки"

🔄 Итеративные улучшения

  1. Добавление режима тренировки

    "добавь что-то вроде простой тренировки"

  2. Улучшение упражнений

    "мне кажется просто повтор ряда слишком просто давай для каждого ряда какие-то комбинации"

  3. Уровни сложности для тренировки

    "пусть уровень сложности теперь работает и для тренировки"

  4. Исправление UX проблем

    "добавь тёмную тему плюс мне кажется сейчас выбор не очень удобно расположен"

  5. Система проверки ошибок

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

  6. Исправление цветовых проблем

    "уровень сложности нужно тоже поднять плюс в тёмной теме есть комбинация белая кнопка и белый шрифт"

  7. Улучшение завершения упражнений

    "После окончания обычной практики ничего не происходит"

  8. Документация

    "ладно хватит давай обнови readme"

🧠 ИИ-ассистированная разработка

Claude Sonnet 4 помог в:

  • 🏗️ Архитектуре проекта - создание модульной структуры
  • 🎨 UI/UX дизайне - современный интерфейс с анимациями
  • 💻 Кодировании - чистый, читаемый JavaScript код
  • 🎯 Функциональности - интуитивные возможности
  • 🐛 Отладке - быстрое исправление проблем
  • 📚 Документации - подробное описание возможностей

🔄 Процесс разработки

  1. Анализ запроса - понимание требований пользователя
  2. Планирование - создание структуры и функций
  3. Реализация - написание кода с учетом лучших практик
  4. Тестирование - проверка работоспособности
  5. Итерация - улучшение на основе обратной связи
  6. Документирование - создание подробной документации

💡 Преимущества ИИ-разработки

  • Быстрая итерация - мгновенные изменения по запросу
  • 🎯 Фокус на пользователе - учет всех пожеланий
  • 🔧 Качественный код - следование стандартам
  • 📱 Современные технологии - использование актуальных подходов
  • 🎨 Креативность - нестандартные решения задач

👨‍💻 Автор

Создано с ❤️ для изучения слепой печати с помощью Claude Sonnet 4.


Удачной тренировки! 🚀

About

No description, website, or topics provided.

Resources

Stars

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages