Порядок изучения frontend?

Question

[Peacefulwarriorr]

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

Answer 1

[Дмитрий Беляев]

от себя бы добавил, что вместо bem лучше использовать css-modules;
в качестве первого фреймворка я бы брал последний ангуляр, а не реакт, так как и хорошим практикам научитесь и ценник свой поднимите, ну и кроме основной тройки я бы рекомендовал попробовать svelte, хотя бы что бы просто знать, что можно писать меньше и проще

Comments

[Just Me]

я могу узнать, чем обусловлена ваша рекомендация по ангуляру?

судя по динамике последних 3 лет, растёт востребованность реакта и вью, доля же ангуляра падает

2017
2018
2019

[Дмитрий Беляев]

Just Me, ангуляр единственный кто предлагает разработчику правильные подходы к построению приложения. Правда цена за это - высокий порог входа (помимо самого ангуляра придется разобраться еще и в typescript и в rxjs, впрочем и то и то будет очень полезно и за пределами ангуляра).
Насчет востребованности ангуляра, востребованность в относительных цифрах очень большая, я бы сказал дефицит. Но если возводить все в абсолют и сравнивать голые циферки, вроде на ангуляре N вакансий, а на реакте 10N, то конечно увидим спад. А вы попробуйте нанять ангуляр разработчика. У меня такая задача вставала дважды в последние годы. И в обоих случаях все упиралось в банальное "сеньер на вью/реакт хочет 150-200тыс а сеньер на ангуляр хочет 250-300тыс".
Ну и еще, личное наблюдение. Чем хуже у технологии с долгосрочной поддержкой, тем больше на ней вакансий. Как я считаю, это связано со следующим: открывается около IT стартап, которому нужны разработчики, но желательно подешевле. Так как большой экспертизы нет, смотрят что сейчас на хайпе, ага возьмем golang на бэк и react на фронт. Дальше набирают разработчиков, которые вроде и миддлы, но на деле чуть выше чем джуны, на других просто денег нет. И вот они фигачат как умеют, а через год-два бегут из того болота, которое сами создали. Вот они и новые рабочие места на указанных технологиях, поддерживать то все написанное как то надо. А еще стартап если не загнулся, то развивается, что опять же к новым местам ведет.

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

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

[big_hasan]

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

P.S.: мир тесен, Уфа))

[Дмитрий Беляев]

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

[big_hasan]

Дмитрий Беляев, Ок, убедили.

Небольшой оффтоп
Имхо, jQuery несколько притянут за уши - мне кажется, он вообще стоит в стороне. И неужели ангуляр и реакт соотносятся так же, как и реакт и джиквери?

[Дмитрий Беляев]

big_hasan, ну в плане навязывания хороших практик, я бы реакт поставил почти на одном уровне с джиквери... Джиквери до него не хватает разве навязывание компонентного подхода. Ну и еще реакт-дом делает более точечные обновления дом за разработчика, а в джиквери опять же свобода делать плохо, ибо он императивный.
А вот если сравнивать внутреннюю сложность самих библиотек... Относительно рабочий аналог реакта я сделаю за 1-2 вечера, относительно рабочий аналог джиквери - где то за неделю. За ангуляр я даже браться не буду... ибо сложно планировать такие поделки дальше 3х месяцев...

[Just Me]

Дмитрий Беляев, у вас логика программиста, а есть ещё бизнес-логика.

Если технология популярна, то будет и большое комьюнити для быстрой поддержки. А время это деньги. Именно по этой причине популярен такой простой и такой ненавидимый "крутыми" программистами вордпресс

[Дмитрий Беляев]

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

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

И вот еще о чем забывают многие менеджеры:
что сэкономив время 1 раз, можно в последствии потратить его во много раз больше, а время это деньги;
что то что визуально выглядит весьма просто, под капотом может быть очень сложным;
что MVP после запуска нужно выкидывать и переписывать сразу, ибо после месяца поддержки переписать уже будет нереально, а поддерживать дорого...

[Vaultboy84]

Полный бред. Ангуляр отживший свое анахронизм. Не надо заливать, что он такой прекрасный, но почему то никто на нем не пишет, а наоборот переписывают ангулярные проекты на вью или реакт. Просто банально на этом говне никто не хочет ничего писать. И еще. Что такое "правильные" подходы к построению приложения?! Где эти правила прописаны, чтобы им следовать? Это исключительно ваше личное мнение, не надо возводить его в ранг истины. А svelte вообще маргинальнщина и потеря времени. Что это даст специалисту? Рост стоимости на рынке труда - нет. Паттерны для дальнейшей работы, тлже нет. Как взаимоисключают себя css modules и бэм, что надо учить только что то одно из них, но при этом щедро тратить время на мертворожденные фреймворки, тоже непонятно.

[Дмитрий Беляев]

Vaultboy84, Вы с angularjs случайно не путаете? Или это просто эффект Блаба?

[Abraham123]

Дмитрий Беляев, то есть, как я понял, Angular в сравнении намного лучше и перспективнее, чем react или Vue?

Answer 2

[xmoonlight]

Научитесь верстать качественно макеты для любых разрешений.
Учите css grid/flex, медиа-запросы, чередования списков с помощью css-селекторов, авто-установку светлой или тёмной темы по настройкам браузера, и т.д.

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

Answer 3

[survivor2005]

В принципе можно учить js параллельно с html, но чисто язык, языковые конструкции, решать логические задачи, но когда дело дойдёт до DOM, необходимо уже уметь верстать макеты. Так как там начнётся связка html js css.

Answer 4

[Abraham123]

У меня встречный вопрос, я понимаю, что он будет звучать как-то стрёмно, но пожалуй я его задам! Итак, я сам являюсь начинающим Front-end разработчиком и у меня есть такая проблема, наверняка все начинающие сталкивались с такой проблемой, вот я изучаю материал и через какое-то время забываю его, нет, конечно, когда я возвращаюсь к той теме, которую я забыл, я сразу вспоминаю, но это нормально?

Comments

[Олег Смирнов]

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

[Abraham123]

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