Из чего состоят наши тренажёры ЭМО: рассказываем про фронтенд

Из чего состоят наши тренажёры ЭМО: рассказываем про фронтенд

Отвечая на вопрос, как устроены наши тренажёры изнутри, можно объяснить совсем просто, фронтенд - это всё, что вы видите на экране: картинки, кнопки, анимации.

Наши разработчики собирают каждый тренажёр как конструктор. Они пишут код (используя язык Javascript и Typescript), который превращает задумку в рабочую программу. Браузер пользователя загружает эти «детали» и собирает их в тренажёр, который можно проходить.

Как тренажёр понимает, что делать?

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

В чем бывают сложности?

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

На создание одной такой версии уходит от трёх дней до двух недель. При этом разработчики постоянно делают «невидимых помощников» - общие настройки и подсказки, которые помогают нам быстрее исправлять ошибки и обновлять тренажёры.

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