Чем конкретно занимается Frontender сейчас?

Question

[DevFoDevi]

Если бекенд это работа со сторонним АПИ, CRUD, обработка данных, БД, оптимизация, предоставление АПИ.
То фронт это только получение АПИ и его вывод + верстка?

Comments

[DevFoDevi]

Sha644, а конкретнее)))

[Ярослав Иванов]

DevFoDevi, кофе носит сеньерам и батинки начищает

[Максим Тимофеев]

Чем конкретно занимается Frontender сейчас?

позвонил ему, спросил, говорит, что чай пьет

То фронт это только получение АПИ и его вывод + верстка?

Слово "просто" тут не уместно. Почитайте про SPA, про js frameworks, например VUE.js или Angular. Сейчас очень часто есть проекты где мега сложный front и просто api надо на back написать. Не раз встречал ситуацию, когда за два дня сделаешь админку простую + api, а три фронта потом еще месяц морду собирают.

[DevFoDevi]

Максим Тимофеев, неужели кто то дельное что то сказал. Низкий вам поклон!

[stratosmi]

DevFoDevi,

неужели кто то дельное что то сказал. Низкий вам поклон!

Дык нам и в голову не пришло, что если человек употребляет слово "фронтенд", то названия Angular, React или хотя бы Vue ему не знакомы

[Developer]

stratosmi, мне эти слова знакомы, поэтому в своих проектах их избегаю :)
Достаточно старого доброго jQuery

[stratosmi]

Developer,

Достаточно старого доброго jQuery

В современные версии JS уже встроен наиболее частоупотребимый функционал jQuery
Не так то нужен и jQuery

[Developer]

stratosmi, тем лучше

Answer 1

[Vitaliy Orlov]

Да, фронты занимаются всем тем, что видит пользователь. И если раньше, это была только верстка под 1-2 браузера, то сейчас это верстка под разные разрешения, анимация, попапы, реактивные компоненты и много чего еще. Не думаю, что обычный бэк пишущий парсеры и API, вот так может взять psd-шный макет по слоям и сделать из него за разумное время адаптивное SPA приложение, например на Vue. Вот отсюда и выросла отрасль - фронт усложнился и нужны узкие специалисты. При этом бэк в свою очередь становится все проще и проще, тк в 90% случаев бэк это лишь набор инструкций для вывода данных из базы.

Comments

[DevFoDevi]

Vitaliy Orlov так мне говорят что верстак и фронендер разные спецы!

[Николай Шабалин]

DevFoDevi, также как верстальщик и верстак - это разные спецы. Если разделять верстальщика и фронтендера, то верстка это - css, html, адаптив, шрифты, оптимизация загрузки, DOM, CSSOM, плавные анимации, профилирование, картинки, интерфейсный JS, а фронтендер это связь между бэкендом и фронтом (API), профилирование js, алгоритмы, паттерны.

[Vitaliy Orlov]

DevFoDevi, вполне может быть, если верстальщик только верстает, а фронтендер пишет туда логику на js-е. Но, это должен быть очень крупный проект. Например, вполне может быть какая-нибудь валютная биржа, где верстальщик будет только подгонять блоки под дизайн, фронтендер будет писать весь js, а бэк заниматься endpoint-ами API. Но, пока таких проектов не много.

Это как, если бы запросы к БД на SQL-е писал не бэк, а специально нанятый SQL-разработчик. Такое вполне может быть, но на очень больших проектах.

[DevFoDevi]

Николай Шабалин, ну и что делает этот фронтендер конкретно если верстальщик все сделал. слепил морду интерфейс и тд. ??? АПИ прогоняет? так это проще верстки да и любой верстальщик это сможет

[DevFoDevi]

Николай Шабалин, спасибо что помогаете разобраться!!!

[hOtRush]

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

Орнул в голос

[Николай Шабалин]

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

[Владислав Копылов]

"тк в 90% случаев бэк это лишь набор инструкций для вывода данных из базы" - Простите, не удержался)

[stratosmi]

DevFoDevi,

так мне говорят что верстак и фронендер разные спецы!

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

Если же речь о недорогом фронтендере - то да, он зачастую и верстку делает. Он же и бэкендер. Он же и админ.

[stratosmi]

DevFoDevi,

ну и что делает этот фронтендер конкретно если верстальщик все сделал. слепил морду интерфейс и тд. ??? АПИ прогоняет? так это проще верстки да и любой верстальщик это сможет

Да ты че?
https://angular.io/tutorial/toh-pt1
Что из этого кода понятно рядовому верстальщику?

P.S.:
Специалисту это и должно быть просто. Именно потому его заказчик и нанимает, что не может этого сделать сам (или самому вышло бы дольше-дороже).

Если бы все было столь просто сделать заказчику, а сложно сделать фронтендеру, то это не фронтендеров бы заказчики нанимали, а наоборот.

[stratosmi]

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

Для лендингов - да, конечно.

Да и есть просто готовые компоненты - берут из СУБД, передают наружу по API, отображение API на SQL универсальным сделано. Типа такого https://github.com/PostgREST/postgrest
Вообще ничего программировать на бэке не надо.

[dkrylov]

Владислав Копылов, бекендеры залайкали)

Answer 2

[sim3x]

Нормальный фронтендер стоит много денег
Никто в здравом уме не будет использовать дорогого спеца на верстке

Верстальщик делает из псд макет в sass/less + html + минимальный жс для реализации задумки дизайнера

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

Между позицией верстальщик и фронтендер - пропасть в виде огромного багажа знаний по js и по конкретному фреймворку

Comments

[DevFoDevi]

sim3x и что же он делает? гоняет апи в морду сайта?)

[sim3x]

DevFoDevi, да

И вы не представляете насколько сложно сделать просто хороший интерфейс

[DevFoDevi]

sim3x, сложность в чем ? в тмо плане там больеш рутины или логики как на ебекенде?

[stratosmi]

DevFoDevi,

сложность в чем ?

Если вам все просто - ну тогда идите и зарабатывайте миллионы.

в тмо плане там больеш рутины или логики как на ебекенде?

Почему всегда больше? В конкретном проект может быть больше фронтенда или больше бэкенда.

Фронтенд бывает большим и соответственно очень сложным
Как отрефакторить 2 500 000 строк кода и не сойти с ума
Если вы "просто умеете вертску и API", то это не означает, что с таким проектом вы справитесь.

[Толстый Лорри]

DevFoDevi, сложность в том, что современный веб - это легаси и тонна костылей, чтобы это было хоть как-то съедобно. Навыки жонглирования этим всем в голову одного индуса не помещаются, поэтому зовут второго. Местные считают, что это дико круто.

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

[sim3x]

DevFoDevi, плавность интерфейса, предсказуемость, сильная связность, тестирование и много деталей

Если вам требуется аналогия из мира бека
0. Сделайте так, чтоб ответ на любой запрос к беку происходил за одинаковое время
1. После, сократите время в 10 раз
2. А теперь сделайте константное время доступа для всех, географически разбросанных по всему шарику, клиентов

[uRoot]

sim3x, сейчас вакансий чисто верстальщика поубавилось, а фронтендеров наоборот. Складывается впечатление, что вёрстка ложится полностью на фронтенд-разработчика

[spaceatmoon]

CryNet, так и есть.

[spaceatmoon]

sim3x, 0. Сделайте так, чтоб ответ на любой запрос к беку происходил за одинаковое время

А такое вообще возможно? Можно на пальцах как к примеру селект с пару джоинами прировнять к простому селекту?

[sim3x]

CryNet, возможно пытаются искать на вырост спецов, возможно hr не имеют квалификации для того чтоб различить

spaceatmoon,
Можно.
Очень сложно, но можно.
Кеширование, предсказывание поведения
Джоин - простая операция, если она использует индекс, а вот селект с фулсканом - будет вам дорого стоить

[uRoot]

sim3x,

не имеют квалификации для того чтоб различить

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

[uRoot]

spaceatmoon, как же бить тогда?

[sim3x]

CryNet,

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

и тот что знает реакт или ангуляр, оптимизацию отрисовки интерфейса, тестирование фронта и тд и тп
И еще он не верстает

А так да - совсем нет различий

[uRoot]

sim3x, так я же написал:

Если глянуть на вакансии

[sim3x]

CryNet,

возможно hr не имеют квалификации для того чтоб различить

[Cl3r1k]

sim3x,
А как быть если знаешь ангуляр, оптимизацию отрисовки интерфейса, тестирование фронта
Но не умеешь верстать?

[sim3x]

Cl3r1k,

оптимизацию отрисовки интерфейса
Но не умеешь верстать?

маловероятно

[Cl3r1k]

sim3x, Тогда просто знаешь ангуляр, но не умеешь верстать?
Такое возможно?
Как им быть?

[sim3x]

Cl3r1k,

Такое возможно?

нет

Answer 3

[Владислав Копылов]

"То фронт это только получение АПИ и его вывод + верстка?" Если в общем, то ДА.
Если подробнее, то:
Не во всех компаниях фронты занимаются версткой. Сварганить SPA тоже надо уметь, особенно когда нужно асинхронно в реалтайме обновлять информацию. Плюс всякие локальные задачи: валидация данных; оптимизация размера бандла; потихоньку пришел PWA со своими плюшками (webworkers, пуши, кэш и прочее); работа с API тоже может быть разной (JSON REST, вебсокеты, graphql); Тестирование кода на стороне клиента (приемочные тесты); Трекинг действий пользователя; Различные интерактивные игры (webgl); и прочее...
Область достаточно большая, если копать глубоко.

Answer 4

[Артем]

Если занимаетесь бэкэндом, то попробуйте под этот свой бэкэнд написать клиента, например, на Vue или React.
Возьмите готовый макет. Сверстайте его. Разделите верстку на компоненты. Добавьте хранилище данных. Напишите валидаторы в формах. Сделайте все данные реактивными (изменяются в хранилище - тут же изменяются на странице). Подключите свой бэкэнд к клиенту. Придется написать конвертеры данных, т.к. зачастую с бэкэнда данные приходят не в той структуре, которая нужна клиенту.

А потом внесите изменения в макет. Поменяйте оформление UI-компонентов (инпуты, кнопки, выпадающие списки). Поменяйте расположение блоков. И попробуйте внести эти изменения в свой фронтэнд. Получилось быстро и без проблем? Вот это и есть работа фронтэндера в России.

Comments

[DevFoDevi]

Артем дак да ничего такого я не заметил я так и делал)) нудновато даже...думал фронт поярче

[Станислав Б]

нудновато даже...думал фронт поярче

Ну так it в принципе нудновато.

[DevFoDevi]

Станислав Б, ну мне показалось больше логике в бекенде а тут тупо компоненты копипаст разбиение ффайлов а логике ноль ну я простенькое пили может с этим связано, но даже простой магазин уже треубет логике на беке)

[Артем]

DevFoDevi,

ну я простенькое пили может с этим связано

Именно. Логики во фронте много.

Answer 5

[Андрей Титов]

Активным поиском работы.

Comments

[Владислав Копылов]

Не согласен. Мне кажется что сейчас рынок фронтов перегрет, по крайне мере в МСК (личные ощущения).

[DevFoDevi]

Владислав Копылов, много вакансий или наоборот?

[Владислав Копылов]

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

[Дмитрий]

Владислав Копылов, Рынок не просто перегрет, очень большие проблемы с нахождением фронтендеров с хорошим знанием фреймворков. В Москве компании месяцами ищут специалистов в штат на зп 120-140 тр. На удаленную работу желающих чуть побольше, но тоже не так просто найти.

[Андрей Титов]

Дмитрий, посмотрите на соотношение вакансий и кандидатур. Неужели кампании не могут выбрать одного человека из 10? Привёл скрины из HH в своём ответе.

[Артем]

[Андрей Титов]

Артем, здесь не намного лучше ситуация

[Дмитрий]

Андрей Титов, Наберите React js, вы получите соотношение 1 к 3, но из этих трех двое будут джуниоры, едва касавшиеся react.js, получается уже 1 к 1. из этих оставшихся 2/3 не подтвердят свой миддл навык, а оставшаяся треть, которая подтвердит, будет хотеть от 150 тр, что не всегда вписывается в бюджет. Так что простое сравнение цифр здесь не работает.

[Андрей Титов]

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

[Дмитрий]

Андрей Титов, Ну наверное во всех специальностях есть джуниоры, которые ищут свою первую работу и специалисты, которые ищут местечко потеплее. Но еще раз - все компании жалуются, что грамотного фронтендера на фреймворки найти очень тяжело. Хотя может и они сами дураки, нужно просто найти толкового джуниора.

Answer 6

[Сергей Некрасов]

Зависит от компании и опыта. Все таки это больше про js, но так же очень не помешает собирать user-friendly интерфейсы.

Что делает? Рефакторит, оптимизирует, внедряет новое, пишет хотя бы на одном из популярных фреймворков, поглядывет на node.js, пишет свои проекты. По хорошему пишет тесты, но опять же зависит от задач и времени на них.