Путь front-end разработчика. Часть 6. Скажи, что ты умеешь, и я скажу, чего ты стоишь.

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

Предыдущие части:
Путь front-end разработчика. Начало.
Путь front-end разработчика. Часть 2. Обучение
Путь front-end разработчика. Часть 3. Как я искала работу
Путь front-end разработчика. Часть 4. Моя первая работа.
Путь front-end разработчика. Часть 5. Дизайнеры.

В современном виде веб-разработки сейчас наблюдается тенденция к комплексным специалистам. Что я имею в виду? Работодателям нужен человек-оркестр, который один вполне сможет сделать сайт. Со знанием только HTML и CSS ты далеко не уедешь. Так какими же навыками должен обладать верстальщик (в этом случае уже front-end разработчик), чтобы быть конкурентоспособным на рынке труда?

Первое и самое важное — это JavaScript. Без него сейчас вообще никуда. Ни один сайт не обходится без его использования. Для чего JS нужен? Для всего: оживление интерфейса, работа с менеджерами пакетов и сборщиками. На JS при желании можно и back-end написать. В общем, без него вообще никуда.

Нужно уметь использовать препроцессоры CSS. Их достаточно много, самые популярные — это SASS, LESS и Stylus. Препроцессоры — это программа, которая берет один вид данных и преобразует его в другой. В этом случае берется синтаксис, например, LESS и преобразуется (компилируется) в CSS. При работе над большими проектами они просто необходимы и знание их синтаксиса (хотя бы одного) обязательно при поиске работы. Есть еще шаблонизатор для HTML — Jade. Принцип работы у него такой же.

В современных реалиях не обойтись без менеджеров пакетов (npm, yarn), а также потоковых сборщиков (gulp, grunt). Они позволяют автоматизировать работу, ну и просто ими сейчас все пользуются. Плохо это или хорошо — тема отдельного поста. Как бы то ни было — это одно из требований работодателей. Вы должны знать как это все работает и уметь настраивать всю эту прелесть (вот тут без знания JS никуда).

Умение пользоваться фреймворками. Самый популярный из них — это Bootstrap. В нем есть масса плюсов, но и такая же масса минусов. Пользоваться фреймворками или нет — ваше решение, но уметь это делать надо.

Знание методологии БЭМ. Подробнее о ней можно прочитать тут. БЭМ здорово упрощает жизнь и систематизирует код.

Ну и естественно знать базовые вещи: HTML5, CSS3, кроссбраузерная и адаптивная верстка. Также надо быть в курсе последних тенденций, изменений и нововведений. Для этого надо читать статьи, желательно на английском, чтобы узнавать все как можно раньше.

Теперь о цене. Изначально мне было сложно оценивать свое время, казалось, что я беру очень много за свою работу. А потом я перестала оценивать свой труд в личных часах, а стала это делать в “ребенкочасах”. Это значительно подняло цену одного часа моей работы. А смысл в этом простой. Я оцениваю время в часах работы над проектом и сопоставляю его с временем, проведенным с детьми. Сомнения по поводу стоимости моей работы улетучились сразу. Минимальная стоимость часа у начинающего верстальщика 250-300 р/час, а минимальная зарплата около 30000 рублей. Верхний потолок вы определяете сами. Главное ценить и любить себя и свою работу.