Важна ли вёрстка для фронтэнд-разработчика?
Меня зовут Роман Кичатов. Я фронтенд-разработчик в компании Флайкод. В этой мини статье я хочу поговорить о важной теме: важна ли вёрстка для фронтенд разработчика?
Я не хочу верстать, я хочу кодить!
Вёрстка – боль 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-разработчик или не стоит лезть в эту область?
Этой статье верстка тоже не помешала бы(
Что вы имеете ввиду под этими словами?
Мне кажется авторы не могут менять верстку сайта :D
Считаю, что в статье грамотно подсвечены возможности которые даёт понимание верстки, так же как и проблемы которые влечет за собой незнание основ, хотя автор и не вдаётся в подробности.
Моё мнение, что базу должен знать каждый frontend-разработчик. Это позволит избежать программирования "вопреки", процитирую автора: "... появиться монструозная разметка и костыли на JS в стиле «лишь бы всё работало»"
Очень важна) Критически важна верстка фронтендерам.
Вёрстка – боль frontend-разработчика.
Да нет, не боль)
В будущем такие знания, как семантика для SEO, доступность для людей с ограниченными возможностями будут не лишними, особенно, если этого требует проект.
Что значит в будущем?) Сейчас, получается, по Вашему мнению, можно делать несемантичные и недоступные сайты?
P.S.: на сайте студии, сделанном на тильде, у вас шапочка кривовата, залезает на то, что вы создаете.
Если не секрет, какое устройство используешь?
Для многих, кто вкатывается в веб, вёрстка это боль, и они скорее хотят перепрыгнуть на JS. На моей памяти уже таких было человек 10.
Семантика не всегда нужна. Например закрытое приложение, которые не высвечивается никогда в поисковой выдаче. Доступность также не всегда нужна.
По моему мнению, если сайт индексируется поисковыми роботами, то он обязан быть доступным. А если он будет доступным, то автоматом и семантичным.