Чтобы хорошо освоить JavaScript, вам нужно много практиковаться. Чтобы много практиковаться, вам, вероятно, понадобится множество идей для приложений.

В этой статье мы рассмотрим некоторые идеи приложений и виджетов, которые можно использовать для практики программирования на JavaScript.

Приложение для случайных статей из Википедии

Мы можем использовать API Википедии, чтобы получить обычную статью в Википедии.

Чтобы получить случайную статью из Википедии, мы должны выбрать случайный идентификатор статьи, а затем получить ее с помощью API.

Кроме того, мы должны проанализировать наборы символов и правильно отобразить их в статье. Это может быть проблемой, поскольку статьи могут быть написаны символами, которые не могут отображаться в наших браузерах без вмешательства пользователя.

Приложение "Погода"

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

Мы можем использовать его для поиска данных о погоде, таких как прогноз погоды, по местоположению, а затем отображать их на экране.

Также мы можем сделать расширение браузера для отображения погоды в виде виджета.

Калькулятор чаевых

Калькулятор чаевых - это приложение, которое мы все можем использовать. Это отличный способ убедиться, что мы не недоплачиваем и не переплачиваем чаевые.

Мы можем получить соглашение о чаевых для разных стран, а затем использовать его для расчета чаевых из общей цены.

Затем мы можем отобразить сумму чаевых на экране. Кроме того, мы можем добавить функцию деления суммы чаевых на количество людей, если нам придется разделить счет.

Конечно, мы должны убедиться, что все числа верны, прежде чем производить расчеты.

Разделитель затрат

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

Конечно, мы должны убедиться, что все числа верны, прежде чем производить расчеты.

Калькулятор выплат по кредиту

Мы можем использовать формулу выплаты ссуды, чтобы рассчитать суммы, которые мы должны выплатить, и узнать, когда мы закончили выплату ссуды.

Формула берет основную сумму, процентную ставку и количество месяцев до выплаты.

Поэтому нам нужно позволить пользователю вводить все эти данные, чтобы мы могли произвести расчет.

Конечно, мы должны убедиться, что все числа верны, прежде чем производить расчеты.

Выбор случайного имени

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

Имена можно вводить в виде списка, разделенного запятыми, или списка, разделенного новой строкой.

Конвертер HTML в PDF

Полезно приложение, которое принимает URL-адрес веб-страницы или файла веб-страницы и конвертирует его в PDF.

Мы можем позволить пользователям вводить свой URL-адрес или загружать файл из внешнего интерфейса, а затем мы можем обработать HTML с помощью приложения Node и преобразовать его в PDF с помощью библиотеки по нашему выбору.

Что касается серверной части, мы можем использовать такие фреймворки, как Express или Nest.js, чтобы принять запрос.

Калькулятор преобразования единиц измерения

Калькуляторы преобразования единиц всегда пригодятся. Например, мы можем сделать такой, который преобразует вес и длину.

Мы позволяем пользователям вводить данные в поля ввода и отображать результат на экране.

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

Кодировщик / декодер секретных сообщений

Это забавное приложение, которое преобразует сообщения, которые мы хотим закодировать с помощью нашего собственного алгоритма. Затем мы должны расшифровать его, когда у кого-то есть секретный ключ.

Для всего этого нам, вероятно, понадобится какое-то отображение для преобразования данных. Мы можем сделать это, например, изменив кодовую точку каждого символа в строке на фиксированное число.

Строковые методы JavaScript могут использоваться для получения кодовой точки и преобразования кодовой точки обратно в соответствующий символ.

Викторина

Мы можем создать нашу собственную игру-викторину, загрузив несколько вопросов и ответов в базу данных, а затем отобразив вопросы и позволив игрокам вводить свои ответы.

Если он совпадает, мы отображаем сообщение о том, что ответ правильный. В противном случае мы покажем игроку сообщение о том, что это неправильно.

Мы можем выбрать несколько вариантов или позволить игрокам вводить свой ответ. Чтобы упростить загрузку вопросов и ответов, мы можем использовать ORM, например Sequelize, который мы можем использовать для заполнения данных.

Заключение

Есть множество идей для приложений JavaScript, которые мы можем использовать для развития навыков JavaScript. Если мы сможем сделать их все самостоятельно, тогда мы будем знать, что мы настоящий разработчик.

Примечание команды Plain English

Вы знали, что у нас четыре публикации? Проявите немного любви, предложив им следующие слова: JavaScript на простом английском, AI на простом английском, UX на простом английском , Python на простом английском - спасибо и продолжайте учиться!

Кроме того, мы всегда заинтересованы в продвижении хорошего контента. Если у вас есть статья, которую вы хотели бы отправить в какую-либо из наших публикаций, отправьте электронное письмо на адрес [email protected] с вашим именем пользователя Medium и тем, о чем вы хотите написать, и мы вернуться к вам!