Как грамотно и с пользой структурировать обучение front-end разработке?
Ну лично я начал почти год назад, сразу учил js, потом на первом собесе понял что без верстки нормальной никуда. Начал больше верстать находишь макет в инете красивый и верстаешь. Что касается верстки достаточно посмотреть пару видео где за час верстают какой нибудь магазин. По верстке там уж можно если что нагнать. Как только 3 4 макета нормально сверстаешь, адаптивно и под мобилку. Можешь переходит к JavaScript. Я бы рекомендовал Sorax на ютубе. По памяти ещё помню смотрел JavaScript от а до Я. Среди книг читал в основном кантора, ещё носорога но там сложнее подача но более глубоко все разбирается. И само собой сразу идешь на codewars и делаешь задачи, одну за другой. Это очень помогает. После того как ты уже умеешь решать задачи, понимаешь плюс минус что да как, идешь учить реакт. Хотя бы маленько. Делаешь сайт на реакте в качестве тренировки. Ну или для начала туду или крестики нолики. И уже с реактом найти работу будет значительно легче. Сразу рекомендую забить на jquery. Даже не трать время. Из того что было бы полезно это es 6, bootstrap сетка, scss, react, react hooks, писать на функциях предпочтительнее чем на классах. Ну если кратко то так
Вначале читаешь короткую ознакомительную статью на каком-нибудь Хабре. Если все ок и реализация понравилась, то читаешь мануал и знакомишься с кодом/контентом. Гнаться за трендами имеет смысл только если они востребованы на нашем it рынке. Пытаться влиться в открытые проекты и собрав первые шишки попробовать создать что-нибудь свое ну или около того.