Должен ли фронтенд разработчик уметь верстать (css)?

Question

[700ghz]

1) Должен ли фронтенд разработчик уметь верстать (psd-to-css)?
или достаточно знать twitter bootstrap/angular material?
2) если заказчик взял меня как full-stack, как ему объяснить что я не верстальщик?
I'm not a css developer? Please find a css developer in our team. Or let's use angular material
Как думаете, норм?

Спасибо за любые идеи :)

Comments

[700ghz]

Всем спасибо!
Вообще как то так ложилось: год angular+material+bootstrap, потом два года node+mysql+mongo, tdd и все такое. А вот до css руки не дошли, уж больно не нравится мне непредстказуемое поведение этой технологии.

[alex]

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

I'm not a css developer?

css developer? серьезно? я бы на месте заказчика после таких слов убжеал бы от вас и не оглядывался.

Answer 1

[abbrakadabbra]

Фронт-энд разработчик не умеющий верстать, это как сантехник, не умеющий починить кран. CSS - это наверное самое легкое, что есть во фронт-энд, так что учите его, иначе вы не можете претендовать на его звание. Тем более на full-stack.

Answer 2

[Илья С]

Иерархия навыков упрощённо выглядит так:

1. Верстальщик (умеет только html + css)
2. Фронтендер (умеет также в JS)
3. Full-Stack (умеет и фронтенд и бекенд)

Если вы не умеете верстать, то вам ещё рано называться фронтендером. Если вы умеете, но не хотите, это другой вопрос. Тут уж как договоритесь.
Если вас взяли как full-stack, а вы умеете только frontend делать, то нужно обозначить это заказчику. Возможно вы не подходите на проект.

Comments

[Афанасий Захаров]

Интересная иерархия :)
То есть вы предлагаете распыляться на разные технологии и сферы их применения, вместо хорошего и подробного изучения одной?

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

[Илья С]

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

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

Full-Stack - это не "распыляться на технологии и сферы". Это изучение полного цикла разработки, где разные языки дополняют друг друга.
Распыление это когда человек одновременно и PHP, и Ruby, и Python, и .NET изучает. И ещё мобильной разработкой занимается.

[Афанасий Захаров]

Stalinko, вы сейчас говорите с точки зрения фриланса? Или работы над большими проектами?

[Илья С]

Stalinko, вы сейчас говорите с точки зрения фриланса? Или работы над большими проектами?

Афанасий Захаров, не очень понял вопрос. Одно другому не мешает.

[Афанасий Захаров]

Stalinko, Думаю все таки мешает.

а фулл-стек хорошо знает либо фронт либо бек.

ИМХО, в больших проектах намного удобнее не пускать тех, кто хорошо знает бэк к фронту и наоборот, это лишние издержки.

[Илья С]

ИМХО, в больших проектах намного удобнее не пускать тех, кто хорошо знает бэк к фронту и наоборот, это лишние издержки.

Есть такое.
Но при этом, если фронтендер будет знать принципы бекенда и способен прочитать код (и наоборот), то это будет большой плюс.

[Афанасий Захаров]

Stalinko, ну, мне кажется, это должен уметь любой уважающий себя фронтендер :)

[enjoy_own_life]

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

[Иван Антонов]

enjoy_own_life, веб и так узкий, куда уже?

[enjoy_own_life]

Иван Антонов, если проект сложнее лендинга или сайта-визитки, то фулстак-специалист это не лучший выбор.

[Иван Антонов]

enjoy_own_life, Это не лучший выбор не потому что фулстак разработчик "тупой", а потому что задач много и один фулстакер будет разрабатывать сайт годы. Особенно, если задача стоит сделать сайт с нуля без использования каких-нибудь CMS в которые могут быть уже включены большинство необходимых функций. К тому же, если фулстакер один занимается "охерительным" проектом у него и ЗП должна быть соответствующая.

Answer 3

[ParaBellum577]

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

Answer 4

[mrFeeman]

Кольнуло сердце прочитав вопрос

Answer 5

[strelok011]

Фронтэнд должен верстать лучше профессионального верстальщика??? Судя по всему мало кто понимает что такое проф верстка.

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

Пренебрежительное отношение к верстке скорее всего из-за отношения к результату 'и так сойдет'.

И если фронт не умеет в верстку - он будет костылить на js и писать чудовищную разметку, лишь бы работало.

5 лет был чистым верстальщиком, сейчас второй год пишу на реакте (в основном).

И да - качественный фронт лучше растить из верстака. Но такое встречается все реже и реже.

Comments

[strelok011]

Это в запале, выше в комментах проскочила идея. Извиняюсь.

Answer 6

[erid]

Ребят, похоже у вас нет понимания назначения слова frontend developer.
Фронтендщик уметь верстать не должен.

Кто хочет поспорить и написать что он крутой и верстальщик и фронтендер - скиньте ссылку на ваш плагин у которого 10к + скачиваний или аналогичная разработка. Нет такого плагина? Тогда какой же из вас фронтендщик?

Все ваши знания по gulp и sass - это всё ещё вёрстка - да, более продвинутые инструменты, но инструменты вёрстки, и к фронтенду не имеющие никакого отношения.

Фронтендщик должен уметь писать очень хороший абстрактынй ОО-js код на классах и прототипах - способный работать вне любой и на любой вёрстке.
Фронтендер - тот, кто пишет логику плагинов, оптимальную и быструю в соответствии с последней редакцией EcmaScript.
Верстальщик - тот кто верстает: разметка + оформление + немного скриптов.
Фронтендер не только не должен верстать, он должен ни в коем случае в вёрстку не лезть.

back-end, front-end и верстальщик - это три разных специалиста, с совершенно разными технологическими стеками.

Вы можете быть не согласны, но хороший специалист не работает 24 из 24 часов в сутки. Брать на себя лишнее - значит специалистом не быть. Или давайте тогда ещё на верстальщика повесим обязанность - дописывать нативный код браузеров, на фронтендера написание веб-сервера, а на бэкендщика - разработку СУБД. А почему нет? давайте втащим сюда ещё и descktop и системную разработку, и драйверы и операционку и мобильную разработку повесим на верстальщика, да и вообще пусть это всё контенщик делает.

Ты же контенщик? Наколи мне интернет, контенщик!

Comments

[sybear]

Я полностью с тобой согласен по всем пунктам. Российский рыночек пока еще не согласен.

Answer 7

[sim3x]

1. Да, лучше верстальщика
2. Все детали лучше оговорить до принятия оффера
Как сформулировать уточнение процесса разработки зависит от того как вам поставили задачу

Answer 8

[Афанасий Захаров]

Однозначно должен уметь.

Я никогда не учился верстать именно осознанно, скилл сам приходит, если так или иначе с ним сталкиваться. Тем более , flex очень прост в освоении и покрывает 90% задач.
Потратьте недельку на какие то задачки по верстке и вы не будете проседать по этому навыку.

Comments

[Дамир Саяхов]

Флекс не покрывает 90% задач, если говорить о верстке в целом. Флекс - это капля в море: небольшая группа css св-в, решающая много вопросов по позиционированию элементов и на этом все.

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

Еще есть верстаки, которые думают что БЭМ это когда в верстке используешь __ и _ )) У кого больше черточек, тот молодец)))

По итогу отсутствие системности, костыли на костылях, нет явного понимания что будет если я вот эту кнопку перенесу в другое место. При заполнении контентом появляются баги что места для него не хватает и множество других.

Я не говорю что Вы что-то плохо делаете, но за недельку я бы не стал говорить о каком-либо умении верстать хоть как-то. Флексы да, верстка - нет. За ~2 месяца можно получить уверенный навык и то если именно заниматься практикой, а не на ютубах ролики смотреть типа "10 вариантов кнопок для вашего супер сайта".

[Афанасий Захаров]

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

Я в первую очередь занимаюсь джаваскриптом и всякими задачами связанными с ним, и, мне кажется, достаточно много фронтенд разработчиков занимаются чем то похожим, и в этих задачах не так важна идеальная верстка, как просто умение что-то сверстать.
Я вообще styled-components использую, по БЭМу никогда не работал.
От недостатка работы не страдаю, нет чувства, что я серьезно проседаю.

Answer 9

[Vatrush]

На месте css может быть любая другая технология, это как "Должен ли фронтенд разработчик уметь писать на JS?".

Answer 10

[Дамир Саяхов]

Можно даже js не знать, главное react и nodejs изучить. Извините, не сдержался.
А так вообще не претендую на истину, но мой взгляд таков: фронт обязан уметь верстать, понимать что такое БЭМ нейминг и уметь использовать на практике. Scss pug gulp по вкусу. Был опыт в компании подключили ко мне к вёрстке фронта(я верстальщик). Он написал ну прям достаточное количество отвратной вёрстки, которая не по бэму, а по кайфу(ща сдадим нормально все будет), не предусмотрено если 2 строчки заместо 1 будет. В исходники смотришь там медиазапросы одни сплошные. Прям супер абусфуцировал вёрстку. Прошло уже месяцев 6 вроде. Совсем недавно прекратились правки по его страницам.

Ну и как это? Недофронтэнд или фронт неверстак? По мне так первый вариант и профнепригодность.

Я не говорю что фронт обязан верстать, я говорю о том что он обязан уметь верстать и делать это хорошо.

Comments

[Кирилл Кудрявцев]

Можно даже js не знать, главное react и nodejs изучить

Смешно получается

[abbrakadabbra]

А Node.js и React написаны на Питоне? :-)

[Дамир Саяхов]

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

[erid]

Дамир Саяхов, как верстальщик весь css должен был писать ты сам и не давать лезть в стили никому другому, ты же не даёшь уборщице писать за тебя часть стилей или в вашей компании так принято: кто мимо проекта проходил, тот часть кода и написал?
Если ты позволил другому специалисту сделать часть своей работы - это уже твоя ошибка. Без обид - это объективно.
То, что фронтендер начал писать что-то сверх бутстрапа - свидетельствует, что он действительно хреновый специалист в своей области.