Вкат в реакт фронтенд:

HTML - это просто разметка, логически создающие блоки, чуть сложнее обычного
текста. Осваивается буквально за вечер-два. Для этого идешь на freecodecamp или
бесплатная часть htmlacademy, где рассказывается про теги, а также про CSS, в
частности, что такое флексы (важная вещь для позиционирования элементов на
странице, потренироваться - https://flexboxfroggy.com/#ru). Дальше пробуешь
сверстать небольшую страничку, попутно гугля, но сильно не заморачивайся с этим.

Дальше идешь на learn.javascript.ru учить и пробовать на вкус JS. Тут будет все
сложнее, но опять же, главное - не забросить. Будешь гуглить, регулярно
возвращаться, перечитывать и глубже вникать. Когда закончишь с главами о документе
и событиях - пишешь свой первый проект: туду лист (подробный гайд ниже в шапке). К
тому времени ты будешь приблизительно понимать, как это сделать. Делай задачи! Если
не можешь сделать задачу, спроси в чате. Иначе скипни ее.

Заканчиваешь с частью 2, можешь лениво почитывать главы в третьей, в это время

идешь на ru.reactjs.org/docs/getting-started.html. Проходишь главу за главой. Не
заморачивайся на классах, сегодня они легаси (встречаются только в старом коде),
когда разберешься с хуками - пишешь вторую тудушку, уже на реакте (гайд ниже),
пробуешь стайледы-компоненты. Заканчиваешь с докой реакта.

Параллельно гуглишь, что такое Redux и его улучшенная версия Redux Toolkit. Пишешь
третью тудушку, уже с этими технологиями. К этому времени, можешь использовать
Material-UI или Chakra. Это библиотечки стилей, которые позволяют тебе не
заморачиваться с оформлением.

Что же, теория пройдена. Теперь практика: пишешь код, пишешь, пишешь и еще раз
пишешь. Каждый выбирает проекты сам, но стандартный набор первого большого проекта
это:
- Прогноз погоды. Тут уже будет асинхронщина, привет Redux-Saga (во второй половине
2021 появились РТК Квери, стоит как минимум пощупать)
- поисковик фильмов или каталог игр (добавляем в копилку стека Redux-Router для
перемещения по разделам сайта)
- какой-нибудь личный проект уже во время поиска работы, чтобы не расслабляться