Чем отличается верстальщик от frontend разработчика

Чем верстальщик отличается от фронтенд-разработчика

Если поискать на работных сайтах сабж (любой из них), то число вариаций будет зашкаливать: верстальщик, web developer, фронтенд-разработчик, веб-верстальщик, HTML-верстальщик, даже слово «веб-мастер» и «веб-технолог» некоторые помнят. При этом з/п человека-верстальщика может быть 60-100К, а более круто звучащего Web Developer (ага, с заглавных) — 30-70К. Обе вакансии в примере московские, мы смотрели в вакансиях ITmozg.

Всё это говорит об одном: работодатели не чуют разницы между «верстаком» и «фронтендом». А в чем, собственно, разница

Коротко: HTML-верстальщик — это тот, кто делает из графического макета HTML+CSS страницу. Без погружения в бэкенд. Фронтенд-разработчик — это тот, кто может помимо этого писать на JavaScript, знает фреймворки и библиотеки, знает и применяет AJAX и CORS, умеет писать заглушки для AJAX запросов. То есть с частичным погружением в бэкенд.

Когда стоит интересоваться вакансией верстальщика?

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

Опыт командной работы — очень важный пункт при приеме в любую нормальную ИТ-компанию, плюс вам на будущее.
Понимание процесса — научитесь верстать так, чтобы разработчик не матерился, принимая работу. А еще поймете, когда дизайнера можно потыкать носом в макет и поучить жизни. Мелочь, а приятно.
Наставничество — ситуация на рынке кадров, не смотря на его «перегретость», все еще не самая лучшая. Иными словами, готового профи найти сложно. Поэтому частая практика: вас принимают на место верстальщика и обучают тонкостям (конечно, при условии, что базу вы знаете-умеете). Но слишком рассчитывать на помощь мастера не стоит, ибо он тоже занят. Как говорит наш разработчик: «80% процентов успешного успеха — это самостоятельное изучение и умение посылать в гугл правильные запросы. А если вообще хотите быть впереди планеты всей — запросы в англоязычный интернет».
Возможности горизонтального роста — не собираетесь же вы всю жизнь собирать хтмл-шаблоны? Пощупаете JS, если с логикой все в порядке — мутируете со временем в полноценного фронтенда. Или в бэкенда, что больше понравится. Большинство нынешних ИТ-компаний дают возможности расти, и это радует. Мы у себя в студии тоже — обучаем и выращиваем дремучих спецов.

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

Западные ИТ-компании выдвигают такой список требований:

Понимание ключевых серверных технологий.
Верстка графических макетов в HTML, CSS и JavaScript.
Создание визуально привлекательных веб-страниц и интерфейсов.
Создание, редактирование и изменение шаблонов CMS или фреймворка.
Программирование на JS и знание его библиотек.
Кросс-браузерная и кросс-платформенная верстка и тестирование.
Препроцессоры и сборщики LESS, SASS, GRUNT, GULP.
Понимание UX и юзабилити.
Работа с SVG-объектами.
Адаптивная/отзывчивая верстка.
Мобильная разработка.
Работа с DOM.
Умение работать с контролем версий (Git, GitHub, CVS и т.д.).
Знание HTML5 API (канвасы, геолокация, видео и т.д).
Иметь опыт работы с веб-форматами (JSON, JSONP, XML).
Уметь проводить юнит-тестирование.
Уметь работать с веб-шрифтами.
Уверенно пользоваться графическими редакторами.
И много всего еще.

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

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

Призываем работодателей тщательнее выбирать термины при размещении вакансии. А вам, коллеги, — проверять каждую. Мало ли, что там скрывается за очередным «frontend-HTML-верстальщиком».

Различия между профессиями верстальщик и front-end разработчик

В настоящее время довольно часто попадаются вакансии в которых требуется верстальщик сайтов или разработчик front-end. Причём на первый взгляд кажется, что требования к кандидатам предъявляются одни и те же, вот только разница в зарплате ощутима в пользу разработчика front-end.

Разница между верстальщиком сайтов и разработчиком front-end

Давайте постараемся разобраться чем же они отличаются

Верстальщик

Реализует сборку сайта по графическому макеты, созданному в программе Adobe Photoshop или Adobe Illustrator.

верстальщик должен знать:

Язык разметки гипертекста HTML и CSS (причём HTML5 и CSS3);

Уметь подключать скрипты к сайту и оформлять их стилями. То есть знание библиотек JavaScript например jQuery. И начальные навыки работы с самим JavaScript;

Так же от верстальщика требуется умение верстать кроссбраузерно (учитывать особенности основных браузеров);

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

В добавление к предыдущему пункту можно отнести следующие фреймворки, которые тоже должен знать верстальщик (или хотя бы один из них), это Bootstrap от разработчиков Twitter или Semantic UI.

Разработчика front-end

Наполняет сайт контентом, которые получает через ajax запросы, делает «заглушки» для запросов. Часто от разработчика front-end требуется начальные навыки программирования на серверных языках, таких как php, ruby или python

разработчик front-end должен знать:

HTML5 и CSS3;

Глубокое знание JavaScript и его фреймворков;

Знание нескольких популярных cms (Joomla, wordpress, drupal);

Умение применять Ajax

Вывод:

Разработчик front-end отличается от верстальщика более высоким уровнем знаний, иногда даже граничащий с разработчиком back-end.

Front-end и Верстальщик. В чём различия и особенности этих профессий?

Верстальщик – это урезанная версия frontend-разработчика c бОльшим упором на качество верстки, не всегда даже требуется знание js, часто достаточно уметь прикрутить готовые плагины. Часто верстальщика еще называют Junior frontend-разработчиком, но это не совсем так.

Frontend-разработчик – должен обязательно знать ванильный js (ES6) и иметь опыт работы хотя бы с одним js-фреймворком. Качество верстки здесь уже не на первом месте, т. к. большую часть кода роботы даже не увидят, главное, чтобы все работало правильно, без ошибок и быстро. Но для frontend-разработчика качественно сверстать макет в большинстве случаев тоже не проблема.

Чем отличается верстальщик от front-end developer?

Если фронтенд строится на стороне сервера, то дополнительно потребуется знать используемый серверный язык программирования (например, Python, Ruby или PHP) и используемый фреймворк (Django, Ruby-on-Rails, Yii). На практике бывало такое, что фронтендер просил в нужной части проекта сделать var_dump от структуры данных, которую надо показать и перечислить серверные методы, которые надо вызвать по нажатию предполагаемых кнопок.

Зачастую фронтенд-разработчик может и сам закодировать эти серверные методы, если не требуется углубляться в серверную логику (отношения в данных, конкретная бизнес-логика, хранение данных, кэширование, очереди, крон-задачи). Я лично таких очень ценю.

И моё личное мнение — фронтенд разработчику не помешают базовые знания про UML. Иногда с ними так тяжело обсуждать обмен данными по AJAX. У них это какой-то непрерывный поток магической энергии, волшебным образом преобразующийся в буковки на экране пользователя, а вот для бакенда это набор отдельных операций, иногда ещё и асинхронный. Диаграммы последовательностей ни читать, ни писать многие не умеют. Таймлайны составлять не умеют.