Вёрстка многослойных элементов интерфейса

Профессиональная задача:

Умение верстать типовые многослойные элементы: слайдеры, «всплывающие» попапы, модальные окна, тултипы-подсказки, прокручивающиеся вместе со всем сайтом «липкие» меню, выпадающие элементы интерфейса, «прелоадеры» и подобные элементы.

Зачем нужен этот навык:

Разнообразные интерактивные элементы обычно есть в каждом современном сайте или приложении, которые не только отображают информацию, но и позволяют пользователю взаимодействовать с интерфейсом. Сложность вёрстки таких элементов в том, что верстальщику приходится быть «немножко дизайнером», когда он «оживляет» спроектированный в макете статический интерфейс. Интерфейсные элементы должны идеально работать по отдельности и при взаимодействии друг с другом, чтобы ни одна мелочь не портила весь опыт взаимодействия пользователя с интерфейсом.

Расположение относительно других навыков:

Этот навык идёт после семантической разметки, работы с графическими редакторами и вёрстки текстового содержания страниц в дереве навыков.

Минимальные требования для освоения:

• Создание семантической разметки по макету,
• Экспорт параметров и графики из PSD‑макетов или Экспорт параметров и графики из Figma,
• Вёрстка текстового содержания страниц.

Дополняет базовые знания, полученные в курсах для новичков, всем необходимым для начала отработки кейсов.

Кейсы с возрастающей сложностью и эталонными решениями, на которых вы и тренируете навык.