Front-end разработка: актуальный путеводитель для успешного старта

Каждый год, где-то в недрах интернета можно встретить актуальную информацию о том, какие технологии в этом году необходимо освоить для входа в специальность или повышения своих профессиональных навыков. Обычно публикуют картинку такого характера:

Карта настолько большая, что вся не умещается на экран.

На первый взгляд кажется, что этот объем знаний и навыков гигантский и его невозможно освоить весь. Но на самом деле, это так и есть 🙂.

Если серьезно, то знать все технологии отсюда необязательно. Для понимания того, как устроена данная карта, стоит понять, а откуда она берется. Фактически, её составляет сообщество Front-end разработчиков и постоянно корректирует. Чтобы увидеть первоисточник, то достаточно сохранить у себя в закладках вот эту ссылку https://roadmap.sh/frontend.

В первую очередь обратите внимание на плашку слева сверху.

Легенда с важными комментариями от разработчиков карты

Здесь представлен легенда маркеров, которые подсказывают нам следующее:

• личная рекомендация/мнение;
• альтернативный вариант - выберите этот или фиолетовый;
• порядок в дорожной карте не строгий (изучайте в любое время);
• я бы не рекомендовал.

Если брать в расчет только первый пункт, то карта уменьшается в разы.

Базовые технологии, которые необходимо освоить по рекомендации Front-end сообщества

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

Как говорится, всегда читайте то, что написано мелким почерком.

Здесь говорится “Мы урезали часть CSS для краткости. Тем не менее, я бы порекомендовал прочитать о CSS в JS, модулях CSS, компонентах стиля, экстракте vanilla, panda css и изучить различные фреймворки с готовыми компонентами, такими как mui, daisyUI, Chakra UI и Mantine”. Поэтому держите во внимании данный комментарий. Однако базовую часть карты, которую необходимо знать, вы можете увидеть выше.

Карта является интерактивной, вы можете нажимать на каждый блок и получать актуальную информацию со ссылками на документацию или стандарты.

Данное окно появилось после нажатия на блок JavaScript

Пользуйтесь, изучайте и становитесь профессионалами в своей деятельности! Подпишись на канал, если понравилась статья.