Из чего состоят наши тренажёры ЭМО: рассказываем про фронтенд
Отвечая на вопрос, как устроены наши тренажёры изнутри, можно объяснить совсем просто, фронтенд - это всё, что вы видите на экране: картинки, кнопки, анимации.
Наши разработчики собирают каждый тренажёр как конструктор. Они пишут код (используя язык Javascript и Typescript), который превращает задумку в рабочую программу. Браузер пользователя загружает эти «детали» и собирает их в тренажёр, который можно проходить.
Как тренажёр понимает, что делать?
У каждой кнопки в коде прописана реакция. Когда пользователь нажимает на предмет или перетаскивает его, браузер видит это действие и передаёт сигнал системе. Так тренажёр понимает, что ответ верный.
В чем бывают сложности?
Самая большая задача - сделать так, чтобы всё помещалось на один экран. Мы специально избегаем длинных страниц, чтобы ребятам было проще ориентироваться и они не терялись в задании. Всё должно быть на виду и удобно работать как на большом компьютере, так и на телефоне.
На создание одной такой версии уходит от трёх дней до двух недель. При этом разработчики постоянно делают «невидимых помощников» - общие настройки и подсказки, которые помогают нам быстрее исправлять ошибки и обновлять тренажёры.
Каждый такой тренажёр - это огромная работа, чтобы обучение было стабильным и понятным.
Отвечая на вопрос, как устроены наши тренажёры изнутри, можно объяснить совсем просто, фронтенд - это всё, что вы видите на экране: картинки, кнопки, анимации.
Наши разработчики собирают каждый тренажёр как конструктор. Они пишут код (используя язык Javascript и Typescript), который превращает задумку в рабочую программу. Браузер пользователя загружает эти «детали» и собирает их в тренажёр, который можно проходить.
Как тренажёр понимает, что делать?
У каждой кнопки в коде прописана реакция. Когда пользователь нажимает на предмет или перетаскивает его, браузер видит это действие и передаёт сигнал системе. Так тренажёр понимает, что ответ верный.
В чем бывают сложности?
Самая большая задача - сделать так, чтобы всё помещалось на один экран. Мы специально избегаем длинных страниц, чтобы ребятам было проще ориентироваться и они не терялись в задании. Всё должно быть на виду и удобно работать как на большом компьютере, так и на телефоне.
На создание одной такой версии уходит от трёх дней до двух недель. При этом разработчики постоянно делают «невидимых помощников» - общие настройки и подсказки, которые помогают нам быстрее исправлять ошибки и обновлять тренажёры.
Каждый такой тренажёр - это огромная работа, чтобы обучение было стабильным и понятным.