В чем отличие верстальщика от фронтендщика

31 Июл 2018

Миддлрид

В современной социальной прослойке профессионального населения, которое называет себя верстальщиками веб-страниц или фронтендщиками, с момента появления последнего термина существует спор — в чем же разница и кто есть кто.

Внимание, спойлер — почти ничем, это одна профессия.

Почему я задался этим вопросом и почему о нем говорю. Я начал писать курс по верстке, который почти сразу же стал книгой. Больше информации о ней появится позже, когда я займусь оформлением и продвижением.

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

В самом начале я столкнулся с вопросом — кто такой верстальщик? И натурально сел и призадумался. Я уверен, у каждого бывают такие моменты, когда он задумывается о таких «простых» вещах.

Итак, кто такой верстальщик?

Я оказался в профессии казалось бы недавно с точки зрения ее существования, где-то на стыке перехода на HTML5. Т.е. нас учили еще использовать HTML4, показывали табличную верстку, а на выходе оказалось, что все это можно забыть.

Благо, последние стандарты лояльны и обратно совместимы. Жаль только некоторые реально полезные теги и методики теперь маркируются как невалидные. А говорю я про такие вещи, как например <nobr>. Это просто святая штука, которая реально помогает соблюдать правила языка, ибо есть вещи, которые не переносят, например, названия инициалы рядом с фамилией. W3C предлагает решать этот вопрос средствами css-свойством word-wrap.

Так что первым свойством, которым должен обладать верстальщик я могу назвать грамотность. Каюсь, сам грешу в пользу скорости, трудно быть одновременно умным и быстрым. Грешно — в принципе не знать, что такое правило и зачем их применять.

Дальше можно углубиться в историю, скажем так, аналоговой верстки. Это когда работают с бумагой, может кто помнит, как выглядят и пахнут книги!? Ими в том числе занимались и продолжают верстальщики. В их задачу входит, грубо говоря, взять текст и изображения, да разместить на полосе. Если верить дословно Википедии:

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

Что такое висячие строки, я уверен, большинству прочитавшим придется искать в поисковике. А теперь предлагаю заменить слова типография на веб-студию, наборщик текста — копирайтер, полосу — веб-страницу.

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

В отличии от типографской верстки, правда, приходится иметь дело с нефиксированной областью отображения информации [экраны, средства печати с экрана], динамическим контентом и, вдобавок, возникает куча сложностей, такие, как корректное отображение пользовательского ввода. Это когда вам заранее надо продумать, как будет выведен текст, который ввел пользователь, будь то комментарий, название статьи в блоге, загруженного трека, видеозаписи.

Еще пачка нюансов

То, что я описал выше — могло быть требованиями лет 20 назад, но профессия-то растет, развивается и требований становится больше. Да и технологии не подкачивают: раньше у нас был блокнот из пакета Windows или Vim, а сейчас столько полноценных IDE, от Notepad++ до WebStorm.

Кроме редакторов существуют куча требований по стандартам верстки, а это:

  1. Стандарт HTML5
  2. Каскадные стили третьего поколения (CSS3)
  3. ES6 — что это за зверь, неужели JavaScript!?

Кроме них существуют понятия адаптивной верстки, экранов-то много. Много больше чем форматов для печати, а браузеров сколько, чего стоит Internet Explorer. Хотя погодите-ка, ему на замену вышел достойный Edge, который еще лучше уничтожает вашу верстку.

До кучи классово верный верстальщик должен уметь и знать:

  1. Английский, чтобы осилить документацию
  2. Всевозможные фреймворки типа Bootstrap или Foundation
  3. И js-библиотеки
  4. Обязательно должен освоить систему хранения версий, куда без нее!?
  5. Быть в состоянии автоматизировать процесс верстки, чай не в каменном веке живем
  6. С легкостью ориентироваться в изображениях, их назначениях, уметь обрабатывать [сжимать, масштабировать]
  7. В предыдущий пункт совесть не дала засунуть SVG-графику
  8. Плохой верстальщик не знает, что такое семантическая верстка
  9. Совсем плохой не знает, как работать со шрифтами

Существует еще множество нюансов, которым я считаю не стоит уделять много времени, просто приведу пример — Emmet. Как и в случае с висячими строками предлагаю пройтись за подробной информацией в поиск.

Погодите-ка, лично я считаю, что верстальщик должен понимать, для чего он верстает, иными словами ориентироваться в программировании.

А еще лучше — сразу работать в паре с программистом, иначе будет стыдно за то, во что он превратит верстку. Программисты они как… Как физики, живут в своей вселенной в отрыве от действительности.

Преступая границы

Вот где-то тут верстальщик наступает на границу чего-то непонятно чего. Лично я считаю отличным бонусом, если он сможет сверстать не просто статическую страницу, а заготовку под использование с каким-нибудь фреймворком типа Angular, Vue, React.

Тут гуглить не заставлю, дам вкратце пояснение — эти фреймворки позволяют на примитивном уровне манипулировать содержимым страницы, что это, если не верстка? А это она и есть.

А на продвинутом уровне — отправлять запросы на сервер и получив ответы подстраивать содержимое под ответ.

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

Для примера покажу первые 2 ссылки, которые я нашел по запросу «что должен уметь верстальщик» и «что должен уметь фронтендщик».

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

Таким образом все равно приходим к тому, что требования выросли, а пропасть в пол шишечки решили заткнуть гордым названием.

Точно такая же история произошла с дизайнерами, появились ux\ui проектировщики и кто там еще!?

В качестве заключения

Товарищи профессионалы, оставайтесь грамотными профессионалами. Не будьте теми, кого искусила глупость из-за лени, всегда повышайте сами требования к себе. И не забывайте, из чего все это появилось. Не заменяйте сложное простым, простое — сложным.

Авторы статьи
Арсений МатыцинАрсений Матыцин