Внешнее интервью: создайте индикатор выполнения с помощью HTML, CSS и Javascript
Один из распространенных вопросов для интервью для разработчиков интерфейса — это вопрос Create a progress bar
. В большинстве случаев разработчика просят использовать чистый Javascript, а не библиотеку или платформу, кроме DOM API.
Этот вопрос оценивает понимание респондентом чистого Javascript, объектной модели документа (DOM) и функций времени Javascript, таких как setTimeout и setInterval.
Обычно ожидается, что разработчик создаст индикатор выполнения, который можно будет использовать несколько раз. Бонусные баллы начисляются за настраиваемость индикатора выполнения (индивидуальная ширина, время завершения и цвет фона).
Я подготовил два видеоурока, которые начинаются с предположения, что индикатор выполнения находится внутри контейнера размером 500 на 30 пикселей, начинается с 0% и покрывает весь контейнер (100% ширины контейнера) за 3 секунды. Затем я беру решение для этого и делаю его многоразовым с помощью класса Javascript и настраиваемым с помощью объекта конфигурации.
Посмотрите следующий плейлист для двух видео, поставьте лайк и поделитесь видео, если оно покажется вам полезным. И, конечно же, ПОДПИСАТЬСЯ на канал, чтобы получать уведомления о новых видео.
https://www.youtube.com/playlist?list=PLiCVMw2RdtGdVP5kfkKB68byo0H30TS7n