Важна ли вёрстка для фронтэнд-разработчика?

Меня зовут Роман Кичатов. Я фронтенд-разработчик в компании Флайкод. В этой мини статье я хочу поговорить о важной теме: важна ли вёрстка для фронтенд разработчика?

Вёрстка – боль frontend-разработчика. С ростом популярности таких инструментов как Angular, React, Vue, Svelte и многих других, вёрстка, как обязательный навык frontend-разработчика, отошла на второй план. Практически на каждом проекте используются UI-библиотеки Material UI, Chakra UI, Ant Design и многие другие или же корпоративные UI-Kitы. Отсюда возникает резонный вопрос, а нужно ли учить вёрстку и насколько глубоко нужно учить или этот этап можно смело пропустить? Ответ: нужно учить, но насколько глубоко, зависит от специфики проекта.

Если frontend-разработчик не знает вёрстку совсем, чем это чревато? Так как UI-библиотеки не всегда могут покрыть все запросы интерфейса, приходится допиливать всё вручную. А если разработчик не умеет вообще верстать, то из-за этого может появиться монструозная разметка и костыли на JS в стиле «лишь бы всё работало». Поэтому, минимальные знания вёрстки всегда должны быть. Но какие именно знания нужны?

Всего лишь необходимо знать часто используемые теги и как делать простые сетки на флексах или гридах, а если проект довольно старый или специфический, то на флотах и инлайн-блоках. Также, сюда можно добавить знания работы с графикой SVG и немного адаптивности. В будущем такие знания, как семантика для SEO, доступность для людей с ограниченными возможностями будут не лишними, особенно, если этого требует проект.

По-настоящему называть себя мастером вёрстки можно при знании семантики, доступности, создании трансформаций и анимаций, адаптивной и резиновой кроссбраузерной вёрстки, умении работы со спецификациями, автоматизации рабочего процесса как HTML, так и CSS кода и многое другое. И, к счастью, сейчас frontend-разработчику нужна лишь самая малая часть из данного списка.

Моё же мнение, что качественного frontend-разработчика лучше развивать с углубленными знаниями вёрстки. Это позволит решать большинство проблем, которые могут возникнуть как в UI-библиотеках, так и без них. Быстро создать новый интерфейс или кастомизировать уже существующий.

А как вы думаете, как глубоко должен знать вёрстку frontend-разработчик или не стоит лезть в эту область?