Это веб-приложение Frontend Coach представляет собой интерактивный тест для подготовки к собеседованиям по фронтенду. Пользователи могут выбирать из четырех тем: HTML, CSS, JavaScript и React, чтобы пройти тестирование по каждой из них.
-
Стартовая страница:
- Представляет собой приветственную страницу, где пользователи могут нажать на кнопку "Начать тест", чтобы перейти к выбору темы.
-
Выбор темы:
- Пользователи могут выбрать одну из четырех тем: HTML, CSS, JavaScript или React.
- После выбора темы отображается страница с вопросами по выбранной теме.
-
Тестирование:
- Пользователи отвечают на вопросы, выбирая один из предложенных вариантов ответа.
- После каждого ответа отображается правильный ответ.
- В блоке счетчика отображается количество правильных и неправильных ответов.
-
Результаты тестирования:
- По завершении теста отображается страница с результатами.
- Пользователь видит список вопросов, свои ответы и правильные ответы.
- Также отображается общее количество правильных ответов из общего числа вопросов.
- HTML используется для структуры страницы, включая разделы приветствия, выбора темы, тестирования и результатов.
- CSS используется для стилизации элементов и создания пользовательского интерфейса.
- JavaScript обрабатывает логику взаимодействия с пользователем.
- Он управляет переходами между страницами, обработкой ответов пользователя, подсчетом результатов и отображением правильных ответов.
- Данные о вопросах по каждой теме загружаются из JSON-файла.
- Для стилизации интерфейса используется препроцессор Sass.
- Для управления структурой HTML и отображением страниц используется шаблонизация с использованием HTML-файла.
Для установки пакетов используйте команду npm install
npm run startnpm run servernpm run build-devnpm run build-prodnpm run deploynpm run clear