Расскажи про проект Пеликан Фитнес Клуб: дизайн, анимации и слайдеры
Что проверяют
Вопрос про проект из портфолио задают не ради пересказа. Интервьюер выясняет глубину вашего участия: сами вы делали анимации и слайдеры или подключили готовый компонент и оставили настройки по умолчанию. Ещё смотрят, отличаете ли вы декоративную часть работы от инженерной: плавность кадров, вес страницы, поведение на слабом телефоне.
Как отвечать
Разложите рассказ по слоям, а не по хронологии.
- дизайн и вёрстка: откуда взялся макет, что уточняли у дизайнера, как собраны сетка и типографика, что сделано с состояниями наведения, фокуса и пустых данных;
- анимации: что именно двигается и зачем. Ключевая техническая мысль: анимировать стоит
transformиopacity, они обсчитываются композитором и не заставляют браузер пересчитывать раскладку. Появление блоков по прокрутке делается черезIntersectionObserverили готовый скролл-триггер, а не обработчикомscrollс чтениемgetBoundingClientRectна каждый кадр; - слайдеры: писали сами или взяли библиотеку и почему. Если библиотеку, скажите, что настраивали: число слайдов по контрольным точкам, ленивую подгрузку картинок, жесты на сенсорном экране.
Отдельно назовите то, что читается как зрелость: prefers-reduced-motion для тех, кому движение мешает, управление слайдером с клавиатуры и подписи для стрелок, остановка автопрокрутки при фокусе, заранее заданные размеры картинок, чтобы блок не прыгал при загрузке.
Закончите честно: что получилось, а что переделали бы сейчас.
Где спотыкаются
Первое: рассказ целиком про красоту. Фраза о плавных переходах и довольном заказчике не говорит об уровне ничего. Вопрос технический, и ответ нужен про решения и ограничения.
Второе: выдуманные цифры результата вроде роста времени на сайте на треть. Верстальщик такие метрики не считает, и вопрос про методику замера обнуляет весь ответ. Говорите о том, что мерили сами: вес бандла, плавность прокрутки, оценки скорости загрузки.
Третье: анимации без тормоза. Кандидат перечисляет эффекты, но не упоминает ни доступность, ни слабые устройства, ни то, что тяжёлая библиотека анимации грузится отдельным куском. Это звучит как проект, который жил только на ноутбуке разработчика.