Giter VIP home page Giter VIP logo

nuxt-typing-wl's Introduction

Задача: Создание измерителя скорости печати.

Описание задачи

Вам необходимо создать веб-страницу, на которой пользователь сможет измерить свою скорость печати. Пользователь должен вводить предложения, а ваше приложение будет отслеживать скорость печати и отображать результаты.

Инструкции

Создайте интерфейс приложения c использованием VUEJS, состоящий из:

  • Заголовка страницы, объясняющего пользователю задачу.
  • Поля ввода для ввода предложений.
  • Таймера, который будет обратно отсчитывать время в минутах и секундах.
  • Блока для вывода информации о скорости печати и других результатов.

Реализуйте логику измерения скорости печати, используя JavaScript:

  • Пользователь должен иметь возможность вводить предложения в поле ввода.
  • При каждом вводе символа ваше приложение должно отслеживать скорость печати (например, количество символов в минуту).
  • После завершения ввода предложений, приложение должно выводить информацию о скорости печати и другие результаты (например, количество верно набранных символов).

Создайте стили для интерфейса приложения, используя CSS:

  • Стилизуйте элементы формы, таймера и блока с результатами для улучшения пользовательского опыта.

Обеспечьте адаптивность страницы для различных устройств.

Набираемый текст должен подгружаться с сайта forismatic.com через API

Результат должен быть выложен в виде исходных кодов в GITHUB, а также доступен для тестирования по URL. Пожалуйста вышлите ссылки в чат на hh.ru

nuxt-typing-wl's People

Contributors

itshkins avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.