Профессиональный навык

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

Подробное описание навыка

Описание навыка

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

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

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

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

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

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

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

Состав навыка

Подготовительный материал

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

Углублённая теория

Углублённая теория и методики общим объёмом 30-50 страниц.

Демонстрационные кейсы

Четыре демонстрационных кейса: 2 лёгкого уровня, 1 среднего уровня и 1 сложного уровня.

В каждом кейсе в качестве входных данных мы получаем дизайн страниц. Затем, используя предложенную методику, пошагово верстаем страницу. На выходе получаем готовую разметку и стили. Все шаги детально описаны.

Пошаговые разборы кейсов

Один разбор для каждого демо-кейса.

Разборы кейсов выполнены в виде подробных текстовых демонстраций с поясняющими иллюстрациями и примерами кода.

Тренировочный материал

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

Шесть тренировочных кейсов, по два для каждого уровня сложности.

В качестве входных данных вы получаете дизайны страниц, на выходе должна получиться разметка со стилями.

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

Продажа закрыта