Тестовые задания по JavaScript
Здесь собраны реальные тестовые задания, которые дают соискателям на стажировках и junior-позициях. Эти задания помогут лучше подготовиться к отбору, потренироваться и пополнить портфолио
Appbooster • Лёгкая сложность
Тестовое задание по JavaScript от компании Appbooster
Тестовое задание: frontend + graphql Создайте single page application, работающий c Github GraphQL API. Приложение представляет из себя «менеджер» для работы с issues на гитхабе. На стартовом экране нужно выбрать/ввести репозиторий. После выбора для пользователя отображается список всех открытых issues в этом репозитории (название, текст и количество комментариев). Так же для issue должна быть возможность добавить комментарий. Нужно использовать React и Github GraphQL API. Можно использовать любые сторонние билбиотеки. Пожелания: Readme с описанием проекта и шагов запуска Приятный и удобный интерфейс Адекватная обработка ошибок
DAO TECH • Лёгкая сложность
Тестовое задание по JavaScript от компании DAO TECH
Создать компонент соответствующий нижеуказанным требованиям. Для стилизации можно использовать любой css-фреймворк (например, bootstrap). Докеризация проекта и наличие корректно составленного файла readme с инструкциями по запуску обязательна. Junior • Добавление новой записи; • Отображение списка добавленных записей; • Удаление из списка добавленных записей; Junior + • Добавление новой записи; • Новая запись добавляет при условии, что её длина меньше N символов или • • равна ей; • Отображение списка добавленных записей; • Удаление из списка добавленных записей; • Переключение статуса записи Выполнено / Невыполненный при клике на её название; Middle • Добавление новой записи; • Новая запись добавляет при условии, что её длина меньше N символов или равна ей; • Отображение списка добавленных записей; • Переключение статуса записи Выполнено / Невыполненный при клике на её название; • Фильтрация по типу (все, выполненные, невыполненные); • Отображение счётчика выполненных и невыполненных задач; Middle + • Добавление новой записи; • Новая запись добавляет при условии, что её длина меньше N символов или равна ей; • Отображение списка добавленных записей; • Переключение статуса записи Выполнено / Невыполненный при клике на её название; • Фильтрация по типу (все, выполненные, текущие); • Отображение счётчика выполненных и невыполненных задач; • Использование хранилища (Redux, Mobx);
Appbooster • Лёгкая сложность
Тестовое задание по JavaScript от компании Appbooster
Тестовое задание: frontend Напишите SPA для конвертирования валют. Для получения текущих курсов найдите и используйте любое отрытое API. Приложение должно состоять из двух страниц: Конвертер из одной валюты в другую. На этой странице должно быть текстовое поле, в которое можно ввести текст в виде 15 usd in rub и получить результат. Страница с текущими курсами валют. На этой странице пользователь должен видеть «свежие» курсы валют относительно базовой валюты — например, если базовая валюта — рубль, то пользователь видит, что 1 USD = 63.49 RUB, а 1 EUR = 72.20 По-умолчанию у пользователя должна определяться «базовая» валюта, которую он может настроить. Плюсом будет: Хорошо продуманный интерфейс и внешний вид Тесты Максимальная скорость работы приложения (как при загрузке приложения, так и при конвертировании валют) Для реализации используйте Любые библиотеки, которые считаете уместными
Appbooster • Лёгкая сложность
Тестовое задание по JavaScript от компании Appbooster
Тестовое задание: frontend + graphql Создайте single page application, работающий c Github GraphQL API. Приложение представляет из себя «менеджер» для работы с issues на гитхабе. На стартовом экране нужно выбрать/ввести репозиторий. После выбора для пользователя отображается список всех открытых issues в этом репозитории (название, текст и количество комментариев). Так же для issue должна быть возможность добавить комментарий. Нужно использовать React и Github GraphQL API. Можно использовать любые сторонние билбиотеки. Пожелания: Readme с описанием проекта и шагов запуска Приятный и удобный интерфейс Адекватная обработка ошибок
без ограничений.
Чтобы получить полный доступ,
вам необходимо зарегистрироваться.